[Translation from English to Japanese ] “Put yourself in the shoes of who’s coming to your site,” says Frankel. “What...

Additional info

http://mashable.com/2012/02/09/website-must-haves/

Original text

“Put yourself in the shoes of who’s coming to your site,” says Frankel. “What are they trying to get done? Think about the goal of your potential customer.” Pepper the site with action items to help customer easily do what you want them to do. Birchbox has done a good job of this, encouraging users to “learn more” and directing them to claim a gifted Birchbox, since it’s a popular gift item and giftees are likely to be first-time visitors.

5. Security

If you’re selling anything online, you need to put some effort into securing your site with an SSL certificate.

Translation / Japanese

「自分のサイトに訪れる人々の気持ちになってみると良い」、Frankelはそう語る。「彼らが何を行いたいと考えているのか？顧客となり得る人々の目的を考えると良いだろう」。自分が顧客に行ってもらいたいと考えることを、顧客に簡単に行ってもらえるようサイトにアクション・アイテムを添えると良いだろう。そういった意味では、Birchboxは良い仕事をしたと言え、ユーザーに自身のサービスについて「さらによく知ってもらう」よう促進し、Birchboxがギフトとして人気が高いこと、またギフトを受け取る人々がおそらく新規ユーザーである可能性が高いことから、Birchboxをギフトとして獲得するよう仕向けている。

５．セキュリティ

オンラインで何かを販売しているのであれば、自身のサイトをSSL証明書などの形で保護するために労力を費やす必要があるだろう。

Translation / Japanese

“サイトを訪れる人の立場に立って、彼らは何をしたいのか？、その潜在顧客が求める答を考える事だ“と
Frankelは言う。希望する方向に顧客を楽に誘導できるよう、サイト上には、顧客に実行してもらいたい項目をちりばめることだ。その点、初めての人が多く、人気のギフト品を扱うBirchbox,は、顧客にBirchboxの事を知ってもらい、上手にギフト購入に結びつけたのだ。

5. セキュリティー
もしネットで何かを販売しているなら、サイトのセキュリティーをSSL証明で強化する必要がある。

Translation / Japanese

”あなたのホームページに来る人の気持ちになって考えて見なさい”と、フランケル氏は言う。”彼らは何を求めているのか？あなたの未来の顧客のゴールは何なのかを考えなさい。”あなたが顧客に求めていることを、顧客がやりやすいように、アクション項目を用いてホームページに手を加えるのだ。Birchboxは、これに成功した。Birchboxは人気のギフト商品だ。初めての訪問者に対し、”学ぶ”を推奨し、彼らにギフトBirchboxを要求するように仕向けるのだ。

５．セキュリティー

もし、あなたがオンライン上で何かを売る場合、SSL認可をを使い、あなたのホームページを保護する努力をする必要がある。

Original text

The SSL will encrypt communications between you and your clients (i.e. a credit card number, Social Security number), which will allay their fears of providing such information, since there’s so much identity theft on the web. VeriSign, TrustE, Entrust and GeoTrust are good options to explore.

Twitter. Facebook. Tumblr. YouTube. Pinterest. Google+. LinkedIn. Instagram. Foursquare. There are a lot of social platforms out there, and you should promote your presence on them on your website, because social media is critical part of marketing your business. Though not a traditional business, digital savvy Team Coco does a great job promoting its many social channels on the website.

Translation / Japanese

ネット上では、個人情報の盗難が横行しており、SSLは、顧客とのやりとり（例えば、クレジットカード番号、ソーシャルセキュリティー番号）を暗号化してくれるので、そのような情報提供に伴う顧客の心配を軽減してくれるのだ。VeriSign、TrustE、EntrustやGeoTrust等、選択肢として調べてみる価値はある。

6.ソーシャルメディアとの統合。
Twitter、Facebook、Tumblr、YouTube、Pinterest、Google+、LinkedIn、Instagram、Foursquare等、様々なソーシャルプラットフォームが存在している。今やビジネスを売り込む上でそのソーシャルメディアは欠かせないものになっており、そこにちゃんと存在をアピールしていることが自身のサイトからもわかる様にすることだ。従来のビジネスではないが、デジタル業界に精通しているTeam Cocoは、ウェブ上で同社の多くのソーシャルチャンネルを実にうまく宣伝している。

Translation / Japanese

インターネット上では個人情報を取得・悪用されることも多いが、SSLは、あなたとクライエントのコミュニケーションを暗号化するので（クレジットカード番号や、社会保障番号など）情報を提供することに対する不安を軽減する。 VeriSign, TrustE, Entrus, GeoTrustなどは良い選択肢といえる。

