フラットUIデザインでは目的のリンクやボタンを見つけるのに時間がかかるとの調査結果 | スラド IT
Nielsen Norman Groupが実施した調査によれば、フラットUIデザインのWebページでは目的のリンクやボタンを見つけるのに時間がかかるようになり、無関係な部分に視線が向くことも多かったそうだ。調査は一般的なWebユーザー71名を対象に実施されたもので、アイトラッキングデバイスで視線の動きも記録している（Nielsen Norman Groupの記事、アイトラッキングの結果、The Register）。 フラットデザインはすっきりしてモダンな印象を与える一方、リンクやボタンが目立ちにくい傾向がある。調査では実在の6カテゴリー9件のWebページをベースにフラット版とクラシック版の2種類を用意し、合計18種類のWebページを使用。元のWebページがフラットデザインの場合、リンクテキストを青字で下線入りにしてボタンを立体的にするなどしたクラシック版、クラシックデザインの場合は逆にフラ
UI/UXデザイナーは注意が必要！カードデザインで頻発している5つのミス
カードデザインのUIはここ数年で大きな人気を集めています。 毎日何百万人ものユーザーが使用するGoogle、Facebook、Twitterなどは、この人気のUIコンポを利用しています。 しかし、100を超えるカードベースのプロジェクトを経験してきたデザイナー曰く、カードデザインにはいくつかの落とし穴があるそうです。 ここでは、カードベースのUIに関連したミスの中でも最も起こりやすい5つをご紹介します。 1. カードサイズがバラバラ 世界中のコンテンツは単一の様式で成り立っていません。タイトルや説明は長かったり短かったりします。 カードデザインが大画面のスクリーンで表示されるとき、ユーザーの快適なネットサーフィンを妨げるような激しい違和感を生み出してしまうことがあるのです。 たとえば、上の図のようにカード一つ一つがバラバラの大きさを持っているとユーザーにとって見にくいUIなのは歴然ですよね
16種類（45カテゴリ）の業界150サイトの調査から分かるスマートフォンサイトUIの現状10選（スライド付）
2015年5月、スマートフォンによるGoogleの検索数がPCでの検索数を抜いたというニュースがGoogleの公式ブログで発表されました。昨今の私たちは多くの情報をスマートフォンで検索しています。その流れに伴って、現在は多くの企業がスマートフォン用に最適化されたWebサイトを持つようになりました。 我々Web制作者はこの流れの初頭、PCサイト制作で培ったノウハウを元に、手探り状態で制作していたのを記憶していますが、この数年の間で一定の制作ノウハウが蓄積されてきたように思います。 しかしデバイスが多様な進化を遂げる中で、スマートフォンサイトのUI作法も日々刻々と変化し続けています。私たちWeb制作者は一定のノウハウを使い回すことに固執せず、常に新しい動向を自分の目でキャッチして知識を刷新し、日々の業務にフィードバックさせる活動が大切です。 というわけで少々前置きが長くなりましたが、今回は昨今
ウェブサイト側にシェアボタンを埋め込むことについて — Website Usability Info
Talking about web usability, accessibility, IA, UCD, UX,... 公開日 : 2015年4月11日 (2015年6月11日 更新) カテゴリー : ウェブユーザビリティ, ウェブアクセシビリティ, ユーザーインターフェース (UI), 情報アーキテクチャ (IA), ユーザーエクスペリエンス (UX) ウェブサイトのデザイン (特に画面構成の検討) をしていて、ソーシャルメディアの各サービスが提供しているシェアボタンをページに埋め込むかどうか、議論になることはありませんか？ コンテンツがユーザーにとって役立つものだったり、備忘録的に残しておきたいものだったり、他人にも見てもらいたいものだったりすると「シェアする」という行為につながるわけですが、そのための機能はウェブサイト側に (コンテンツのひとつとして) 用意すべきなのでしょうか。 シ
アップルとグーグルのガイドラインに学ぶスマホWebデザインの要点（スライド付） | ベイジの社長ブログ
スマートフォン対応させるWebサイトが急増しています。しかし、スクリーンが小さくタッチ操作がメインのスマートフォンでは、デスクトップ向けWebサイトのデザインで培ったノウハウの多くが通用しません。このような時代におけるスタンダードなデザインルールを学ぶために、弊社デザイナーの荒砂を中心に、Appleが公開しているiOS Human Interface Guidelineと、Googleが公開しているMaterial Design Guidelineの比較を行いました。（以降、両者をガイドラインと略します） スマートフォン向けのWebサイトのデザインを考える上で、アプリのUIデザインの定石を知ることは重要です。なぜなら、スマートフォンにおいてはWebサイトをブラウズする機会は14％しかなく（comScore調査／2014）、多くの時間をアプリの中で過ごしているためです。さらにユーザは「これは
デザイン変更は抜本的にやるべきか、それとも、少しずつやるべきか
古いものを捨て、新しいものを取り入れる前に、そうすることがユーザーの目標達成のために必要だという確実な証拠があることを確かめよう。 Radical Redesign or Incremental Change? by Hoa Loranger on February 8, 2015 日本語版2015年3月9日公開 ユーザーエクスペリエンスに関わる最大の問題は、メガメニューを利用するのか、あるいは他のタイプのナビゲーションメニューを利用するのかといったような個別のデザイン課題のことではない。求められているのは、もっと視野を広げて、UXに関して最優先すべき戦略をまず決めることである。すなわち、大改革を目指してすべてを一気に変えるのか、あるいは少しずつ品質を向上させるというやり方を取り、一歩ずつ進んでいくのか、である。 ユーザーエクスペリエンスというのは品質に関わる分野なので、デザインを徐々に変
PCサイトのUIデザインにおける12のトレンド | ベイジの社長ブログ
スマートフォンの普及で、PCで閲覧するWebサイト（以下、PCサイト）に対する注目度は下がっています。しかし、BtoBのデジタルマーケティングにおいては、PCサイトが今後も戦略の中心になるでしょうし、BtoCにおいても、PCサイトが不可欠な領域もまだまだ多いです。 ハードウェア的に大きな変化のないPC向けのWebデザインというと、ノウハウは固定化されている印象もありますが、実際には時代の流れを受け、今も変化を続けています。特に以下のような環境変化が、PCサイトのUIデザインにも大きな影響を与えています。 表示デバイスの多用化 スマートフォンアプリの一般化 タッチスクリーンの普及 トレンドに合わせれば成功、というではありませんが、その根底に流れているユーザ動向の変化については、十分に理解しておく必要はあるでしょう。そこでこのエントリーでは、PCサイトのUIデザインにおける最新動向を、その背景
最近のウェブデザインのトレンドを取り入れたページレイアウトのPSD素材のまとめ
ただ見ているだけでもその美しいレイアウトに惚れ々々してしまう、最近のウェブデザインのトレンドを取り入れたウェブページやスマフォページのPSD素材を紹介します。 PSDが全部ダウンロードできるので、実用にも勉強にも役立ちます！
指の動きだけで完全操作！ 魔法のような指輪型ウェアラブルガジェット｢Ring｣がプレオーダーを開始
指の動きだけで完全操作！ 魔法のような指輪型ウェアラブルガジェット｢Ring｣がプレオーダーを開始2014.02.28 01:358,235 今すぐ欲しい！ 昨年10月に紹介した際には、思いっきり盛り上がりましたこちらの新感覚なウェアラブルガジェット｢Ring｣。このRingがKickstarterでプレオーダーを開始しましたよ。気になる方は急いでゴー！ 何がスゴイかって言いますと、このRingは内蔵された小型のセンサーで指の動きを感知し、アプリの起動やテキスト認識をコントロールすることができる指輪サイズのウェアラブルデバイスなんです。例えば、目の前の空間に指で文字や数字を書けばメッセージが送れたり支払いが出来たり、指を動かすだけで自宅のテレビをオン・オフできたりする、魔法のようなガジェット。しかも超小型でデザインもカッコイイんですよ！ Kickstarterのページによれば、ジェスチャー
アニメGIFに縦線2本を入れるだけで3D化できることが話題に | Token Spoken
アニメGIFに何本か縦線を入れるだけで、アニメGIFを3D化出来ると言う信じられない話が、本日欧米で話題になっておりました。 それでは早速12連発でどうぞ！ 1 2 3 4 5 6 7 8 9 10 11 12 縦線の奥行きでの位置（Y）を決めて、その前後に物をはみ出させたり引っ込めたりすることによって、人間の目があたかも本当に奥行きがあるかのように錯覚してしまうんですねぇ。 いやしかし、我々人間の脳と、こんな事を思いつく方が素晴らしい！ 普段は欧米の最先端テクノロジー業界情報を配信しておりますので、twitterやFacebookページ、Google+で是非フォローをお待ちしております。 また、記事の買い取り行ってますのでKataribeも是非よろしくお願いします！ GIFs: 3D pictures become possible with two straight lines
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP