キャズムを超えろ！ - 団塊～シニア層向けのWeb設計 やっちゃいけない10のＵＩ
一時期パソコン教室の講師をやっていたことによる経験と、昨今Webサービス運用にあたって中高年層からのクレームなどを自分なりにまとめた結果として、50代以上のユーザに対するWebサービス＆PCアプリケーションのUI設計における以下10のTIPSを公開してみたいと思う。...といってもたかだか10個で収まる簡単な話ではないので、思いついたら都度追加して行きたい。 ID，ニックネームを考えさせてはいけない。半角英字開始限定は論外 IDやニックネームが思いつかない方が多い。これはシニアに限らず、ITリテラシーがそれほど高くない若年層についても言えること。作る側の人間も「過去にWebで使ったID,Nicknameは全て使っちゃダメ。何か新しいのを考えて入れてみて。」と言われると結構悩んじゃうもの。それと同じ状態に陥ると思っていただけるとわかりやすい。「IDのかわりに電話番号でもいいですよ」というと結
ねぇ、自分でちゃんと使ってみた？: DESIGN IT! w/LOVE
不確実な時代をクネクネ蛇行しながら道を切りひらく非線形型ブログ。人間の思考の形の変遷を探求することをライフワークに。 いやー、久しぶりにいくつかのケータイの最新機種をちょっと評価するために触ってみたけど、予想以上にひどい状況でした。 特にタッチパネルのついた機種はひどかったですね。使いにくいどころか、使えない機能がある機種もちらほら。 まさに、料理は運ばれてきたけど、「あのー、箸はないんですか？」という感じで、機能は目の前に提示されてるけど、肝心の操作方法がない。仕方なく隠れている通常のボタンを出して、これまで通りの操作をするという具合。 それって売っていいんでしょうか？と思うものもありました。どこのどの機種とはいいませんが。 そこで思うのは、これって売りだす前に実際に誰か使ってみたりしてるんでしょうか？ということ。 それくらい、専門家評価（例えば、ヒューリスティック評価）以前のユーザビリ
実用的なユーザビリティの10のポイント：ガイドライン編 | コリス
ユーザーにあなたのウェブページを容易で、そして楽しくアクセスできるようにする実用的なユーザビリティの10のポイント（ガイドライン編）をSmashing Magazineから紹介します。 Tumblr 多くのフォームは2カラムのレイアウトを採用し、ラベルはフィールドの左に配置されています。一見よさそうに思えますが、これは採用すべきではありません。 なぜなら、フォームは一般に垂直に方向付けがされているためです。ユーザーが左→右→左下と視線を動かすことより、上→下と移動する方が容易です。 また、ラベルを左に配置することはもう一つの問題があります。 あなたはラベルを右揃えと左揃えのどちらで配置しますか？ 左揃えはラベルを読みやすくしますが、どのフィールドのラベルか判断するのが難しい場合があります。 右揃えはその逆です。フィールドのラベルを判断するのは容易ですが、ラベルを俯瞰するのが困難です。 2.
セマンティックで使いやすいフォームを制作するための習作
ビギナーのためのセマンティックでアクセシブルで機能性にも優れたフォームを制作するための習作Nettuts+から紹介します。 20+ HTML Forms Best Practices for Beginners 下記は、その意訳です。 1ステップずつフォームを改善し、アクセシブルで機能性をアップするポイントを紹介します。 セマンティック アクセシビリティ ファンクショナリティ デザイン 結論 セマンティック 1. fieldsetを使用 ユーザーが入力する多くのフィールドがある際、fieldset要素を使用して類似情報をまとめます。 <textarea name="code" class="html" cols="60" rows="5"> <fieldset> <span>Billing Address</span><input type="text" /> <span>City</sp
フッターサイトマップのデザイン | blog / bookslope
6 Things To Include for a User Friendly Footer | UX Booth 「Key Footer Information」として、フッターの情報として重要な6つを取り上げています。もうどのウェブサイトを見てもこれらの情報は掲載されていると思いますし、ある意味デフォルト (標準値) であるとも言えます。 フッターに置く重要な要素 About Us Link/リンク (について)Contact Us Link/お問い合わせ (連絡先)Terms of Service/サイトの利用方法 (利用規約)Privacy Policy/プライバシーポリシー (個人情報の取り扱い)Site Map/サイトマップAddress and Phone Number/住所や電話番号 ただし、このうち「サイトマップ」については、単にサイトマップページへのリンクを置くこともそ
メガメニュー、Webサイトデザインの新常識 | エンタープライズ | マイコミジャーナル
SitePoint: New Articles, Fresh Thinking for Web Developers and Designers 向こう半年の間でメガメニューがいたるWebサイトにあらわれるだろうという予測がSitePoint: Mega Menus: the Next Web Design Trendで紹介されている。予測のベースになっているのはJakob Nielsen氏が23日に公開したMega Drop-Down Navigation Menus Work Wellのようだ。Jakob Nielsen氏はNielsen Norman Groupの会長を務めるとともに、Webデザインユーザビリティの権威として名が通っている人物。 Mega Menus: the Next Web Design TrendではWebデザイナがナビゲーションをデザインする場合はたいだい次の
カラーユニバーサルデザイン推奨配色セット
色覚の多様性に配慮した 案内・サイン・図表等用のカラーユニバーサルデザイン 推奨配色セット ■ 東京大学分子細胞生物学研究所 高次構造研究分野 伊藤啓 ■ 社団法人日本塗料工業会（JPMA） ■ DIC 株式会社（旧･大日本インキ化学工業株式会社） DIC カラーデザイン株式会社 ■ 特定非営利活動法人カラーユニバーサルデザイン機構（CUDO） 概略 一般の人にも色の見え方が異なる人にも見分けやすい、カラーユニバーサルデザイン推奨配色セットを作成。 被験者実験を重ね、数千の候補色から20色を絞り込み。 塗料業界の色指定の業界標準であるJPMA塗料用標準色2011年F版に対応色を収録。印刷・デザイン業界の色指定の業界標準であるDICカラーガイドシリーズから対応色を選出。 はじめに いわゆる色弱（色覚異常）の人や、緑内障など網膜の疾患を持つ人、白内障の人は、色によっては違いを
旧旧はちま起稿 - FC2 BLOG パスワード認証
ブログ パスワード認証 閲覧するには管理人が設定した パスワードの入力が必要です。 管理人からのメッセージ 閲覧パスワード Copyright © since 1999 FC2 inc. All Rights Reserved.
ウェブサイトをユーザーにリラックスして楽しんでもらえるようにする10のTips
ウェブサイトをユーザーにリラックスして楽しんでもらえるように、より使いやすくする10のTipsをWeb Designer Depotから紹介します。 10 Tips to Create a More Usable Web 以下、各ポイントのピックアップです。 1. Creating active navigation アクティブ機能をもったナビゲーションの設置 サイトのどのセクションにいるか、ユーザーに明示できるナビゲーションを設置します。 2. Clickable labels & buttons ラベルやボタンをクリック可能に フォームのラベル（label）やボタン（button）に、クリック可能であることが分かるようにスタイルシートで設定します。 例： <textarea name="code" class="css" cols="60" rows="5"> label, butto
アイトラッキングを使ってみた（1/2）- ＠IT
Zenコンサルティングユニット 柳沼 孝行 2009/5/25 ユーザーはどのようにWebページを閲覧しているのか？＠ITのページを対象にアイトラッキングで調査してみました 「ユーザー視点」とは何か？ Webサイト構築や、デザインに当たって重要視されるのが「ユーザーの視点」です。 Webに関わる多くの方にとって、「ユーザー視点」に立ったWebサイトの改善策を求められる機会が増えているのではないでしょうか。特定Webページにたどり着いた数はPVという指標で捉えられますが、ユーザーがWebサイトをどのように閲覧し、クリックに至ったのか、目の動線からもWebの改善ポイントが導けます。この記事では、アイトラックという技術を使って、ユーザーの閲覧動向を調査していきます。 「ユーザー」は、バナー広告を見ない？ そこでまず、2006年に英etreが行った、Virgin Megastoresオンラインサイ
はてなの最大の矛盾 - みやきち日記
はてなの最大の矛盾。それは、「検索エンジンが使いにくい父親を助けたいと思って人力検索を作ったところから始まった」会社であるにもかかわらず、はてな内のヘルプがものすごくわかりにくく、目当ての機能を探すには結局検索エンジンに頼らざるを得ないこと。最近それを痛感したできごとがふたつあったので、書いてみます。 1. ダイアリーのテーマを変更したときのこと 先日この「みやきち日記」のデザインテーマを変更したときのこと。http://i.hatena.ne.jp/idea/888でも指摘されていることですが、詳細デザイン設定からテーマを変更すればヘッダやフッタのデータが失われずに済むってことがまずわかりませんでした。そもそも詳細デザイン設定のページにも、そこから飛べるデザインテーマについて - はてなダイアリーのヘルプにも、んなこと一言も書いてありませんし。 で、一から設定し直そうと思って、ヘッダやフ
ブログユーザビリティ：間違いトップ10
ヤコブ・ニールセン博士のAlertboxより。ブログユーザビリティの間違いトップ１０について書かれている。 Weblog Usability: The Top Ten Design Mistakes ヤコブ・ニールセン氏について Jakob Nielsen博士のAlertbox(Alertbox日本語訳サイト) ウェブのユーザビリティに関しては、アメリカで並ぶもののない第一人者Jakob Nielsen博士。博士自ら運営するサイトuseit.comで連載中のコラム『Alertbox』は、ウェブ制作者のバイブルとして長年にわたり読みつがれています。 Webユーザビリティとは、かなり簡単に説明すると、そのサイトが訪問者にとって閲覧しやすいか、という事です。 彼の発言する事には、いろんな方が影響を受けています。私もAlertboxのコラムはほぼ読み終えました。このブログでも、多大な影響を受けてい
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