Twitter. Facebook. Tumblr. YouTube. Pinterest. Google+. LinkedIn. Instagram. Foursquare。ソーシャルメディアは、マーケティングの重要な部分を締めるため、前述したような多数のソーシャルメディアサイトにあなたの存在を宣伝するべきだ。伝統的な商法ではないが、デジタル関連に強いTeam Coco はサイト上の多数のソーシャルメディアを駆使して、宣伝効果をあげている。

Original text

Integrating these platforms into your website will help boost your SEO, improve your business’ footprint on the social web and build your following across numerous social platforms. Is it worth it to maintain a presence on so many social platforms? Yes — as long as you actually maintain your content, you’ll keep your brand top-of-mind and keep users engaged. “Social media is not going to leave us anytime soon and its worth the investment in time — it does make a difference,” says Mills.

7. A Mobile-Ready Version

Translation / Japanese

これらのプラットフォームを自分のウェブサイトに統合することは、自身のSEOの促進、ソーシャルウェブ上における自身の事業経歴の改善、そして膨大な数のソーシャルプラットフォーム上でその支持を築き上げていくことに繋がる。それだけ多くのソーシャルプラットフォームで自身の存在を維持していく価値はあるのだろうか？答えはイエスである。ただ単にコンテンツを管理していくだけでも、自身のブランドを顧客心理上に埋め込んでおくことができ、ユーザーとのつながりを保持していくことができる。「ソーシャルメディアは、しばらくの間は消え去ることはないと思われ、やがて投資することの価値が見出される。このように、違いは確実に生じるのだ」、とMillsは述べた。

７．モバイル対応バージョン

Translation / Japanese

これらのプラットフォームをウェブサイトに組み込んでいくことでサーチエンジン最適化（SEO）の検索結果が向上し、ソーシャルウェブ上でのビジネス・フットプリントを改善できる。それにたくさんのソーシャルプラットフォームにいるファンたちを増やしていくことができるのだ。たくさんのソーシャルプラットフォーム上で存在感を保っていくことに価値はあるのだろうか。答えは「イエス」である。実際にコンテンツを更新していく限り、企業ブランドは顧客の心に残り、ユーザーを引き留めておくことができるのだ。「ソーシャルメディアは今すぐにでも離れていくものではなく、すぐに投資した価値が分かるものでもない。だが確実に差を生み出していくものだ」とMills氏は言う。

7．モバイルレディ・バージョン

Original text

Smartphones and tablets are driving an increasing amount of web traffic, and the numbers are only going to grow as mobile devices become cheaper and more mainstream. Andy Chu, director of Bing for Mobile, says 70% of task completion happens within one hour on mobile sites, meaning that people are often browsing on the web with intent — they’re looking to do something, buy something or go somewhere. If someone searches for a restaurant on his smartphone, he’s likely to eat at that restaurant within the hour, says Chu. So your website better be readable on handheld devices.

Translation / Japanese

スマートフォンとタブレットは、ウェブトラフィック数を増加させており、その数は、モバイル機器が安価になりより主流となるにつれて増加するのみ、と見られている。Bing for Mobileの管理者であるAndy Chu氏は、完了タスクのうち70%は1時間以内にモバイルサイト上で行われていると述べ、これは、人々はウェブ上で通常目的をもって閲覧しているということを示す。人々は、何かを行いたいと考え、何かを購入したいと考え、もしくはどこかへ行きたいと考えているのだ。ある人がスマートフォンでレストランを検索しているとすれば、彼は1時間以内にそのレストランで食事をとる可能性が高いとされている、とChu氏は述べている。よって、ウェブサイトが携帯モバイル機器上でも見ることができる、ということは必須であろう。

Translation / Japanese

スマートフォンやタブレットがウェブ上にもたらすデータ量は増えており、その量はモバイル機器の価格が下がり主流になるにつれ、益々増えるばかりだ。Bing for Mobile のディレクターのAndy Chuによれば、モバイルサイト上でのタスクは、70%が一時間以内に完了するそうだ。つまり、人は目的を持ってしばしばウェブの閲覧しているのだ。彼らは、何かをするため、何かを買うため、どこかにいくために、閲覧しているのだ。Chuによると、もしスマートフォンでレストランを検索すれば、一時間以内にそのレストランで食事をしてもおかしくないと言う。なので、ウェブサイトはモバイル機器で閲覧できるようにしないと駄目だ。

Translation / Japanese

