タグ

uiとdesignに関するnegatonのブックマーク (11)

  • Windows ユーザー エクスペリエンス ガイドライン

    Windows ユーザー エクスペリエンス ガイドライン 更新日: 2009 年 8 月 24 日 Windows ユーザー エクスペリエンス ガイドライン 概要版 ダウンロード (XPS、15.9 MB | PDF、6.08 MB) ドキュメントは以下の方々を対象としています 開発者、設計者、デザイナー、プログラム マネージャー Windows 上で動作するアプリケーションのユーザー エクスペリエンスを設計・デザインするには、Windows のデザイン原則を共有して、他の要素との親和性を考慮し、ユーザーが混乱なしに効率的に操作できるようにする必要があります。この冊子では、特に Windows 7 の新機能であるタスク バー、リボン、タッチなどに対応した、優れたユーザー エクスペリエンスを持つアプリケーションの設計・デザインに役立つ情報を収録しています。 この冊子の内容は、Windows

    Windows ユーザー エクスペリエンス ガイドライン
  • エンジニアにもわかる「ユーザーインターフェース設計」

    ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog はじめに 島津悠樹と申します。Yahoo! JAPANのソーシャルメディア系サービスの開発・ユーザーインターフェース(以下UI)設計を担当しています。私からは「エンジニアにもわかる『ユーザーインターフェース設計』」と題し、エンジニアのみなさまに考え方のヒントとなるようなネタをお届けします。 エンジニアの方々にとって、UI設計は、おもしろそう、けれど、どこかとっつきにくい......、そんな印象を持っておられるのではないかと思います。 私も以前はそう思っていました。ですが、とっつきにくさを理由にUI設計をやらないのはもったいない、という思いで試行錯誤した結果、なんとか、UI設計のお仕事をいろいろ担当させていただくことができるようにな

    エンジニアにもわかる「ユーザーインターフェース設計」
  • ペーパープロトタイピング事例集 | 秋元@サイボウズラボ・プログラマー・ブログ

    実際に動的なウェブサイトを作ってしまう前に、紙上でデザインや部品の配置、画面遷移などを確認するペーパープロトタイピングという設計技法があります。書籍もありますね。 ペーパープロトタイピング 最適なユーザインタフェースを効率よくデザインする そのペーパープロトタイピングの事例を集めたページというのがありました。たとえば次のこれは、2000年5月31日にスケッチされたtwitterのプロトタイプです。当時はstat.usという仮名で、これによるとtwitterはLiveJounal(ブログサービス)とAIM(インスタントメッセンジャー)から最初の着想を得てから実装まで5年以上の間があったことになりますね。 FlickrのPlacesページやVimeoなどのペーパープロトタイプの写真も紹介されています。 こちらは韓国のポータルサイトDaumのAjaxウェブメール開発時に行なわれた、ペーパープロト

    ペーパープロトタイピング事例集 | 秋元@サイボウズラボ・プログラマー・ブログ
  • 人間中心設計(Human Centered Design=HCD)で使う主な手法: DESIGN IT! w/LOVE

    不確実な時代をクネクネ蛇行しながら道を切りひらく非線形型ブログ。人間の思考の形の変遷を探求することをライフワークに。 人間中心設計(Human Centered Design=HCD)を実施する際に用いる主な手法をちょっと整理。 これまでもユーザビリティ評価法としてのユーザーテストや、ユーザー要求の把握段階でのコンテキスチュアル・インクワイアリーなどを紹介しきてきましたが、全体像が見えないかなと思いましたので、あらためてそのあたりを整理してみようか、と。 人間中心設計で使う主な手法前にもすでに紹介していますが、ISO13407:"Human-centred design processes for interactive systems"(インタラクティブシステムの人間中心設計プロセス)で国際規格化されている5つのプロセスをあらためて。 人間中心設計の必要性の特定利用の状況の把握と明示ユー

  • 認知的ウォークスルー: DESIGN IT! w/LOVE

    不確実な時代をクネクネ蛇行しながら道を切りひらく非線形型ブログ。人間の思考の形の変遷を探求することをライフワークに。 認知的ウォークスルーは、ユーザビリティ・インスペクション(ユーザビリティ評価)の手法の1つで、テストルームで行うユーザビリティテストなどとは異なり、実際のユーザーを使わずに専門家による分析的評価を行う方法です。 認知的ウォークスルーとはウォークスルーとは、芝居の立ち稽古のことで、衣装や舞台装置を使わなず普段着で台を片手に行う稽古を指します。 認知的ウォークスルーも同じように、事前にマニュアルを読んだりトレーニングを受けたりすることなく、使いながら操作を理解していく際の認知モデルである探査学習理論に基づき、ユーザーが実行するタスクの各プロセスごとに、以下の4つの探査学習ステップをそれぞれ評価していきます。 目標設定:ユーザーはいま何をするかを設定する探査:ユーザーは目の前の

  • 直感的なUIとhand-eye-cordinationの話

    下のビデオは一歳度児がiPhoneのフォト・アルバムの機能を使っている姿を撮影したものだが、これを見ると「直感的なUI」とは、まさに人間が赤ん坊のうちにマスターする"hand eye cordination(目からフィードバックを受けながら手先を動かして物をコントロールする能力)"に合致したものなのだということが良く分かる。 【追記】参考までに、私が特に好きなUI関連の書物二冊へのリンクを張っておく。特に「誰のためのデザイン」はUIが単なるソフトウェアやウェブ・サイトのUIデザインの問題ではないことに目を開かせてくれる良書だ。 ・誰のためのデザイン?—認知科学者のデザイン原論 ・Envision Information

  • ユーザーエクスペリエンスを考える上でのおすすめの15冊:DESIGN IT! w/LOVE

    不確実な時代をクネクネ蛇行しながら道を切りひらく非線形型ブログ。人間の思考の形の変遷を探求することをライフワークに。 Web標準の日々のセッションでも何冊かご紹介しましたが、あらためてここでユーザーエクスペリエンスのデザインを考える上でのおすすめのをいくつか紹介しておきます。 さっき「ユーザーエクスペリエンスとイノベーションのデザイン」なんてエントリーも書きましたが、ユーザーエクスペリエンスだとか、デザインによるイノベーションなどを考えている方は、このあたりはいちおおさえておいたほうがよいかと。 ビジネス書まずはビジネスサイドで経験価値、ユーザーエクスペリエンスがどのように注目かを知るための3冊。 経験経済/B・J・パインII、 J・H・ギルモアコモディティ、製品、サービスに続く第四の経済価値としての経験について取り上げたビジネス書。顧客の体験を「演劇」というメタファーを用いて説明してい

  • ソシオメディア | UIデザインパターン

    ソシオメディアが独自に提供するUIデザインパターン集。これを使えばUI設計を効率化できます。

    ソシオメディア | UIデザインパターン
  • OBB vs AABB - Radium Software Development

    iPhoneの一般修理店は予約なしでも来店できる? 基的には飛び込みで修理に行ってもOK iPhoneを置いていたソファにうっかりと腰かけてしまい、パネルを割ってしまった、こんな時はスマホの一般修理店へ行きましょう。画面割れは、スマホやタブレットの故障原因として非常に多いものです。予約なしで突然お店に行っても平気かしらと、不安に思う方々もいらっしゃるかもしれません。結論としては特に問題はなく、予約なしで訪問しても画面割れの修理はお願いできます。 ただし他のサービス業のお店同様、予約なしの場合、お店が混雑していると順番待ちをしなければいけないです。特に繁盛しているスマホ修理のお店だと、行列が店内で出来ており、予約なしだと、自分の順番が巡ってくるまで長時間待たされる可能性があります。平日の朝、昼なら利用客が少ない場合が多く、飛び込みでも比較スムーズに修理が頼めます。 予約は入れた方が時短に、

  • アップル ヒューマンインタフェースガイドライン

    アップル ヒューマンインタフェースガイドライン 原文:Apple Computer Inc. 訳:かろでん☆みゅーあ 2006-06-28 はじめに アップル ヒューマンインタフェースガイドライン序文 アップルは、強力なコアファウンデーション、そしてアクアと呼ばれる、目の離せないユーザインタフェースを結びつけた、世界で最も先進的なオペレーティングシステム、Mac OS X を手にしました。 進化した機能と、美的に洗練された色使い、そして透過処理、アニメーションによって、Mac OS Xは新規のユーザにはコンピュータ操作をより容易に、同時にプロフェッショナルユーザには彼らがMacintoshに期待する通りの生産性を提供します。 ユーザインタフェース、すなわちふるまいと外見は、よく練られた緊密なユーザ体験を、Mac OS X向けに開発された全てのアプリケーションに利用できるようにします。 これ

  • デザイン : アドバンス : Resonantware | NEC

    ResonantwareNext Generation Ubiquitous Networking Devices Visualized By Designers. Resonantware レゾナント・ウェア (共鳴する機器を意味する造語) デザイナが視覚化する近未来のユビキタスネットワークデバイス ユビキタスネットワークテクノロジーの進展によって、ハードウェアは限りなく小さく、薄く、透明な存在に近づいていきます。一方で、扱う情報は加速度的に拡大していきます。近未来のIT機器は、従来のような効率化や利便性といった枠組みではもはや、とらえることができないでしょう。 NECのデザイナは、そんな近未来の枠組みの中でのデザインの可能性にチャレンジしました。人や機器同士が共鳴しあう世界、そこには、使う人の気持ちにフィットするデバイスや、従来のテクノロジーでは扱うことが難しかった微妙な情報を、自由

  • 1