UIデザインに関する10のガイドライン
Interaction Design Foundationはグローバルにデザインレベルの向上を目指す、デンマーク発の非営利団体です。 Jakob Nielsen氏とRolf Molich氏による10のユーザーインターフェースガイドラインに従い、ユーザーのニーズと期待に見合ったデザイン方法を学びましょう。これらのヒューリスティックスは、AppleやGoogle、Adobeのように大成功した企業の多くの製品に反映されています。このような企業のデザインチームが、これらのルールをデザインプロセスにどのように適応しているかは、公開されているユーザーインターフェイスのガイドラインから見てとることができます。 この記事では、ユーザビリティ（Usability）、ユーティリティ（Utility）、デザイラビリティ（Desirability）を改善するための10のルールを紹介します。 理解するべきユーザビリ
「どんな機能がほしい？」は聞くだけ無駄ーーユーザインタビューの超基本 – TechDoll.
長年（本気で年単位…）放置していたブログの「About Me」のページをやっとこさ更新しました。その中でも触れていますが、書くお仕事のほかにユーザインタビューを請け負ったりもしているので、今日はその辺の話をちょこっと。 わたしの書く仕事の多くは取材ベースなので、記事の出来は「書く力」を上回って「聞く力」が物をいいます。というか、質問力は人生全般において大事なスキルか。まだまだ磨かなきゃと思っていますが、「ライター」と「ユーザインタビュワー」という一見全く異なる仕事に共通して役立っているスキルかも。 基本を抑えたら反復練習 最近も、とある英語学習アプリのユーザインタビュー（先生と生徒の両方に）を実施したのですが、ユーザインタビューってほんとうに奥深い世界だなと改めて実感。 言葉遣いをちょっと変えただけでユーザさんの答えが違ってきたり、もちろん無意識に答えを誘導しちゃうようじゃダメ。いろいろと
キャンセルのキャンセル問題から考えるダイアログデザイン｜Goodpatch Blog グッドパッチブログ
この文脈では、「編集内容のキャンセル」という処理を続行しても良いかをユーザーに確認しています。続行に同意したい多くのユーザーは直感的に同じ表記の「キャンセル」を押したくなるでしょう。しかしそれでは編集のキャンセルが実行されません。 このキャンセルボタンが意味するのは、「『編集内容をキャンセルする』のキャンセル」なのです。つまり、ユーザーが望み通りに編集内容を破棄するためには、反対側のOKボタンを選ぶべきなのです。このような「キャンセルのキャンセル」は二重否定で意味がややこしくなるので避けなければなりません。 ここで「キャンセルのキャンセル」にならなければ良いということで、次のようにボタン名を変えてみました。 これでもう迷うことは無くなりましたか……？ 私はこの修正は誤りだと判断します。「はい」「いいえ」は結果を予想しにくい表現なので、ダイアログのアクションボタンに用いることはあまり適切では
専任のいない「ダメアプリ」から脱却！NewsPicksがたった1年でGoogleベストアプリを受賞できたワケ | キャリアハック（CAREER HACK）
NewsPicksを担うAndroidエンジニアの松原孝司氏が登壇。じつは同アプリ、Android専任が居らずiOSのUIをAndroidに流用していた状況だった。そこから2016年ベストアプリに選出されるまでわずか１年。怒涛の改修劇の裏側とは？ ニュースらしいUIってなに？｜NewsPicksの場合 ※Google Playの『ベスト オブ 2016』 に選出された企業が集結したイベント『App Talk Night』の内容をお届けします。[登壇：Loco Partners(Relux)、AWA、Fablic(FRIL)、NewsPicks、VASILY（iQON）] 「私は2015年くらいに入社したのですが、当時、NewsPicksのAndroidアプリを見たときに『イケてねぇなぁ……』と思いました」（松原氏） こう語るのは、経済情報に特化したニュース共有サービス「NewsPicks（
処理の遅さを感じさせないUIデザインのひと工夫──楽観的UIの基本 ｜ブログ｜root｜芯を問い、成長に貢献する
この記事はUX PlanetのライターでブロガーのIgor M氏の記事を公式に許可をいただき翻訳したものです。 今回は、楽観的UIについて話しましょう。 楽観的UIって？楽観的UIとは、処理が完了するのを待たずに最終状態にアップデートするUIのことです。すぐに最終状態に切り替え、実際の処理が進行しているあいだは偽データを表示します。 文章で説明してもよく分からないかもしれませんね。では、まず例を見てみましょう。以下のアプリは架空のメッセンジャー「Cotton Candy」です。 メッセージの送信をどのように表現するか、二つのアプローチを示しています。 非楽観的（左） vs 楽観的（右）なメッセンジャーのUI つまり、楽観的なUIではアプリが実際の処理を終わらせる（もしくは始める前）に最終状態を表示します。 手品みたいだけど、そもそもどうして必要なの？おしゃれな名前の背景にあるコンセプトは非
U-NEXT キャリア
U-NEXTは、2007年にサービスを開始した動画配信サービスのパイオニア。「ひとりひとりに、最高の時間を配信する。」 をミッションに、いま次のステージに進むべく、新たなメンバーを積極採用しています。会社についての情報はコーポレートサイトもぜひご覧ください。
Designing the new Uber App
A big redesign is daunting. There are a lot of variables and unknowns that tell you there will be potential failure down the road. But we knew that if we wanted to build for the future, we had to be comfortable taking that risk. This meant not only taking a big bet on how things look, but also re-imagining how things flow. Uber’s original premise was simple. “Push a button, get a ride.” You didn’t
欧米サービスデザインの今 | ウェブ電通報
はじめまして。CDCエクスペリエンス・デザイン部の岡田です。10月26日～28日、アムステルダムで第9回目となる「Service Design Global Conference」が行われました。世界42カ国から600人以上のゲストが参加。4人の基調講演者が、今年のテーマである 「Business as Unusual」という主題の下にサービスデザインの公演やブレークアウトセッションが行われました。 サービスデザインとは まずは、サービスデザインについて簡単におさらいをしておきたいと思います。サービスデザインはサービス提供者の視点ではなく、顧客の体験価値を重視したサービス創出を目的とし、そのサービスを実現する一連の顧客体験をデザインする行為となり、優れたサービスを生み出す手法として欧米を中心に浸透してきています。 この背景には、企業が保有する生産物やテクノロジーのみに価値を置くのでなく、そ
ハンバーガーメニューはもう古い！代わりに使えるモバイル用ナビメニュー5つまとめ
ウェブサイトを制作しているひとなら、モバイル端末におけるハンバーガー型ナビゲーションメニューの見つけにくさと効率の悪さ、またどれだけUXデザインの邪魔になっているのか、いくつもの記事を読んだことがあるでしょう。（この問題の参考にしたい記事はこちらやこちら、こちら、こちらからどうぞ。） 幸いにも多くのサイトやアプリで、より効率的な解決法となる代替アイデアが試されています。今回紹介しているアイデアは、他のものより優れているというわけでなく、コンテンツや内容によってパフォーマンスや実行できるかどうかは変わってきます。 01. タブ型ナビゲーションメニュー もしウェブサイトやアプリの項目が限られている場合、ユーザーはできるだけ素早くそカテゴリを切り替えたいところ。そんなときは、タブ型ナビゲーションが良い解決方法となるでしょう。 タブはもっともシンプルなナビゲーションパターンですが、デザインを制作す
AmazonのAlexaスキルにおける音声認識のUXデザイン
Indra Sofian氏は、UXPinのコンテンツ戦略家です。以前は、AT&Tのプロダクト開発で働いていました。 IoT（Internet of Things）は2010年代初頭に出現して以来、トレンドであり続けています。今や車からライト、家、冷蔵庫、そしてトースターに至るまで、すべてがインターネットに接続されています。 そんな流れの中、AmazonはEchoと呼ばれる音声認識が可能なワイヤレススピーカーをリリースしており、この製品はホームオートメーションのハブとなり、パーソナルアシスタントのような役割を果たします。 Amazon EchoとAlexaとは Amazon EchoはAmazonがリリースしたワイヤレススピーカーで、Alexaと呼ばれる人工知能を搭載しており、インターフェースがほぼ音声のみとなっている製品です。Alexaには、ユーザーの身の回りのタスクをこなすために様々なこ
エンジニアでも一読の価値あり！UI / UXの入門スライド厳選10点まとめ
Webサービス開発にしてもアプリ開発にしても、ユーザーに気持よく使ってもらうにはUI / UXを工夫する必要があります。 多くのユーザーに支持されている大規模WebサービスやアプリのUI / UXをよく見てみると、ユーザーにストレスがかからないよう細やかな工夫が施されていることがわかります。 エンジニアにとってもUI / UXに関心をもっておくことは重要です。 フロントエンドエンジニアはもちろん、バックエンドエンジニアもユーザーにより良い体験を届けるためにUI / UXを学ぶことをおすすめします。 今回は、エンジニアがUI / UXを基礎から学ぶ際に参考になるスライドを厳選して10個まとめました。
最前線IT企業のデザイナーたちが参考にしてきた「UI・UXの良書」とは | nanapi [ナナピ]
便利なシステムを生み出し、ユーザーの感動体験に欠かせない「UI/UX」。デザイナーとしてお勤めの方はもちろんのこと、IT業界に関わっている・関心があるなら積極的に学んでいきたい分野です。 今回話をうかがったのは、人気IT企業におつとめのデザイナーの方々。「UI/UX」について学び考える上で、おすすめの書籍を教えていただきました。 ご回答いただいた企業はこちら 1 グリー株式会社 2 GMOインターネット株式会社 3 GMOペパボ株式会社 4 ピクスタ株式会社 5 株式会社ブラケット 6 ヤフー株式会社 7 株式会社リブセンス グリー株式会社 細川菜々恵さん スマートフォン向けアプリ開発を担うスタジオ「Wright Flyer Studios」にて、Art UI UXチームのUI/UXディレクターを務める細川菜々恵さん（以下、細川さん）。UI/UXを学ぶにあたり、おすすめを教えていただきまし
![最前線IT企業のデザイナーたちが参考にしてきた「UI・UXの良書」とは | nanapi [ナナピ]](https://cdn-ak-scissors.b.st-hatena.com/image/square/6f819e6fb65420c2b090598b7c6ca5eefd67194b/height=288;version=1;width=512/https%3A%2F%2Fp.cdnanapi.com%2Fr%2F2015%2F11%2F05%2F16%2F5dd1174c-ae44-4a73-aa5b-9b981c8e5b1e.jpg)
Amazonに見られる、UI変更を伴わないUX改善
Web マーケター。 ソフトウェアのテクニカルサポートからキャリアチェンジし、Web/アプリ業界へ。株式会社ファンコミュニケーションズを退職後フリーランスとなる。独立した理由は髪の毛を伸ばしたかったから。 Webやアプリ等のデジタルなサービスに触れていると、UXと言えばUIを前提としたものと考えがちです。 今回は、ECサイトを例にとり、UI変更を伴わないUX改善について触れてみたいと思います。 2015年9月9日、Amazonジャパンが携帯電話番号があればメールアドレスなしでもアカウント作成できるよう仕様変更を行いました。これはあまり大々的にニュースに取り上げられていませんが、実際にはEC業界にとって大きな意味を持ちます。また、UXの観点からも、UI変更を伴わないながら大きな意義があると思えます。 メアドを持たない若者たち ECの歴史が始まってより長く、メールアドレスをベースとしたユーザー
フラットデザインとユーザビリティ | Accessible & Usable
公開日 : 2014年9月22日 カテゴリー : ユーザビリティ / アクセシビリティ ここ数年、多くのウェブサイトで「フラットデザイン (flat design)」が採用されるようになりました。立体的な/写実的なあしらいを極力排除することで、ユーザーインターフェース (UI) をすっきりと洗練されたデザインに見せることができる、という表現手法です。 かつては「スキューモーフィックデザイン (skeuomorphic design)」との対比で様々な議論を呼んだフラットデザインですが、実質的に広く定着したと言える現在、フラットデザインの是非を問うよりも、ユーザビリティの高いフラットデザインを実現することが大切だと考えます。実際、色々なウェブサイトやアプリケーションを見ていると、あしらいをフラットに (平坦に) することが目的化してしまっているのでしょうか、使いにくい (あるいは機能に気づき
モバイル向けUI/UXデザイン10のポイント デザイン会社 ビートラックス: ブログ
日々めまぐるしく変化するモバイルマーケットにおいて、マートフォンアプリやモバイルWebのUIやUXを最適にデザインする事はそのプロダクトがヒットするかの大きな要素となっている。特に最近は見た目が良いだけではなく操作性が非常に高いモバイルサービスが次々とリリースされユーザーが求めるクオリティレベルも上がっている。 小さな画面サイズ、様々な利用シーン、複雑な仕様の機能を実装したモバイルサービスにおいては、高いユーザビリティを実現する事が何よりも重要である。よりユーザーに愛される為もポイントをまとめてみた。 1. レイヤースタイルのUIで奥行きを出す モバイルのインターフェイスに関しては、最近のトレンドを見てみると、フラットなUIがトレンドのように思えるが、実はモバイルの限られたスペースでユーザーに効果的なエクスペリエンスを提供するには、縦と横のスペースに加え、”深さ”を利用したレイヤースタイル
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
growiz.us
Tumblr
セキュリティ診断・検査のGMOサイバーセキュリティ byイエラエ
TechCrunch | Startup and Technology News
日本中の「UI/UX」の参考になるスライド資料を気合いで全部集めました！（たぶん） | BtoBサービスキューレーション Boxil（ボクシル）まとめ！
