UIの改悪がUXを改善させる場合 - A Successful Failure
2013年01月20日 UIの改悪がUXを改善させる場合 Tweet Good UI≠Good UX UIとUXについてはその理解について多くの議論がなされてきた。たとえば、Googleの及川氏は「写真が語るUXとUIの違い」というエントリにおいてコーンフレークの例を元にUIとUXについて説明したが、その後、ERATOの渡邊氏が「1分でわかるUIとUXをわかりやすく説明する写真とお話」というエントリにおいて、ATMを例によりわかりやすい説明を挙げている（次の写真は当該エントリからの引用）。 この例ではたとえUIが素晴らしくても、そのATMは時間がかかるため、長い待ち時間ができ、結果としてUXが損なわれる場合を示している。 しかしながら、実際にはATMの劣悪なUIが悪いUXの原因となっている可能性があり、本当にこのATMのUIは素晴らしいのかという疑問が残る。つまり「Good UI ≠ Go
博報堂、手を動かしながら考えるUXデザインツール ｢UX Kokeshi｣を提供
『MarkeZine』が主催するマーケティング・イベント『MarkeZine Day』『MarkeZine Academy』『MarkeZine プレミアムセミナー』の 最新情報をはじめ、様々なイベント情報をまとめてご紹介します。 MarkeZine Day
Slack、僕は君と別れようと思う【寄稿】 - BRIDGE（ブリッジ）テクノロジー＆スタートアップ情報
Samuel Hulickさんによる寄稿記事です。オレゴン州ポートランドに住むUXデザイナー。新しいプロダクトにユーザーを迎え入れ定着して利用してもらうプロセス「User Onboarding」への関心が高く、専用のWebサイトを運営しています。Twitter アカウントは、@SamuelHulick。本記事は、Mediumへの投稿記事を許可を得て翻訳したものです。元の英語記事もどうぞ。 「過去、革命が暴政の重荷を軽減したことはない。それはただ重荷をまた別の肩の上に移したに過ぎない。」 — George Bernard Shaw やあ、Slack。これは決して簡単ではないけれど、僕たちにとってベストな選択だと思う。 君も僕も承知の通り、最初のうちはすごく上手くいっていた。僕の溢れかえったメール受信箱と、君のそのEメールを置き換えるという（すごくセクシーな）野望と。 ただ、結局、僕たちの相性
なぜメニュー表示用ボタンの「ハンバーガーアイコン」はダメなのか？
スマートフォンなどのモバイル端末用UIでよく用いられる「三」のマークのアイコンは、ハンバーガーのように見えることからアメリカでは「ハンバーガー」アイコンと呼ばれています。徐々に浸透してきたハンバーガーですが、UIデザインの優劣という観点から見た場合、「劣った醜い撲滅すべきものである」という意見が出されています。なぜハンバーガーがダメなのかについて、ジェームズ・アーチャー氏がデータ分析結果を基に理論的に解説しています。 The Hamburger Menu Doesn't Work - Deep Design http://deep.design/the-hamburger-menu/ 下の画像の赤丸で囲われたのが「ハンバーガー」。モバイル端末UIだけでなくデスクトップUIでも広く普及したアイコンで、クリックすることで主にメニューなど他の追加情報を表示させられます。 ◆不親切 一般的に普及し
Private Presentation
Private content!This content has been marked as private by the uploader.
「ぶっちゃけ感」とバリエーションが魅力のUI/UX勉強会！第57回 HTML5とか勉強会レポート
「ぶっちゃけ感」とバリエーションが魅力のUI/UX勉強会！第57回 HTML5とか勉強会レポート 白石 俊平（HTML5 Experts.jp編集長） こんにちは、編集長の白石です。 2015年5月20日、第57回 HTML5とか勉強会「UI/UX」に参加してきました！簡単で恐縮ですが、レポートとまとめをお届けします。 チームでつくるUIデザイン 最初のセッションは、Goodpatch社の小島芳樹さん、ひらいさだあきさんによる「チームでつくるUIデザイン」です。 彼らが日々の業務で実践している、UIデザインやプロトタイピングについてのTipsが紹介されました。 チームでつくるUIデザイン マシュマロ・チャレンジで理解する、プロトタイピングの重要性 まずはマシュマロ・チャレンジというワークショップについて、TEDで動画が公開されているプレゼンテーションを引き合いに出しつつ、プロトタイピングの
iOSアプリの様々なUXを比較できるサイト「UX Archive」 | ライフハッカー・ジャパン
「UX Archive」はiOSアプリの様々なUXを比較できるサイトです。カテゴリ別でiOSアプリのUI、UXがまとめられています。一部はアニメーション付で確認できますよ。また、iOS 6とiOS 7のUXの違いを比較したコーナーもありました。 以下に使ってみた様子を載せておきます。まずUX Archiveへアクセスしましょう。「Booking」のカテゴリを見てみました。 このように旅行の予約関連のアプリがずらりと並び、それぞれのアプリのスクリーンショットが貼られています。マウスオーバーするとアニメーションが再生されるものもあります。 iOS6とiOS7の比較もありました。iOSアプリのUI・UXを考えるときに参考にできそうですね。モダンなUXはどのようなものなのか、調査できそうです。ぜひご活用ください。 UX Archive （カメきち）
ミツエーリンクスのCTOに「UXとWebアクセシビリティ」について聞いてきた─木達一仁ロングインタビュー
ミツエーリンクスのCTOに「UXとWebアクセシビリティ」について聞いてきた─木達一仁ロングインタビュー 白石 俊平（HTML5 Experts.jp編集長） HTML5 Experts.jpが誇るエキスパートたちに、「UX」というテーマでインタビューするシリーズ第二弾です。 株式会社ミツエーリンクスCTO、そしてエキスパートNo.40の木達一仁さんに、「UXとWebアクセシビリティ」について聞いてきました。 「UXとWebアクセシビリティって、関連あるのかな？」なんて、自分で企画したにも関わらず無責任な疑問を抱える中、そんな疑問を吹き飛ばすような気付きをいただける貴重なインタビューでした。 alt属性からWeb Componentsのアクセシビリティまで、たっぷり聞いてきました！皆さんどうぞ、お楽しみください。 Webアクセシビリティについての現状 白石: 今日は、「UXとWebアクセシ
UXについて理解が深まる！ユーザーエクスペリエンス概念図まとめ【全26枚】
photo credit: eskimoblood via photopin cc こんにちは、@h0saです。 世に出ているUXについての理解を助ける概念図をまとめました。 UX（ユーザー体験）という概念は目に見えない分、それを説明するための図やビジュアルで説明した資料が世の中に数多く存在しています。 この記事では、主に有名どころをピックアップしつつ、全26枚の画像を短い説明を加えて紹介していきます。 更新履歴 2014/12/29： ・Alan Cooper氏のUX概念図（Form/Content/Behavior）を追加 2015/08/16： ・リンク切れの修正とそれに伴う記事の再構成 2016/05/06： ・リンク切れの修正 ・UX Maturity Model を追加 ・記事末尾に参考資料のスライドを追加 2017/1/8： ・Alan Cooper氏のUX概念図を削除（ソー
成功したがゆえに崩壊しつつあるiOSのシンプル哲学 - UXエンジニアになりたい人のブログ
前回こんな記事を書いた。要約すると「戻る」に手が届かねえって話。 同意も多かったのだが、「左端をエッジスワイプで戻る」が実装されている、というコメントを多くもらった。試してみたところ。。。。おお！すごい！たしかに！iOS7からNavigationControllerのデフォルトの挙動として実装されてるらしい*1。 で、これやってみた人いる？なんかやりづらくなかったですか？やりづらかったですよね？やりづらかったことにしましょう。その経緯とそこから広げて色々書いてみようと思うので！ 長いですごめんなさい。崩壊の話が聞きたい人は「行き詰まり」から読みましょう。 なぜエッジスワイプはやりづらいのか そもそもスワイプとエッジスワイプの違いはわりと難しい。 スワイプは真ん中辺りにポイントして、上下左右に動かす。エッジスワイプは端にポイントして、内側に動かす。 スワイプとエッジスワイプ このブログに来る
おかんでもわかるUXデザイン Version 0.1 - ネコメシCEOブログ
3/24、TAM Coworkingをお借りして、「おかんでもわかるUXデザイン」というセミナーを自分で主催して実施しました。これ、ゆくゆくはマジでおかんでもわかるようにしたいんだけども（ようは、専門家じゃない人向けということですが）、まずはそのたたき台という感じで（だからVersion 0.1）、単にUXデザインって何よっていうのを単純化しただけの内容になっていて、完全におかんを突き放しているという、タイトルに偽りアリのものとなっております。 Version 0.1とはいえ、まー、UXデザインやってみたいけどやったこと無い人とか、何したらいいのかわからん人とかにとっては、ひとつの道しるべになるかもしれないので、スライドを公開する次第なのですが、本気で本職でUXデザインしてる人とか、アーキテクト的な人とか、そゆ人たちが見たら憤慨しそうなくらいに単純化しております。ツッコミどころ満載かと思い
モバイルUIのデザインに役に立つUIパターンギャラリー集17選 - showrtpath - iOSブラウザ開発日記
2013-12-23 モバイルUIのデザインに役に立つUIパターンギャラリー集17選 アプリの開発の時にUIのデザインに悩みますよね。 そんな時、モバイルUIのパターンギャラリー集が役に立ちます。 そのギャラリーサイトのサイトを集めてみました。 スクリーンショットを集めたものと、デザイナーの作品のものがあります。 Showrtpathブラウザを開発していた時はdribbbleをよく見ていました。 Pttrns - Mobile User Interface Patterns 優れたiPhoneサイトデザイン集 - iPhoneデザインボックス Mobile Patterns lovely ui Inspired UI - Mobile Apps Design Patterns [iPhone] Mobile Awesomeness Meerli · Featured Android Nic
スマホ全盛時代にますます高まる「ユーザー目線を持つこと」の重要性
「製品やサービスを使うユーザーの立場に立って開発しなければ、真に使用性（ユーザビリティー）の高いモノは作れない」――ものづくりやシステム開発などの現場において、こうした「ユーザー目線を持つこと」の重要性は昔から言われ続けてきた。そして実際に、多くのメーカーやベンダーが、この言葉通り少しでも使用性を高めるべく奮闘し、これまで次々と優れた製品やサービスを世の中に送り出してきた。 だが、人間の欲求はとどまるところを知らない。蛇口をひねれば清潔な水がじゃぶじゃぶと出て、リモコンのボタンを押せば多チャンネルのハイビジョンテレビが見られ、PCを立ち上げればブロードバンドでネットに即アクセスできる。これらのことに驚く日本人は、今やほとんどいないだろう。人は、手に入れた便利なものをすぐに所与のものとして「それ以上の便利さ」を次々と求めるようになる。つまり、同じ「ユーザー目線」「使用性」といっても、昔よりも
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Uberがレンタカー会社と提携。車を持ってなくてもUberドライバーになれる。一部で批判的な意見も (ギズモード・ジャパン)
Amazon.co.jp: マイクロインタラクション ―UI/UXデザインの神が宿る細部: Dan Saffer (著), 武舎広幸 (翻訳), 武舎るみ (翻訳): 本
おかんでもわかるUXデザイン Ver.0.1
モバイルアプリのUIを処理系統でまとめた『UX Archive』 | 100SHIKI