7 Best Practices for Improving Your Website’s Usability
The Web Design Usability Series is supported by join.me, an easy way to instantly share your screen with anyone. join.me lets you collaborate on-the-fly, put your heads together super-fast and even just show off.
Writing content for web users has its challenges. Chief among them is the ease with which your content is read and understood by your visitors (i.e. its readability).
When your content is highly readable, your audience is able to quickly digest the information you share with them — a worthy goal to have for your website, whether you run a blog, an e-store or your company’s domain.
Webサイトの利便性を改善する7つの最善策
Webサイトのデザインの利便性を図っていくには、他人とすぐにサイトを共有していく簡単な方法としてjoin.meがある。これにより、オンザフライで協力し合い、素早く状況をまとめ、Webサイトを際立たせることができる。
ネットユーザに向けてコンテンツを構築していくことはとても困難なものであり、サイトを訪れた人がそのコンテンツを読んで簡単に理解してもらうことが大切である。（読みやすいということ）
コンテンツが読みやすければ、サイトを訪れた人が共有している情報をすぐに理解できる。これはブログ、Eｰストア、それに会社のドメインであろうとサイトが目指すべき最終的な目標と言える。
Below are a handful of dead-simple tips and techniques for enhancing the usability and readability of your website’s content.
These tips are based on research findings and suggestions by well-regarded usability experts such as Jakob Nielsen.
This list is not exhaustive, and is meant merely to arm you with a few ideas that you can implement right away. If you have additional tips to add, please share them in the comments.
General Goals of User-Friendly Web Content
Usable, readable web content is a marriage of efforts between web designers and web content writers.
Web pages must be designed to facilitate the ease of reading content through the effective use of colors, typography, spacing, etc.
以下はウェブサイトのユーザビリティとリーダビリティを向上させるための、極めてシンプルなティップスとテクニックをまとめたものだ。
これらのティップスは、ユーザビリティの専門家として名高い、ヤコブ・ニールセンによる調査と提言をベースにしている。
このリストは完全なものではなく、単に書き手に実践可能なアイデアを与えようとするものである。もし他にも良いティップスがあれば、コメント欄に書き加えてほしい。
ユーザーフレンドリーなウェブコンテンツのための一般的目標
使いやすく読みやすいウェブコンテンツは、ウェブデザイナーとコンテンツライターの努力が互いに結ばれることによって作られる。
ウェブページは、コンテンツを容易かつスムーズに読み進められるよう、配色やレイアウト、スペースの配置などが適切にデザインされていなければならない。
In turn, the content writer must be aware of writing strategies that enable readers to quickly identify, read and internalize information.
As we go through the seven tips below, keep these three general guidelines in mind:
Text and typography have to be easy and pleasant to read (i.e. they must legible).
Content should be easy to understand.
Content should be skimmable because web users don’t read a lot. Studies show that in a best-case scenario, we only read 28% of the text on a web page.
What simple things can we do to achieve these goals? Read on to see.
同様にコンテンツライターは、読者にすぐに意気投合させ、読んで情報を習得させるようなライティングの策略に気をつけなければならない。
以下の７つのヒントを話していく上で、これらの３つの一般的なガイドラインを頭に入れておいてほしい。
・テキストやタイポグラフィーは読みやすく見た目が良いものでなくてはならない。（すなわち、判読可能であること）
・コンテンツは理解しやすいものであること
・ウェブのユーザーは深く読まないので、コンテンツは流し読みできるものであること。研究によると、うまくいったとしても、我々はウェブページのテキストの28%しか読まないのである。
これらのゴールを達成するために我々ができる簡単なことは何か？更に読み続けてみよう。
1. Keep Content as Concise as Possible
It’s pretty well known that web users have very short attention spans and that we don’t read articles thoroughly and in their entirety. A study investigating the changes in our reading habits behaviors in the digital age concluded that we tend to skim webpages to find the information we want.
We search for keywords, read in a non-linear fashion (i.e. we skip around a webpage instead of reading it from top to bottom) and have lowered attention spans.
1．文章はできるだけ簡潔に
ウェブユーザーの集中力はとても短く、記事全体をじっくりと読むことはないというのはよく知られている。デジタル時代に暮らす私達の物を読むという習慣の変化を調査した研究では、私達は欲しい情報を見つけるためにウェブページを飛ばし読みする傾向にあるという結論がでている。
私達はキーワードを探し、直線的でない方法で物を読み（つまり、ウェブページを最初から最後まで読むのではなく、拾い読みをする）、集中力も低下している。
This idea that we’re frugal when it comes to reading stuff on the web is reinforced by a usability study conducted by Jakob Nielsen. The study claims a that a 58% increase in usability can be achieved simply by cutting roughly half the words on the webpages being studied.
Shorter articles enhance readability, so much so that many popular readability measurement formulas use the length of sentences and words as factors that influence ease of reading and comprehension.
私達がウェブで何かを読むのにあまり時間を費やしていないという考えは、ヤコブ・ニールセンが行なったユーザービリティーの研究によっても後押しされている。この研究によれば、調査されたウェブページ上の文字を約半分に減らすだけで、ユーザビリティーは58％向上するということだ。
短い記事は読みやすさを高める。だから、人気ある読みやすさを計る計算方式の多くには、文の長さや文字数を、読みやすさや分かりやすさを左右する要素として用いている。
What you can do:
・Get to the point as quickly as possible.
・Cut out unnecessary information.
・Use easy-to-understand, shorter, common words and phrases.
・Avoid long paragraphs and sentences.
・Use time-saving and attention-grabbing writing techniques, such using numbers instead of spelling them out. Use “1,000″ as opposed to “one thousand,” which facilitates scanning and skimming.
・Test your writing style using readability formulas that gauge how easy it is to get through your prose. The Readability Test Tool allows you to plug in a URL, then gives you scores based on popular readability formulas such as the Flesch Kincaid Reading Ease.
やるべきこと。
・要点をできるだけ早く伝える。
・無駄な情報は省く。
・分かりやすく、短く、日常的な言葉やフレーズを使う。
・長い段落や長文はさける。
・時短で目を引く文書作成手法を使う。例えば、字でなく数字を使う。
スキャニングやスキミングがしやすい様に千のところを1000にする。
・あなたの文章を可読性公式に通して文体を評価してもらう。
ネット上でReadability Test Tool を使い、よく利用されてる可読性公式の
Flesch Kincaid Reading Easeに通した結果を得点で知る事が可能だ。
2. Use Headings to Break Up Long Articles
A usability study described in an article by web content management expert Gerry McGovern led him to the conclusion that Internet readers inspect webpages in blocks and sections, or what he calls “block reading.”
That is, when we look at a webpage, we tend to see it not as a whole, but rather as compartmentalized chunks of information. We tend to read in blocks, going directly to items that seem to match what we’re actively looking for.
2. 見出しを使い、長い記事を分割する。
ここに興味深い記事がある。
ウェブコンテンンツの専門家であるGerry McGovern によると
ウェブ上で記事を閲覧する人は、一つのブロックから目当てのページを探し当て、
そして閲覧をするそうだ。名付けてブロック読みだそうだ。
つまり、我々がウェブ上で記事を閲覧する際、どうやら全体を一つとして
見ているのではなく、むしろ細かく区分けされた情報の集まりとして見ている様だ。
検索内容と一致すれば、直接その事項に目をやり、ブロック読みを始めてしまう様だ。
An eye-tracking study conducted by Nielsen revealed an eye-movement pattern that could further support this idea that web users do indeed read in chunks: We swipe our eyes from left to right, then continue on down the page in an F-shaped pattern, skipping a lot of text in between.
We can do several things to accommodate these reading patterns. One strategy is to break up long articles into sections so that users can easily skim down the page. This applies to block reading (because blocks of text are denoted by headings) as well as the F-shaped pattern, because we’re attracted to the headings as we move down the page.
ウェブ利用者は文章を細切れで読むという説を裏付ける内容が、目の動きを研究しているNielsenによって示された。Nielsenによれば、目の動きのパターンは左から右へと動き、
続いてページの下の方に移動するという。間の文章がたくさん抜けたちょうどFの字の様な形だという。
この読書パターンを利用すればいくつかのことができる。
一つは、読者が簡単に流し読みができる様、長文の記事を項目に分けることだ。
これは、見出し効果で次々読みたくなるので、ブロック読み（見出しによって分割された文章ブロックのため）やF字型の構成に効果がある。
Below, you’ll see the same set of text formatted without headings (version 1) and with headings (version 2). See which one helps readers quickly skip to the sections that interest them the most.
What you can do:
Before writing a post, consider organizing your thoughts in logical chunks by first outlining what you’ll write.
Use simple and concise headings.
Use keyword-rich headings to aid skimming, as well as those that use their browser’s search feature (Ctrl + F on Windows, Command + F on Mac).
下の例を見て欲しい。ここには、見出しのない文章（バージョン１）と見出し付きの文章（バージョン２）がある。読者が一番読みたいセクションに素早く進めるのはどちらのバージョンかお分かりだろうか？
できること：
掲載する文を書く前に、まず始めに書く内容の要点をはっきりさせ、考えを論理的にまとめて整理することに配慮する。
シンプルで分かりやすい見出しをつける。
ブラウザーの検索機能（ウィンドウズではCtrl+F、マックではコマンド+F）を使う人や拾い読みを助けるためにも、キーワードに富んだ見出しをつける。
3. Help Readers Scan Your Webpages Quickly
As indicated in the usability study by Nielsen referenced earlier, as well as the other supporting evidence that web users tend to skim content, designing and structuring your webpages with skimming in mind can improve usability (as much as 47% according to the research mentioned above).
What you can do:
Make the first two words count, because users tend to read the first few words of headings, titles and links when they’re scanning a webpage.
Front-load keywords in webpage titles, headings and links by using the passive voice as an effective writing device.
Use the inverted pyramid writing style to place important information at the top of your articles.
3．読者がウェブサイトを素早く読めるよう工夫する
前述したニールセン氏のユーザビリティーの研究やウェブユーザーが内容をざっと読む傾向があることを表すその他の証拠が示すように、読者が拾い読みをすることを念頭においてウェブページをデザインし構成すれば、（前述した調査によれば47％も）
ユーザビリティーは向上する。
できること：
ユーザーはウェブページをざっと読んでいる時は、見出し、タイトル、リンクなどの始めの数単語を見る傾向にあるので、始めの2単語に重点をおく。
効果的なライティング手法として受身形を使い、キーワードをウェブページのタイトル、見出しやリンクの始めに出す。
逆ピラミッド型のライティング手法を用い、記事の一番始めに重要な情報を書く。
