タグ

ブックマーク / u-site.jp (7)

  • フラットデザインへの長期接触: このトレンドが、どうユーザーの効率を下げているか

    クリックできるUI要素のシグニファイアがなかったり弱かったりすると、ユーザーは次第にページ中をあやふやなままクリックしたり、マウスオーバーするようになる。そうすると、効率が落ちる一方、コンテキストからの手がかりやクリックへの即時フィードバックがより期待されるようになる。 Long-Term Exposure to Flat Design: How the Trend Slowly Decreases User Efficiency by Kate Meyer on November 8, 2015 日語版2015年12月21日公開 完全にフラットなビジュアルデザインのインタフェースではリアリズムや立体効果をまったく利用しない。それは結果的に、クリックできることをユーザーに伝えるために従来から利用されてきた強制的な視覚的手がかりに引導を渡すものであった。 極端にフラットなインタフェースの人

    フラットデザインへの長期接触: このトレンドが、どうユーザーの効率を下げているか
    kimu12
    kimu12 2015/12/22
  • 守ってはいけない、iOSのデザインルール4つ

    ページコントロール(ドット)、ページトップの「送信」、プラス(+)アイコン、並べ替えアイコンの4つは、テストでユーザビリティ上の問題を引き起こすことの多いiOSデザインパターンである。 4 iOS Rules to Break by Aurora Bedford, Raluca Budiu, Kara Pernice, and Amy Schade on July 9, 2015 日語版2015年8月31日公開 巨大ソフトウェア会社(たとえば、AppleMicrosoftGoogle)はユーザーとデザイナー双方のためにデザインガイドラインを作成している。 おかげで、デザイナーや開発者側は、恵まれた条件のもとで、きちんとしたものになることが期待できるインタフェースの作成を始められるようになり、まったく新しいUI要素を考案する(そしてテストする)必要がない。 一方、ユーザー側も、すべての

    守ってはいけない、iOSのデザインルール4つ
    kimu12
    kimu12 2015/09/01
  • モバイルデバイスにおけるアコーディオンUI

    アコーディオンはモバイルのスペースを節約するが、方向感覚を失わせたり、大量スクロールの要因にもなる。しかし、簡単なデザイン修正で、このUI要素のユーザビリティは改善できる。 Accordions on Mobile by Raluca Budiu on May 31, 2015 日語版2015年7月21日公開 アコーディオンというのは、展開することで、隠していた情報を表示するデザイン要素である。オーバーレイとは違い、アコーディオンはページのコンテンツを押し下げるので、ページコンテンツの上に重なることはない。 Toomy.com: Price(:価格)というフィルターはアコーディオンとして実装されており、展開するとページコンテンツは押し下げられる。 デスクトップでのアコーディオンの利用には議論の余地がある。一方、モバイルではアコーディオンは最も役立つデザイン要素の1つだ。ごく小さな画面スペ

    モバイルデバイスにおけるアコーディオンUI
  • UXデザインをするならこの本を読もう! 安藤先生のおすすめ書籍

    UXデザインをするならこのを読もう! 安藤先生のおすすめ書籍 ユーザー志向のものづくりの実践~安藤昌也氏(番外編) UXデザインを手がけるときに参考になる書籍を安藤先生に紹介してもらった。人間中心設計、インタビューの仕方、ペルソナの作り方、UIデザインのための心理学に関するものなど、いずれもUXデザインのヒントにつながりそうなばかりだ。 U-Site編集部 2015年6月24日 安藤 昌也(あんどう まさや) 千葉工業大学 工学部 デザイン科学科教授 Ph.D。UX、エスノグラフィックデザインアプローチの研究者で、ものづくりのコンサルタント。 (← 第3回「利他的UXデザイン:人の利他心を高めるものづくり」へ) 安藤先生へのインタビューの番外編。インタビューの間、背面の書棚がとても気になったので、UXデザインを手がけるときに参考になる書籍を紹介してもらった。いずれも、UXデザインの教科

    UXデザインをするならこの本を読もう! 安藤先生のおすすめ書籍
  • デザイン変更は抜本的にやるべきか、それとも、少しずつやるべきか

    古いものを捨て、新しいものを取り入れる前に、そうすることがユーザーの目標達成のために必要だという確実な証拠があることを確かめよう。 Radical Redesign or Incremental Change? by Hoa Loranger on February 8, 2015 日語版2015年3月9日公開 ユーザーエクスペリエンスに関わる最大の問題は、メガメニューを利用するのか、あるいは他のタイプのナビゲーションメニューを利用するのかといったような個別のデザイン課題のことではない。求められているのは、もっと視野を広げて、UXに関して最優先すべき戦略をまず決めることである。すなわち、大改革を目指してすべてを一気に変えるのか、あるいは少しずつ品質を向上させるというやり方を取り、一歩ずつ進んでいくのか、である。 ユーザーエクスペリエンスというのは品質に関わる分野なので、デザインを徐々に変

    デザイン変更は抜本的にやるべきか、それとも、少しずつやるべきか
  • なぜEtsyでは無限スクロールは失敗したのか

    「ユーザーがページに滞在してコンテンツに関わる時間が長くなる」といわれる無限スクロールを採用したものの、うまくいかなかったというEtsyでの事例から、その教訓を読み解きます。 U-Site編集部 2013年1月25日 HCD新人部員のTです。 1年以上前の記事ですが、「Pinterestによってもたらされた、6つの重要なWebデザインとユーザビリティにおけるトレンド」という下記の記事を読んでいました。 該当記事:6 Important Web Design and Usability Trends Sparked By Pinterest – The Daily Egg ここで挙げられている項目の3つ目のトレンド、”Deliver Content in Flow”を見てみますと、「無限スクロールによって、ユーザーがページに滞在してコンテンツに関わる時間が長くなる」と書かれています。 Bec

    なぜEtsyでは無限スクロールは失敗したのか
  • オリンピック公式Webサイト: UIは銀メダルだが、UXは失格

    ページデザイン自体は2002年オリンピックのサイトよりスコアが15%上がった。しかし、全体的にバラバラなインターネットプレゼンスのせいで、ユーザーエクスペリエンス(UX)全体が我慢のならないものになってしまっている。 Official Olympic Website: UI Silver — but UX DQ by Jakob Nielsen on July 30, 2012 日語版2012年8月10日公開 2002年にソルトレークシティ冬期オリンピックの公式ウェブサイトのレビューをし、ユーザビリティに関しては「銅メダルも無理」と判定した。 しかし、2012年ロンドン大会のための公式サイトでは2002年サイトの問題の多くが解決されていた。つまり、この10年間で進歩したというわけだ。この進歩はサイトのスコアを113項目のホームページユーザビリティガイドラインの適合度で比較するとはっきりと

    オリンピック公式Webサイト: UIは銀メダルだが、UXは失格
    kimu12
    kimu12 2012/08/11
  • 1