UI/UXを考える上で重視していること ひらいさだあき氏（以下、ひらい）：では、UI/UXを考える上で重要視しているポイントがあれば、そこをお伺いしたいともいます。もしそのあと時間があったらエンジニアのバックグラウンドのある人たちにも聞いていきたいなと思います。 早河さんは幅広くなってしまうと思いますが、UI/UXというところで、先ほどはインタビューをされているというお話もありました。そのあたり、インタビューをどういうところでやっているのか、あるいはインタビューにはどんな人たちが参加していて、インタビューした結果、アウトプットやプロダクトにどのように活きてくるをおうかがいできればと思います。 早河優氏（以下、早河）：まず、UI/UXを考える上で重要ポイントは、使ってもらうユーザーさんにどんな気持ちになってもらいたいかを考えることです。 この画面でどういったタスクをユーザーさんが持っていて、

後編は、イベントにお申込みいただいた皆さんから寄せられた質問と、その回答をご紹介します。モデレーターにDeNA 増田 真也さん、Goodpatch 土屋を迎え、娯楽のUIをデザインするために大切なことを聞きました！ ハッシュタグ「#uicrunch」のつぶやきのまとめは、こちらからご覧いただけます。 登壇者プロフィール 正木 義文 (MASAKI yoshifumi) ｜UI/UX デザイン チーフ 多摩美術大学でグラフィックデザインを学んだ後、2005年に任天堂入社。 UI/UXデザイナーとして多数のゲームソフトを開発しつつ、現在はUIデザイン開発チーフとしてゲームソフトのUIクオリティを統括している。 UIデザインのなかに、機能や実用性だけでなく楽しさやユーモアを盛り込むことを得意とする。 担当プロダクト：Nintendo Labo (Nintendo Switch, 2018）、どう

今回は、GoodpatchのUIデザイナーにヒアリングし、UIデザインを理解するためのおすすめ本をまとめました。 次のような人に特におすすめです。 UIデザイナーになったばかりの人 もっとUIデザインについて勉強したい人 サービス、アプリ開発に携わるエンジニア・ディレクターの人 目的別に6つのカテゴリに分けてご紹介します。あなたの関心に沿ったトピックから、 気になる本を見つけていただけると嬉しいです。 関連記事：UIデザインとは？ 大切な5つのポイントや取り組み事例を紹介 1. UIデザインを基礎から理解する ユーザーインターフェース（UI）とは何なのか、どんなデザイン要素があるのか、UIが機能する環境とは？、どうやって作ってリリースするのか…UIデザインを始めるために、まずは基礎知識を網羅しましょう。 ■ はじめてのUIデザイン 改訂版 この本は、著者の1人である吉竹遼さんが「UIデザイ

（この記事の読了目安：3～5分） こんにちは、UXデザイナーのおりです。皆さんはオンボーディングという言葉をご存知ですか？ オンボーディングとは、スマートフォンアプリやWebサービスなどで初めて利用したユーザーを定着させる為に施す諸々のプロセスを指します。今回は、私が趣味でよく行く中古カメラ屋の接客から学び取った、良いオンボーディングデザインのコツを皆さんにご紹介します。 目次 接客からオンボーディングのコツを知る 良いオンボーディングを実現する3つの接客力 今ではなく利用期間全体の体験をデザインする 接客からオンボーディングのコツを知る 私は最近、趣味でオールドレンズを使った写真撮影を楽しんでいます。その関係でよく中古カメラ屋へ出かけるのですが、これまで訪れた十数店舗のカメラ屋は、見事なまでに「良い接客」と「ダメな接客」に分かれていました。まず、ダメな方から紹介します。 ダメな接客その1

iPhoneの神様は、iPhoneをもっと楽しむための情報ポータルサイトです。人には聞きづらいiPhoneの基本的な使い方から、最新のiPhoneX・iPhone8・iPhone8Plusまで、きっと欲しい情報がみつかります。 iPhoneの神様

オンラインでクレジットカードを使って支払うことは簡単ですよね？この答えはYesでもNoでもあります。Yesの理由は、インターネットが普及された初期からずっとそうしていたから（例：Amazon）。Noの理由は、まったく同じクレジットカードフォームは2つとないからです。 過去20年以上で、私たちはオンライン支払のメンタルモデルを作り上げてきました。「財布からクレジットカードを取り出して、ウェブのフォームに必要なカード情報を入力、そして申込みボタンを押す」というものです。しかし、ユーザーが答えないといけない質問でいっぱいなので、全てを入力するのはとてもややこしい行為になってしまいます。そして言うまでもなく、誰も取扱い説明書なんて読みたくありません。 さまざまな有名ウェブサイト・アプリのクレジットカードフォーム 何かの代金をオンラインで支払う時は、人へ支払う時より2,3倍遅れをとります。端末のボタ

