クルマのUXはキケンな過渡期 最近のクルマはコクピットドリルで説明しきれない問題
クルマのUXはキケンな過渡期 最近のクルマはコクピットドリルで説明しきれない問題：【新連載】「自動運転未満」なクルマとドライバーの関係（1/3 ページ） 初めまして。この度連載を書かせていただくことになった渡辺です。普段はITベンチャーの経営をしていますが、もともと大の車好きということもあり、趣味が高じて自動車関連のアプリ開発などを手がけています。 自分の愛車に加えて仕事柄さまざまな車に乗る機会が多く、自動車という工業製品のUI/UXについて思うところがあります。この連載ではそうした話を語っていきますのでお付き合いください。なお、自動車メーカーや輸入車インポーターと業務上のお付き合いがありますが、ここではそれらの企業とは無関係な、あくまで個人的な意見となりますのでご了承ください。 進化するHMI（Human Machine Interface）、何が問題なのか？ 「コクピットドリル」という
ミルクボーイがUIとUXの違いを説明したら｜広野 萌
挨拶内海「どうもお願いします。ありがとうございます。今、NFTアートをいただきましたけどもね。ありがとうございます。こんなんなんぼあってもいいですからね」 駒場「いきなりなんですけどね、うちのおかんがね、好きなIT用語があるらしいんやけど」 内海「そうなんや」 駒場「その名前を忘れたらしいねん」 内海「IT用語の名前忘れてまうってどうなってんねん。あれやろ、IT用語ゆうたらどうせ、デザイン思考か、アジャイル開発か、リーンスタートアップやろ！」 駒場「俺もそう思ったんやけどちゃうらしくてな、いろいろ聞くんやけど、全然わからへんねん」 内海「そうなん？」 駒場「うん」 内海「ほんだら俺がね、おかんの好きなIT用語、一緒に考えてあげるから、どんな特徴言うてたかとか教えてみてよ」 定義駒場「おかんが言うには、製品やサービスとの関わりを通じて利用者が得る体験及びその印象の総体やって言うてた」 内海「
【アプリのオンボーディング事例】UXデザインとユーザーフローチャート-Netflix編- | 株式会社パンタグラフ
【アプリのオンボーディング事例】UXデザインとユーザーフローチャート-Netflix編- UI／UXデザイン 2020.07.02 この記事では、Netflixアプリを取り上げ、人気アプリが具体的にどのようなオンボーディング施策を行って初回ユーザーの継続利用と定着化を図っているのか、その事例を紹介します。 なお、以前の記事「人気アプリのユーザーオンボーディング施策一覧！エンターテインメント編」では、エンターテインメントカテゴリの人気アプリがどのようなオンボーディング施策を採用しているのかを調査・分類して紹介しました。 ぜひ、併せてご覧ください。 ※対象はNetflixのiOSアプリとしています（2020/6/16時点）。またAndroidアプリでは仕様に多少の違いがありますのでご留意ください。 【NetflixアプリのUX施策】行動・遷移の全体像をアプリユーザーフローチャートで解説 ここで
ヒューリスティック分析とは？分析手順や評価指標について解説 | 株式会社パンタグラフ
ヒューリスティック分析は、ユーザーにとって使いやすいWebサイト・アプリを作るのに効果的な手法です。 ヒューリスティック分析によりUI/UXを向上できれば、売上や成果につながることが期待できます。しかし、ヒューリスティック分析が他の分析手法とどう違うのか分からない方も多いのではないでしょうか？ 今回はヒューリスティック分析について、基礎知識や分析手順、メリット・デメリットなどを分かりやすく解説します。 なお、実際にパンタグラフのヒューリスティック分析チームが、人気アプリのオンボーディング施策を調査・分析した記事「【アプリのオンボーディング事例】UXデザインとユーザーフローチャート-Netflix編-」もあるので、併せてご覧ください。 ヒューリスティック分析とは？経験則による分析手法を解説 ヒューリスティック分析とは「経験豊富なUI/UXのプロが、その経験則によってWebサイト・アプリを評価
Startup MBA UXの極意
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
実例から学ぶ、良いデザインと悪いデザインの見分け方 | アドビUX道場 #UXDojo | Adobe Blog
ユーザー体験の良し悪しの理解は主観的になりがちです。また、正確に表現することも困難です。しかし、幸運なことに、優れたユーザー体験の構成を理解する指針として使えるいくつかの原則が存在しています。 こうした原則の理解は重要な要件のひとつですが、それらの原則が実際にどのように現れるのかを見ることも大切です。この記事では、いくつかUXデザインの良い例と悪い例を確認し、ニールセン・ノーマンのヒューリスティックスのような原理が、現実世界でどのように表現されているかを探ります。 現在の状態を示す ヤコブ・ニールセンによって開発されたヒューリスティックのひとつである、「システム状態の視認性」は、ユーザーのアクションの後、製品やWebサイトの内側で何が起こっているかが、適切な応答時間内に通知されるべきであることを伝えています。 すなわち、システムが何をしているのかという情報をタイムリーにフィードバックしない
スマホUI考（番外編） UIやUXを劇的に改善する、『ビッグオー駆動型開発』とは | fladdict
いま『ビッグオー駆動型開発』とよばれる開発手法が、業界の一部で注目を集めている。 その理由は非常にシンプルだ。『ビッグオー』は非常に安価で簡単な手法でありながら、従来の開発手法に比べ劇的にUIやUXを改善できるためである。 製品コンセプトのような上流から、ボタンのレイアウトといった下流工程、さらにはグロースハックやプロモといったリリース後のフェイズまで一つの手法でユーザビリティを評価できる。この汎用性がビッグオー駆動開発の大きな特徴であり、導入時の利点となる。 今回はこのビッグオー、の概要と具体的なやり方について論じたい。TwitterのUI拡張予言以来、久しぶりのUI系エントリである。 ビッグオー駆動開発とは何か？ ビッグオー駆動開発は、正式には『OKAN Driven Development（オカン駆動型開発）』とよばれる開発手法である。 これは自分のオカンを指標とすることで、低コスト
Re: スマホUI考（番外編） UIやUXを劇的に改善する、『ビッグオー駆動型開発』とは - ネコメシCEOブログ
この記事は、「スマホUI考（番外編） UIやUXを劇的に改善する、『ビッグオー駆動型開発』とは」へのトラックバック的なものです。 深津くんのこの記事では『ビッグオー駆動型開発』と名付けてますが、ちょー簡単にいえば、「どうしようか迷ったらオカンに聞け」という提言です。これは、概ね正しくもあるのですが、このような提言の仕方はリスクを伴う部分があるので、いちおう、早めにその旨を声明しておかねばという衝動に駆られました。ので、このエントリーに至っています。 で、この『ビッグオー駆動型開発』に関しては、ビミョーに懸念があったので、一応、反論というか、補足というか、まあなんというかそういうことをしておこう。ビッグオー駆動型開発自体の詳細は深津くんの記事にあるので繰り返す必要はないという前提で、欠点を挙げる。 そもそも当開発者たるエンジニアやデザイナーにおけるリテラシーの問題。彼らが、高齢者や低リテラシ
「Amazonのプライムビデオが難しい」というおかんの言い分を聴いてみた｜Tsutomu Sogitani
大阪の実家に帰った時、リビングのテレビの裏側を見たらAmazonのFire Stick TVが挿してありました。このFire Stick TVをテレビに繋ぐと、Amazonのプライムビデオを観ることができるようになります。 プライムビデオには、Amazonプライムの会員であれば、追加費用を払うことなく楽しめる映画やドラマ、アニメなどが豊富に揃っています。さらに個別に追加金額を払うとほとんどの映像コンテンツを観ることができるという、まさにTSUTAYAキラーなサービスです。 うちのおかんは月に2～3回は映画館に行くほどの映画好きなので、プライムビデオのメインターゲットといえるでしょう。本来ならプライムビデオで映画三昧の毎日を送っていてもいいはずです。 しかしながら、Fire Stick TVを挿しているにもかかわらず、プライムビデオを一度も使っていませんでした。初期設定をした私の弟が一通り使
検索結果ページにおけるベストプラクティス
Nickはロシアのセントピーターズバーグ出身のソフトウェアデベロッパー/ブロガーです。彼による他の記事はこちらをご参照ください。 検索とは、ユーザーとシステム間の会話のようなものです。ユーザーは必要な情報をクエリとして表現し、システムはその返事として検索結果を提示します。そのため検索結果ページは、検索体験において非常に重要な部分です。検索結果ページはユーザーの情報のニーズを導き出して会話を成立させる機会を提供するものなのです。 この記事では、検索結果のUXを向上させる10のベストプラクティスを紹介したいと思います。 １. 検索ボタンが押されたあとユーザーのクエリを消去してはいけない オリジナルテキストは残したままにしてください。クエリの再構築は、数ある情報探索においてとても重要な段階です。探している情報が見つからない場合、ユーザーは元のクエリを少し修正して再び検索しようとします。これをユ
Macintosh から iPhone へ受け継がれるデザイン原則｜Goodpatch Blog グッドパッチブログ
こんにちは。iOS Developer（当時）のusagimaruです。 先日WWDC 2017が閉幕しましたが、グッドパッチでもデベロッパーを中心にWWDC報告会が開催されるなど、とても注目度が高いイベントでした。個人的には、リフレッシュレートの120Hz化によって今後UIやコンテンツがどのように変わるのか、UIKitレベルで統合されたドラッグ＆ドロップによって体験がどのように変わるのか、HEVC/HEIFコーデックによってコンテンツはどこまで進化するのか、ARKitによってUIがどのように進化するのかが気になります。 WWDCで気になったデザイン系セッション さて、6月後半でそろそろWWDCの熱狂が落ち着いてきた頃合いだと思いますが、平熱に戻った今だからこそ改めてWWDCを振り返ってみたいと思いました。デベロッパーとしては、これからがある意味でWWDC本番なのかもしれません。今回も気に
Private Presentation
Private content!This content has been marked as private by the uploader.
いま、UXを語るのはなぜ悩ましいのか？─長谷川恭久ロングインタビュー
いま、UXを語るのはなぜ悩ましいのか？─長谷川恭久ロングインタビュー 白石 俊平（HTML5 Experts.jp編集長） UXという言葉は、専門家ではない筆者のような人間からすると、少し「怖い」言葉です。 筆者にとってUXという言葉は、概念はわかる気がするものの捉えどころがなく、絶えず論争の的になっている…そんな言葉に思えていました。 とはいえやはり、いまの時代Webに携わるものとして、UXに対する興味は尽きません。そこでHTML5 Experts.jpでUXを取り上げてみたいと思ったのですが、「炎上」は怖い…。 そもそも、なんでこんなにUXは論争が尽きないのか。「UXに関心はあるし、仕事として関連もあるのだけれど、どこから学べばいいのかよくわからない」筆者のような人間に、何を伝えることができるか。特集を行うにあたり、エキスパート No.37の長谷川恭久さんに相談させていただくことにしま
ユーザーインターフェースの質を高める手法「ユーザーはヨッパライ法」とは
PCを操作するキーボードやタッチパネル、自動車を運転する時のハンドルやペダル類、あるいはウェブページの操作画面など、ユーザーが何かを操作したり情報をやりとりする際に触れる部分は総称してユーザインタフェース(UI)と呼ばれており、その仕上がり具合によっては製品の評価が大きく左右されることもあります。製品企画をおこなう際には重要な項目の1つとなっているUI設計ですが、特にウェブサイトにおけるUI品質を高めるための手法がYouTubeで公開されています。 The User is Drunk - YouTube 優れたユーザーインターフェースデザインの手法について語るのはウィル・デイブルさん。オーストラリア・メルボルンのウェブコンサルタント企業であるSquareweaveを率いる1人です。 デイブルさんが唱える手法とは、「ユーザーはお酒に酔っ払っている」と仮定してインターフェースを設計する「The
ソシオメディア | あるとよい機能はない方がよい
UXデザインのコンサルティングではよく品質優先度マッピングというものを行います。これは開発プロジェクトの上流工程において、実装を検討している機能をリストアップし、そのひとつひとつについて想定する利用者の割合や利用頻度の観点からグルーピングし、実装の優先度を決める作業です。 これを行う目的は、UIをできるだけシンプルに保つことにあります。ユーザーが求める機能をすべて盛り込むと、当然UIは複雑になり、誰にとっても使いにくいものになります。また蓋然性のバランスが取れていない要件はプログラムを複雑にし、バグが増える原因になります。 UIデザインにおけるパレートの法則（結果の大部分は全体の一部によって生み出される）は、「ユーザーの80%は全機能の20%しか使わない」というものです。その20%に注力し他の優先度を下げることで、製品の利便性は向上するはずです。 Core, Important, Nice
UI/UX設計の教科書、About Face 3輪講の資料を公開します - ninjinkun's diary
一昨年に社内で行ったAbout Face 3輪講の資料を公開します。実は今までずっと公開されていたのですが、存在を知られていなかったので、改めて周知します。 About Face 3はUI/UX設計の教科書で、ユーザーストーリーやペルソナなど、基本的な内容が押さえられています。ディレクター、デザイナー、エンジニア、サポート等、プロダクト制作に関わる全員の共通知識として使える内容だと思います。 About Face 3輪講概要 1. ゴールダイレクテッドデザイン 2. 実装モデルと脳内モデル 3. 初心者、上級者、中級者 5. ユーザーのモデリング : ペルソナとゴール 6. デザインの基礎 : シナリオと要求 8. 優れたデザインの総合 : 原則とパターン 10. オーケストレーションとフロー 11. 間接的な操作を取り除く 12. 良き振る舞いのデザイン 13. メタファ、イディオム、ア
スマホUI考（番外編） なぜ機能追加をし続けるとアプリが破綻するのか？ | fladdict
この写真は、アーミーナイフの名門ウェンガー社のジャイアントナイフという最高級ナイフである。141の機能を持つ、ギネス認定もされた厚さ24cm、重量1.3kgの世界で最も高機能なナイフだ。トップメーカーが自社製品の全機能を１つに集約したこの製品こそが、機能拡張の行き着く先を指し示している。 なぜ適切な機能追加であっても、機能を追加しつづけることで破綻をするのか？本エントリは、「スマホUI考（番外編） 顧客やユーザーの要望に全て対応すると、アプリは99%破綻する」の続きになる。 本エントリでは以下の４つの側面から、機能を追加するリスクを考える。まず第一に「選択肢の数が必ずしも善ではないこと」。次に「人間の判断力は使うほど消耗すること」。そして「画面スペースが有限のリソースであること」。最後に「どんなに機能を増やしても、一画面で強調できるものは限られていること」。これらの４つは全て、機能追加が最
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Confirmation Bias in UX
TechCrunch
チャットボットのUXと、導入現場のリアル：Webmaster Camp: 企業サイトの担当者が考えておきたい、AIとUIの今。
