フラットデザインのベストプラクティス
フラットデザインでは、シグニファイアが失われていることでどこがクリックできるのかわかりにくく、ユーザビリティが問題になることがしばしばある。クリックできる要素とできない要素とを一貫して明確に区別し、こうした負の副作用が起こらないようにしよう。 Flat-Design Best Practices by Kate Meyer on March 12, 2017 日本語版2017年6月29日公開 2012年頃、その人気に火がついて以来、フラットデザインはWebのビジュアルデザインのテイストに影響を与えてきた。今やフラットデザインはいたるところに存在している。AppleやAmazon、Microsoftだけでなく、IBMでさえフラットデザインを採用している。もはや単なるWebデザインのトレンドとはいえないだろう。 フラットデザインは、特にミニマリズムと戦略的に組み合わせると、外観でアピールできる
モバイルにおける入力フォームデザインのためのチェックリスト
モバイルデバイス用の入力欄をデザインするときには、14のユーザビリティ要件からなるこのリストを満たしているかどうかをチェックしよう。 A Checklist for Designing Mobile Input Fields by Raluca Budiu on June 14, 2015 日本語版2015年7月10日公開 デザイン対象がWebページであれ、Webベースのアプリケーション（たとえば、SaaS）やネイティブモバイルアプリであれ、基本の構成要素の1つになるのが、ユーザーがテキストを入力する地味なテキスト入力欄である。このウィジェットは大量に利用されているので、その利用自体について、この記事で話す気はない。アプリケーションデザインにおいて、ワークフロー等の全体像に関わる問題は良質なユーザーエクスペリエンスにとって重要であり、指摘する必要のある課題がたくさんあるからである（こうした
» スマートフォンサイトのユーザビリティを下げるアンチパターン | Webnoborder
モバイルデザインパターン― ユーザーインタフェースのためのパターン集を読んで、スマートフォンサイトのアンチパターンも作りたいと思ったのがキッカケで作ってみました。 独断と偏見で評価しています。 反応エリアを探させるアコーディオン 「お金からモバイルデザインパターン― ユーザーインタフェースのためのパターン集を読んで、スマートフォンサイトのアンチパターンも作りたいと思ったのがキッカケで作ってみました。 独断と偏見で評価しています。 反応エリアを探させるアコーディオン 「お金から探す」周辺のリストがアコーディオンになっていますが、テキストの部分をタップしても何も動作しません。 プラスアイコンの部分をタップしないと反応しないのです。 このようにタップ領域がユーザの意識と違う場所に設定されているのは、ユーザビリティに問題があるといえるので改善が必要でしょう。 参考サイト スマートフォンサイトにお
外部リンクは別ウィンドウで開かせるべきか？ アクセス解析でユーザー行動を理解する
『MarkeZine』が主催するマーケティング・イベント『MarkeZine Day』『MarkeZine Academy』『MarkeZine プレミアムセミナー』の 最新情報をはじめ、様々なイベント情報をまとめてご紹介します。 MarkeZine Day
‘web屋が主張する「リキッドレイアウト」に騙されないために’に騙されないために：ekken
ウェブサイトのデザインに関する話で、固定幅派と可変幅派の意見対立は珍しくも無いのだけど、これはちょっと酷かったなー。 web屋が主張する「リキッドレイアウト」に騙されないために 私自身は今現在、最小・最大幅設定の可変幅を採用しているわけなんだけど、別に「固定幅憎しッ！ セーバイしてくれるッ！」とか思っているわけじゃなくて、まぁ読みやすければ良いんじゃないのよ、などと言いながらハナクソをホジホジしている「どっちでもよかんべ派」 そのどっちでもよかんべの私が可変幅を採用しているのは、自分が読みにくいと思う他人のウェブサイトを閲覧する際に、文字サイズや表示領域を変更することが多いから。 表示領域を変更しているくせに、その最大・最小幅を限定しているのは、そのサイズより大きい・小さいと、なまら読みにくいべや、などと思っているからなのです。あ、今ちょっとだけ北海道弁が出てきたけど気にすんな。 で、安眠
可読性を「さらっと」アップさせる、誰でも可能なウェブライティング - Feel Like A Fallinstar
しばらく、ドタバタでブログを放置してました。 まぁゆっくり再開と言うことで、コネタから、と（汗） 最近マーケティング事例系のネタが続いていたので、インターフェースとかウェブっぽいお話をば。 重要な割に、あんまり世の中にノウハウが出ていないウェブライティングについて、ちょっとした、でも確実に効果のあるティップスを1つ紹介してみようかなと。 ウェブライティングは、「バランス」 具体的な内容の前に、ウェブライティングの基本的な考えを。 ウェブライティングの前提として、情報全体の「バランス」が本当に大事です。 適度な見出しがあって 適度なリスト表現（箇条書き）が要点や順序の説明に用いられていて 適度に重要な部分が強調されていて みたいな。 他にも英語は控えるとか、色々な原則があります。 この辺りのお話は、文章を見やすくする5つの工夫 / ウェブライティングのルール（どちらもユーザビリティ実践メモ）
縦長いページデザインは是か否か？ 楽天におけるスクロール量計測導入の裏側
『MarkeZine』が主催するマーケティング・イベント『MarkeZine Day』『MarkeZine Academy』『MarkeZine プレミアムセミナー』の 最新情報をはじめ、様々なイベント情報をまとめてご紹介します。 MarkeZine Day
「iPadは使いにくい」：米のUI専門家が批判 | WIRED VISION
前の記事 ネットは「偏った意見」を強化するか：研究結果 「米国初の洋上風力発電」：反対運動で難航 次の記事 「iPadは使いにくい」：米のUI専門家が批判 2010年5月13日 IT コメント： トラックバック (0) フィードIT Brian X. Chen 『iPad』はインターフェースの勝利と称されている。しかし、あるユーザビリティーの専門家はこのほどiPadについて、インターフェースに一貫性がなく明確でないという批判を発表した。インターフェースに標準が設定されていないため、それぞれのアプリが違ったように動くのだという。 一部からは「ユーザビリティーの王様」とも呼ばれるJakob Nielsen博士は今週、『iPad』の使いやすさを評価する93ページのレポートを発表した。このレポートは、34種類のアプリとウェブサイトをテストした7人のユーザーからのフィードバックを基に作成されている。
2010年版 ユーザーインターフェース（UI）・ユーザビリティ必見サイト/必読書 - Feel Like A Fallinstar
ウェブサイト 実はユーザー中心設計やユーザビリティ、インターフェースについてちゃんとまとまったサイトは国内には少数です。 ここに挙げたサイトはどれも大変充実したものだと思います。 ※残念ながら、海外の記事を紹介しているブログでよいものは見つからず。 劣化コピペサイトを紹介するのも気が引けるので割愛しました。 ヤコブ・ニールセンのAlert Box ユーザビリティ・ユーザ調査の世界的権威であるヤコブ・ニールセン博士のナレッジを発表しているサイトです。 実際の調査結果、そこに対する考察も含め、とてもよくまとまっています。 アップル ヒューマンインタフェースガイドライン Max OS Xのためのインターフェース資料に始まり、アプリケーションをデザインしている間、心に留めておくべき基礎となるデザイン原則がまとまっています。 もちろん、Windows / Linusユーザーにとっても必見。 ユーザビ
iPhone向けサイトのユーザビリティ最適化でチェックしておきたい項目まとめ
iPhoneを始めとするタッチパネル＆フルブラウザ搭載のスマートフォンの普及が進んでいる。iPhoneの出荷台数は世界で3000万台、日本国内に関して公式な発表はないが200万台を超えていると推測されている。今後はWindows Mobile端末の進化やAndroid携帯電話により、このスタイルの携帯端末の利用者がさらに拡大していくことが予想される。 今回は、こういったタッチパネル＆フルブラウザ搭載のスマートフォンからのウェブサイト／サービスのユーザビリティについて、主にiPhoneを題材に考えてみよう。 iPhone対応は形式にとらわれず「ユーザー中心」視点で iPhoneからのウェブ利用には、従来の携帯電話と同様の「携帯性の高さ」「位置情報との連動」などに加え、 従来の携帯電話と比べて画面サイズが広い 端末の処理能力が高く、アプリでのサービス提供の自由度が高い 独自の操作（画面をつまむ
クックパッドというサービスを男性エンジニアはどのように解釈すれば良いか - FutureInsight.info
友人のクックパッドエンジニアnegipoくんから以下の本をもらいました。読んでみて非常におもしろかったので、いろいろ考えたことを書いておきます。600万人の女性に支持されるクックパッドというビジネス (角川SSC新書)上阪 徹 おすすめ平均 さて、困りました Amazonで詳しく見る by G-Toolsあまり実感がわからない携帯サービスを抜きにして今日本で勢いのあるサービスの代表と言えば以下の2社だと思います。 イラスト コミュニケーションサービス[pixiv(ピクシブ)] レシピ検索No.1／料理レシピ載せるなら クックパッド 個人的にこの2つが素晴らしいサービスだなと思っているのは、今まで評価されることの難しかったイラスト、レシピという人間のアイディアや知恵が非常に詰まっている創作物に多数の人々から評価される快適なコミュニティを作ることができた点です。Pixivは、日頃から接点のある
ユーザーにとってはUIがすべて：UIデザイン原則をソシオメディアが語る - builder by ZDNet Japan
シーネットネットワークスジャパンは9月29日、builderとしては2回目のイベントとなる「builder tech day」を開催した。今回は「User Interface & beyond」をテーマに、ソシオメディア、マイクロソフト、アドビシステムズ、カールのスピーカーが登壇し、ユーザーインタフェースの現在と未来について講演した。 本稿では、ソシオメディア取締役である上野学氏の基調講演「ユーザーにとってはUIがすべて」を紹介しよう。 トイレにひそむUIのヒント 講演の冒頭、上野氏は米国の著名なデザイン・コンサルティング・ファーム、Adaptive Pathに2008年まで在籍していたDan Saffer氏と対話した際のエピソードを披露。 Saffer氏が「トイレにはユーザー・インタフェース・デザインの様々なヒントがある」と話していたことを紹介し、下の画像を示した。 上野氏は赤色の注意書
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
in the looop | Looops communications