日々めまぐるしく変化するモバイルマーケットにおいて、マートフォンアプリやモバイルWebのUIやUXを最適にデザインする事はそのプロダクトがヒットするかの大きな要素となっている。特に最近は見た目が良いだけではなく操作性が非常に高いモバイルサービスが次々とリリースされユーザーが求めるクオリティレベルも上がっている。 小さな画面サイズ、様々な利用シーン、複雑な仕様の機能を実装したモバイルサービスにおいては、高いユーザビリティを実現する事が何よりも重要である。よりユーザーに愛される為もポイントをまとめてみた。 1. レイヤースタイルのUIで奥行きを出す モバイルのインターフェイスに関しては、最近のトレンドを見てみると、フラットなUIがトレンドのように思えるが、実はモバイルの限られたスペースでユーザーに効果的なエクスペリエンスを提供するには、縦と横のスペースに加え、”深さ”を利用したレイヤースタイル

こんにちは。 スマートフォンサイトやアプリにおいて、重要なことの一つであるUI（ユーザーインターフェース）。 また、PC向けサイトでも、よりユーザー目線に立ったUI設計が必要です。 UI設計ひとつで、大きくコンバージョンが上がったり、クリック率の増加が見込めるので、入念に考えなければなりません。 今回は、UIを徹底的に考えるために、UIについて様々な視点から書かれたスライドをご紹介したいと思います。

サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。

サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。

2013年3月16日にAndroid Bazaar Conference 2013 Spring が開催されました。昨年に引き続き今年も登壇。前回はゲームをテーマにして話をしましたが、今回は「コンテンツで改善する UI デザインの極意」と題してコンテンツと UI をテーマに話をしました。 見た目が綺麗だから良い UI というわけではない UI のインスピレーションとして Dribblbe や Android Patterns のようなギャラリーサイトを見ている方は多いと思いますし、「素晴らしい UI のまとめ」と名付けた記事も、だいたいはこうしたギャラリーサイトを参照していることが多いです。 実装まで携わった経験がある方ならなんとなく分かると思いますが、Dribble で紹介されている UI アイデアの多くは現実味がない想像図が多く掲載されています。実装しようとするならばパフォーマンスや操

一昨年に社内で行ったAbout Face 3輪講の資料を公開します。実は今までずっと公開されていたのですが、存在を知られていなかったので、改めて周知します。 About Face 3はUI/UX設計の教科書で、ユーザーストーリーやペルソナなど、基本的な内容が押さえられています。ディレクター、デザイナー、エンジニア、サポート等、プロダクト制作に関わる全員の共通知識として使える内容だと思います。 About Face 3輪講概要 1. ゴールダイレクテッドデザイン 2. 実装モデルと脳内モデル 3. 初心者、上級者、中級者 5. ユーザーのモデリング : ペルソナとゴール 6. デザインの基礎 : シナリオと要求 8. 優れたデザインの総合 : 原則とパターン 10. オーケストレーションとフロー 11. 間接的な操作を取り除く 12. 良き振る舞いのデザイン 13. メタファ、イディオム、ア

こんにちは、だいきです。 海外のUIデザインに関する記事「14 Golden Eggs of Good UI Design（直訳: 優れたUIデザインの14の金の卵）」で書かれていたUIデザインに関するTipsがとても勉強になったので、その中からいくつか抜粋したものを翻訳しました！ （この記事はJohannes Thönesというブログの14 Golden Eggs of Good UI Designという記事の抜粋翻訳ブログです。） 1, 先進的な技術を使う理由 photo credit: Carlos Varela via photopin cc HTML5が新しい技術だからといって、それを使う必要性はありません。 新しい技術を使うことが目的になってはいけません。 ユーザーとユーザーが期待している事を考えてください。 どんなUX（ユーザーエクスペリエンス）をユーザーに与えたいですか？

空中に像を表示し、さらにマルチタッチで像に触るように操作が可能というディスプレイ「DisplAir」をロシアのベンチャー企業が開発し、今春から量産するという。ロシアNOWが伝えている。 同ディスプレイは霧に画像を投影する仕組みで、さらにKinect的なセンサーにより手の動きを検知して、画像に触れるようにして操作することが可能になっているという。 アストラハン国立工科大学の学生だったマクシム・カマニン氏が考案し、メドベージェフ大統領（当時）も注目したという。 カマニン氏は「日本では、サービスへの支払いやチケット購入など、公共のタッチスクリーン・ターミナルがほとんど成功していないのが現状です。また、衛生面に優れた非接触性を要するケースが他にもいろいろあるので、そういう場合、この空中ディスプレイの技術はぴったりです」と話している。