スマートフォンとタブレットはウェブトラフィックの量を推し進めている、そして携帯デバイスが安く主流になるにつれその数量が増えている。Bing for MobileのAndy Chu取締役は７０％のタスクは携帯サイトで一時間以内に行われる、つまり人々は何らかの意思を持ってウェブを検索している— 何かを探し、何かを買い、どこかへ出かけるという意思だと言う。誰かがスマートフォンでレストランを検索していれば、彼はおそらく一時間以内にそのレストランで食事をするだろうとChuは言う。だから貴方のウェブサイトは携帯デバイスで読めるようにしたほうが良い。

Original text

“Until two years ago, designing for the web meant designing for a computer, now it means designing for anything with an internet connection,” says Frankel, referring to laptops, tablets and smartphones, all of which have different screen sizes. So, how can you do it? Responsive design.

Responsive website design enables you to use fluid widths, so that your website layout will adapt to the screen on which it’s being browsed. You can enter HTML code so that your sidebar takes up, say 20% of the screen width, and the remaining 80% is reserved for the body of your website. Layouts are adjustable and images are scalable to make for a better web experience on myriad devices.

Translation / Japanese

「2年前までは、ウェブデザインをするということは、コンピューターをデザインするということを指していたが、今ではインターネット接続に係る全てのものをデザインすることを意味する」。ディスプレイサイズが異なるラップトップ、タブレット、そしてスマートフォンを指し、Frankelはそう語った。ではどのようなデザインにすれば良いのだろうか？レスポンシブ・デザインである。

レスポンシブなウェブサイトのデザインでは、流動性幅（Fluid Width）を活用することができ、それによって自分のウェブサイトのレイアウトは、閲覧されている機器に対応して画面のサイズが変更される。HTMLコードを入力することで、サイドバーを例えば画面の20%を占めるとした時、残りの80%は自分のウェブサイトのその他のメインコンテンツ部分のために残しておくことができる。レイアウトは調整可能、そして画像はスケール可能で、無数の機器上でより良いウェブ体験を得ることができるようになっている。

Translation / Japanese

「2年前までウェブのデザインはコンピューターで閲覧されることを想定してデザインすることを意味していたが、今ではインターネット接続が可能なあらゆるもので閲覧出来るようにデザインすることを意味している」とFrankelは言う、ノートパソコン、タブレット、スマートフォンのどれもがそれぞれ異なる大きさの画面を持つ。では、どうデザインするのか? 閲覧環境に敏感なデザインである。

閲覧環境に敏感なウェブデザインは流体的な横幅での閲覧が可能で、そのためウェブサイトのレイアウトは閲覧されている端末の画面に順応する。例えば画面の幅の20%のみにサイドバーを表示させ、残りの80%の部分はウェブサイト本体を表示出来るようにHTMLコードを打ち込むことが可能だ。無数のデバイスでより良いウェブ体験が出来るようにレイアウトは調節可能で画像は大きさが変更可能である。

Translation / Japanese

全てが異なるスクリーンサイズを持つラップトップ、タブレットやスマートフォンの事を挙げながらフランケルは”２年前まではウェブ設計はコンピューターの為のものだったが、今やそれはインターネット接続の為のものだ”と言う。貴方はどうする？対応性の良い設計。

対応性の良い設計は縮小拡大出来る幅を持たせ、どのブラウザが使われていようがスクリーンに適するようウェブのレイアウトを表示する事が出来る。ＨＴＭＬコードを入力するとサイドバーが立ち上がりスクリーン幅の２０％を占め、残りの８０％はウェブに使われる事になる。たくさんのデバイスでの良いウェブ体験を維持する為に、レイアウトは調整可能で画像は縮小拡大が可能なものにすべきだ。

Original text

Here are examples of sites with responsive design, so you can see for yourself.

Do you simply want to focus on developing a mobile website? You can use Mobify and other tools to create a mobile version of your website.

8. FAQ

People have a lot of questions. As you hear concerns from customers and receive feedback via email, gather up the most frequently asked questions into a list and offer clear, concise answers. Questions often revolve around materials and ingredients used (for allergy reasons), shipping information, company history, sizing (for apparel brands) and cancellation or return policies.

Translation / Japanese

参考までに表示が早いデザインのウェブサイトがある。ぜひご覧になっていただきたい。

モバイル版のウェブサイトの開発に注力してみたいと考えることもあるだろうか。Mobifyや他のツールを使ってウェブサイトのモバイル版も作製できるのだ。

8．FAQ

