内容説明 心地よいＵＩを実現するためのデザインパターンは存在する。スマートフォンのユーザーの行動を「情報検索」「情報閲覧」など４つに大別して、それぞれのシーンごとにＵＩのデザインパターンとメリット・デメリットを解説する。 著者紹介 〈鈴木雅彦〉１９７８年生まれ。東北大学大学院情報科学研究科修士課程修了（情報科学）。株式会社インクス等を経て、スマートフォン向けＵＩ設計やＵＸデザインを専門とする株式会社サインを設立。 書評
内容説明 心地よいＵＩを実現するためのデザインパターンは存在する。スマートフォンのユーザーの行動を「情報検索」「情報閲覧」など４つに大別して、それぞれのシーンごとにＵＩのデザインパターンとメリット・デメリットを解説する。 著者紹介 〈鈴木雅彦〉１９７８年生まれ。東北大学大学院情報科学研究科修士課程修了（情報科学）。株式会社インクス等を経て、スマートフォン向けＵＩ設計やＵＸデザインを専門とする株式会社サインを設立。 書評
ウェブやアプリのデザイナーであれば、ここ1〜2年のUIトレンドであるフラットデザインについてご存じだと思います。すでにこのトレンドを意識して実践しているかもしれません。今回はフラットデザインの特徴とそのポテンシャルについて考えてみます。 フラットデザインとは、画面に表示するボタンやメニューなどのUI要素を非常に平坦な見た目にするという表現手法です。ウェブでもアプリでも今やこのフラットデザインを取り入れているものが沢山ありますが、中でも代表的なのは、Windows 8 の Modern UI と Google の一連のサービスでしょう。 フラットデザインと言っても、もちろん明確な定義があるわけではなく、フラット度合いは様々に試されていますが、一般的な特徴をあげてみます。 UI要素の「塗り」に、グラデーションやテクスチャを使わず、単色にする ドロップシャドウやベベルといった立体感を出す表現を用
Almost Flat UIはFoundation Framework用のフラットUIテーマです。 最近のWebデザインの人気のカテゴリの一つがフラットUIです。日本ではまだまだ導入事例は多くないですが、海外のWebサイトでは取り入れているところが増えています。そこでFoundation Frameworkをベースにデザインを組んでいるサイトに使ってみて欲しいのがFlat UIです。 ナビゲーションとサイドバーメニュー。 トップバー。 ボタンの色は様々に用意されています。 大きさ、形も変更可能です。 フォームとタイポグラフィ。 リスト。ネストされたリストももちろんサポート。 ラベル。 プログレスバーにプライスリスト。 スライドショー。 ツールチップもあります。 Foundation FrameworkをベースにすることでレスポンシブWebデザインに対応したフラットUIなWebサイトを手早く
UIデザインの参考に！斬新で美しいUIをもったiPhoneアプリまとめ という記事では、紹介しているアプリのことごとくに、「ボタンが無くてシンプル」「直感的で使いやすい」などと書いてあるが、ClearのUIみたいなのを「誰でも直感的に操作できる」などと評価する理由がさっぱり理解できない。 こういうUIは基本的にどれも玄人向けで、操作がジェスチャの塊になってしまっているものは、それが使いこなせる俺カッケー感が高くて自己顕示欲を満たしやすい。"そのように操作できるUIデザイン"が気持ちいいのではなく、"そのように操作している自分"が気持ちいいの間違いなんじゃないだろうか。 ボタンが一切なくてシンプルだと気持ちがいいUIになるだって？ そんなわけがあるはずない。現実世界はボタンが一切なくてシンプルなUIで溢れているし、そのおかげで毎日いろんな場面でいらいらさせられている。たかが1個のレバーを上げ
一昨年に社内で行ったAbout Face 3輪講の資料を公開します。実は今までずっと公開されていたのですが、存在を知られていなかったので、改めて周知します。 About Face 3はUI/UX設計の教科書で、ユーザーストーリーやペルソナなど、基本的な内容が押さえられています。ディレクター、デザイナー、エンジニア、サポート等、プロダクト制作に関わる全員の共通知識として使える内容だと思います。 About Face 3輪講概要 1. ゴールダイレクテッドデザイン 2. 実装モデルと脳内モデル 3. 初心者、上級者、中級者 5. ユーザーのモデリング : ペルソナとゴール 6. デザインの基礎 : シナリオと要求 8. 優れたデザインの総合 : 原則とパターン 10. オーケストレーションとフロー 11. 間接的な操作を取り除く 12. 良き振る舞いのデザイン 13. メタファ、イディオム、ア
なぜAmazonのメガドロップダウンメニューはスムーズに操作できるのかという秘密
日本のAmazonでも採用されているメガドロップダウンメニューについて、なぜAmazonのメニューはユーザーが使いやすくできているのかという秘密が明らかになりました。ユーザビリティを改善することが至上命題のネットショッピング系サイトにとっては非常に有益な知識となっています。 Breaking down Amazon’s mega dropdown - Ben Kamens http://bjk5.com/post/44698559168/breaking-down-amazons-mega-dropdown まずこれがAmazonの左上にあるカテゴリーを一覧化したメガドロップダウンメニュー。日本のAmazonにも同様のメニューが採用されており、マウスカーソルを上に持っていくと実にスムーズに動きます。 通常のメニューの場合、以下のようにして少し遅れてサブメニューが開くようになっています。 な
目指すは世界市場! 英語版アプリ開発のために、UIやメッセージでよく使われる英単語や構文パターン、さらに英語ライティングの基本やメッセージの書き方、I18N/L10Nの基本から翻訳業者への依頼まで、幅広く紹介。 サポートサイト著者によるサポートページが公開されています。 翻訳者 西野竜太郎 Webサイト 内容紹介最近スマートフォン用やWeb 用のマーケットが登場したことで、アプリケーションを海外に展開しやすくなりました。パソコンに加えてスマートフォンやタブレットといった新しい機器や、有線および無線の高速ネットワークが世界的に普及しつつあることを考えると、アプリケーションに対する需要は今後さらに拡大するものと思われます。海外は日本の開発者にとって魅力のある市場です。しかし海外展開には外国語での開発が必要となります。特に英語は世界共通語と位置付けられている面があるため、まず対応を考えるべき言語
ユーザ体験は頭だけでなく、心や体でも理解しよう ペルソナ・シナリオやUXマップなどのコミュニケーションツールは、サービス設計には役立ちますが、それにはそこで書いた期待やムードを論理的だけでなく、感情的にも理解できている必要があるでしょう time2012/12/17 hatenabookmark- 少し前に、長谷川恭久さんのポッドキャストでコンテンツとコンテキストというテーマの話を聞いたので、思ったことを少し書いておきます。 Automagic episode.66「コンテキストは未来。コンテンツは今。」 まず、恭久さんの話を整理しておきますとこういう話です。 「コンテキストは未来。コンテンツは今。」と書いたことへの補足。 コンテキストは未来といっても今考えなくていいという意味ではない。今考えるべきコンテキストもある。 まず、コンテキストにはテクニカルな部分と人間的な部分の2つがあると思う
電子化した資料をご覧いただくにあたっては、単にページの画像を見るだけではなく、 実物の様子を感じていただけるような方法での公開を目指しております。 現在は、「ちりめん本」と「西欧古版日本地図」コレクションがご覧いただけます。 今後も、内容を充実させていく予定です。 ここでは、電子化した古地図をご覧いただけます。 ピックアップした15点の地図は、高解像度の画像をご覧いただくことができます。 また、200点ある地図の一覧と解説をご覧いただけます。 ここに公開されている地図は、1506年から1868年の間にヨーロッパで作成され出版された日本地図200点からなるコレクションを電子化したものです。 このコレクションは、この種のものとしては世界最大であり、極東に住む2人の銀行家による財政支援をうけて、何年にもわたって収集されたものです。地図は3枚の複製を除いて、すべてオリジナルです。1595年以降は、
青空文庫の作品をブラウザで縦書きで表示できる「えあ草紙・青空図書館」というサイトが公開されています。青空文庫対応縦書きリーダーの「AIR草紙」のウェブ版とのことで、無料で利用できるようです。 えあ草紙・青空図書館 http://www.satokazzz.com/books/ えあ草紙 http://www.satokazzz.com/airzoshi/ 参考： 青空文庫を書籍風に閲覧できるソフト“AIR草紙” http://current.ndl.go.jp/node/14906
今回は、Web制作の現場でも使えるようなユーザビリティテストの方法をご紹介します。 アクセス解析を使ったものではなく、あくまでもサイトの構造の問題点を洗い出す方法です。 そのため、それにいたる細かい基本部分についてもかなり大胆に触れてます。 試験をする前に、どのような観点からサイトを見て行く必要があるのかと言うユーザビリティの原則から、試験方法、試験の結果からの問題解決にむけて、私がこれまで行ってきている仕事の一部をご紹介します。 Webユーザビリティについて：目次 書き出したらとまらなくなりましたが、これでも結構情報削りすぎたかなぁというのはあります。 私の仕事について方法を学べばユーザビリティテストは出来る最大の原則はユーザーに考えさせない事たった一人でも試験をするほうが100倍ましになるユーザーの視点を理解する箇所法則1「長いテキストを最初からよし見ようとは思わない」法則2「長たらし
シーネットネットワークスジャパンは9月29日、builderとしては2回目のイベントとなる「builder tech day」を開催した。今回は「User Interface & beyond」をテーマに、ソシオメディア、マイクロソフト、アドビシステムズ、カールのスピーカーが登壇し、ユーザーインタフェースの現在と未来について講演した。 本稿では、ソシオメディア取締役である上野学氏の基調講演「ユーザーにとってはUIがすべて」を紹介しよう。 トイレにひそむUIのヒント 講演の冒頭、上野氏は米国の著名なデザイン・コンサルティング・ファーム、Adaptive Pathに2008年まで在籍していたDan Saffer氏と対話した際のエピソードを披露。 Saffer氏が「トイレにはユーザー・インタフェース・デザインの様々なヒントがある」と話していたことを紹介し、下の画像を示した。 上野氏は赤色の注意書
AMeeTは、一般財団法人NISSHA財団が運営しています。 © 2009 Nissha Foundation. All Rights Reserved.
jQuery UI is a curated set of user interface interactions, effects, widgets, and themes built on top of the jQuery JavaScript Library. Whether you're building highly interactive web applications or you just need to add a date picker to a form control, jQuery UI is the perfect choice. What's New in jQuery UI 1.14? Compatibility with recent jQuery versions (up to 3.7): Usage of deprecated jQuery API
Amazon.co.jp: リストマニア
UI勉強本 saizan ユーザビリティエンジニアリング—ユーザ調査とユーザビリティ評価実践テクニック "購入済" ユーザ中心ウェブサイト戦略 仮説検証アプローチによるユーザビリティサイエンスの実践 "購入済" Web情報アーキテクチャ—最適なサイト構築のための論理的アプローチ "購入済" デザイニング・インターフェース —パターンによる実践的インタラクションデザイン "購入済" ウェブ戦略としての「ユーザーエクスペリエンス」—5つの段階で考えるユーザー中心デザイン (Web designing books) "これから読む本" 構造化ユーザインタフェースの設計と評価—わかりやすい操作画面をつくるための32項目 "これから読む本" 見せるユーザー・インタフェース・デザイン "これから読む本" こんなデザインが使いやすさを生む—商品開発のためのユーザビリティ評価 "これから読む本" ユーザ工
Dear colleagues, This is part of an Arcadia-funded study on non-Roman script functionality in VuFind and other Solr-powered discovery systems.Do you have any Chinese, Korean, or Japanese language specialists at your institution to whom you could pass along this brief survey (see link below)? They don’t need to have had direct experience with Lucene/Solr since this is really more about usability th
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
![HTML5でスマートフォンのバイブ機能を制御、点字に変わるUIの可能性も | HON[.]jp News Blog](https://cdn-ak-scissors.b.st-hatena.com/image/square/db64683b54c323a671952b0d66dd1c6c9e4bef7d/height=288;version=1;width=512/https%3A%2F%2Ffanyv88.com%3A443%2Fhttps%2Fhon.jp%2Fnews%2Fwp-content%2Fuploads%2F2021%2F03%2Fthumbnail_w1280h720.png)