質問をたくさんしてくる人がいる。顧客から心配事を聞く、メールでフィードバックをもらうなどしたときには、一番多く尋ねられた質問を集めてリストを作り、簡単で分かりやすい答えを出すべきである。質問は使われている材料や成分（アレルギーの理由から）、発送情報、会社の経歴、規模（アパレルメーカーには）、それにキャンセルや返品条件についてよく聞かれる。

Translation / Japanese

ここに反応が良いデザインを持つサイトの例があるから確認してみよう。

携帯ウェブサイトでの開発のみに集中したいのか？それならMobifyや他のツールを使って貴方のウェブの携帯版が作成可能だ。

８．ＦＡＱ

人々はたくさんの質問を持つ。顧客からの心配事を聞き、メール経由でフィードバックを得ながら、頻繁に聞かれる質問をリストにし、明快で簡潔な答えを提供しよう。質問はしばしば、材質、含有物（アレルギーに関する理由から）、配送情報、会社の歴史、サイズ（衣服ブランドの場合）とキャンセルや返品方針に関するものだ。

Original text

9. Good Hosting

Don’t mess around with hosting. “You need your site on a mainstream provider, and it costs a handful of dollars every month to have 24/7 technical assistance,” says Mills.

Not having good hosting can cost you in many ways. A slow site is frustrating, one that fails to load is obnoxious and both could turn off customers. But beyond annoying your users and increasing your bounce rate, poor hosting can also affect your rank in search engines, since many search engine algorithms detect webpage loading speed, says Malakai Whitston of design blog WebDesignFan.

Translation / Japanese

９．良質のホスティング

ホスティングを甘く見ないように。「自分のサイトを主流プロバイダ上で運営する際に、1日24時間毎日テクニカルアシスタントを受けるには、毎月多額の支払いを覚悟せねばならない」、とMillsは語る。

質のあまり良くないホスティングを得るということは、いろいろな意味で多くを失う結果となる。遅いサイトには苛立ちを覚え、ロードがうまくできないサイトには不快感を覚え、そしてこれら両サイトとも顧客を遠ざける結果を招く可能性が高い。しかし、自分のユーザーが苛立ちを覚えるということ、直帰率の増加ということ以上に、多くのサーチエンジンでは、ウェブサイトの立ち上げスピードを検出するアルゴリズムを用いているため、質の悪いホスティングが自分のサイトのランキングにまで影響を及ぼすことにもなりかねない、とデザインブログWebDesignFanのMalakai Whiston氏は語る。

Translation / Japanese

９．良いホスティング

ホスティングで失敗してはいけない。ミルズは”貴方のサイトは主流のプロバイダ上に置くべきで、２４時間/週７日の儀技術サポートを得るには高額な費用がかかる”と言う。

質の悪いホスティングサーバーを持つ事は多くの点で損失になる。遅いサイトには不満がたまり、ロードする事が出来なければいらいらさせられ顧客は離れていってしまう。デザインブログWebDesignFanのMalakai Whitstonは「顧客の不満や拒否率が上がる事以上に、多くのサーチエンジンのアルゴリズムはウェブページのローディングスピードを計測しているので、品質の悪いホストはサーチエンジンでのランクにも影響してくる」と言う。

Original text

10. Here’s a Curveball — Some Features You Don’t Need

Don’t underestimate the power of simplicity. Feel free to forgo these things on your website:

▶ Music
▶ Flash
▶ Anything that autoplays, whether it’s music or a video. “It’s not something you want to do to somebody,” says Frankel.
▶ Extraneous information and media — it’ll only slow down the page’s loading time.

What are your website must-haves? Let us know in the comments.

Translation / Japanese

10．策略について ー 必要のない機能もある

簡略化された威力というものを軽く見ないでほしい。以下のことはどうかウェブサイトから削っていただきたい。

▶音楽
▶フラッシュアニメーション
▶自動再生されるもの、音楽や動画など。
「これは誰かに伝えたいことではないはず」とFrankel氏は言う。
▶筋違いの情報やメディア ー ウェブページのダウンロード時間を遅くするだけである。

あなたのウェブサイトに必要なものは何だろうか。コメントをいただきたい。

Translation / Japanese

１０．曲球　必要の無い特徴。

単純さを過小評価してはいけない。ウェブサイトから以下の事を無くしていこう。

▶音楽
▶ フラッシュ
▶ 音楽であろうがビデオであろうが自動で始まるもの。フランケルは必要のないものだと言う。
▶ 無関係な情報とメディア — ローディングタイムを遅くするだけだ。

貴方のウェブサイトには何が必要？　コメントを送って欲しい。