新たなスキルをどう身につけるか？ CTOたちが教える、技術習得のメソッド
UI/UXを考える上で重視していること ひらいさだあき氏（以下、ひらい）：では、UI/UXを考える上で重要視しているポイントがあれば、そこをお伺いしたいともいます。もしそのあと時間があったらエンジニアのバックグラウンドのある人たちにも聞いていきたいなと思います。 早河さんは幅広くなってしまうと思いますが、UI/UXというところで、先ほどはインタビューをされているというお話もありました。そのあたり、インタビューをどういうところでやっているのか、あるいはインタビューにはどんな人たちが参加していて、インタビューした結果、アウトプットやプロダクトにどのように活きてくるをおうかがいできればと思います。 早河優氏（以下、早河）：まず、UI/UXを考える上で重要ポイントは、使ってもらうユーザーさんにどんな気持ちになってもらいたいかを考えることです。 この画面でどういったタスクをユーザーさんが持っていて、
任天堂のUI/UXデザイナーに5つの質問！UI Crunch #13 娯楽のUI【書き起こし後編】｜Goodpatch Blog グッドパッチブログ
後編は、イベントにお申込みいただいた皆さんから寄せられた質問と、その回答をご紹介します。モデレーターにDeNA 増田 真也さん、Goodpatch 土屋を迎え、娯楽のUIをデザインするために大切なことを聞きました！ ハッシュタグ「#uicrunch」のつぶやきのまとめは、こちらからご覧いただけます。 登壇者プロフィール 正木 義文 (MASAKI yoshifumi) ｜UI/UX デザイン チーフ 多摩美術大学でグラフィックデザインを学んだ後、2005年に任天堂入社。 UI/UXデザイナーとして多数のゲームソフトを開発しつつ、現在はUIデザイン開発チーフとしてゲームソフトのUIクオリティを統括している。 UIデザインのなかに、機能や実用性だけでなく楽しさやユーモアを盛り込むことを得意とする。 担当プロダクト：Nintendo Labo (Nintendo Switch, 2018）、どう
GoodpatchのUIデザイナーがおすすめ UIデザインを理解するためのブックリスト【2021増補版】｜Goodpatch Blog グッドパッチブログ
今回は、GoodpatchのUIデザイナーにヒアリングし、UIデザインを理解するためのおすすめ本をまとめました。 次のような人に特におすすめです。 UIデザイナーになったばかりの人 もっとUIデザインについて勉強したい人 サービス、アプリ開発に携わるエンジニア・ディレクターの人 目的別に6つのカテゴリに分けてご紹介します。あなたの関心に沿ったトピックから、 気になる本を見つけていただけると嬉しいです。 1. UIデザインを基礎から理解する ユーザーインターフェース（UI）とは何なのか、どんなデザイン要素があるのか、UIが機能する環境とは？、どうやって作ってリリースするのか…UIデザインを始めるために、まずは基礎知識を網羅しましょう。 ■ はじめてのUIデザイン 改訂版 この本は、著者の1人である吉竹遼さんが「UIデザインを体系的に学ぶための本が少ない」という課題感から企画されました。そのた
デザイナー必見！クオリティの高いUIを作るために必要な7つの要素とは | Think IT（シンクイット）
本稿は、Webdesigner Depotの ブログ記事 を了解を得て日本語翻訳し掲載した記事になります。 本記事は、UX Phoenixのインテグレーションマネジャー、エンジニアであるSamella Garcia氏によって投稿されました。 ユーザーインターフェース（UI）のデザインは最近のホットな話題ですが、それには理由があります。デジタルエクスペリエンスが私たちの生活の大部分を占めるようになり、クオリティの高いユーザーエクスペリエンス（UX）の価値が今まで以上に高まっているのです。 モバイル技術、デジタル技術、 IoTの今後の目覚ましい成長を考慮すれば、UIのクオリティは現時点で重要であるだけではなく、将来的にはさらに重要になるでしょう。 Webサイトから、車内の液晶ディスプレイ、部屋のサーモスタットに至るまで、私たちの毎日は数多くのUIで溢れています。 ユーザーはデジタルディスプレイ
オンボーディングのUXデザインは3つの接客力で決まる - 酔いどれデザイン日誌 - Drunken Design Diary -
（この記事の読了目安：3～5分） こんにちは、UXデザイナーのおりです。皆さんはオンボーディングという言葉をご存知ですか？ オンボーディングとは、スマートフォンアプリやWebサービスなどで初めて利用したユーザーを定着させる為に施す諸々のプロセスを指します。今回は、私が趣味でよく行く中古カメラ屋の接客から学び取った、良いオンボーディングデザインのコツを皆さんにご紹介します。 目次 接客からオンボーディングのコツを知る 良いオンボーディングを実現する3つの接客力 今ではなく利用期間全体の体験をデザインする 接客からオンボーディングのコツを知る 私は最近、趣味でオールドレンズを使った写真撮影を楽しんでいます。その関係でよく中古カメラ屋へ出かけるのですが、これまで訪れた十数店舗のカメラ屋は、見事なまでに「良い接客」と「ダメな接客」に分かれていました。まず、ダメな方から紹介します。 ダメな接客その1
クレジットカードフォームの解剖学 | POSTD
オンラインでクレジットカードを使って支払うことは簡単ですよね？この答えはYesでもNoでもあります。Yesの理由は、インターネットが普及された初期からずっとそうしていたから（例：Amazon）。Noの理由は、まったく同じクレジットカードフォームは2つとないからです。 過去20年以上で、私たちはオンライン支払のメンタルモデルを作り上げてきました。「財布からクレジットカードを取り出して、ウェブのフォームに必要なカード情報を入力、そして申込みボタンを押す」というものです。しかし、ユーザーが答えないといけない質問でいっぱいなので、全てを入力するのはとてもややこしい行為になってしまいます。そして言うまでもなく、誰も取扱い説明書なんて読みたくありません。 さまざまな有名ウェブサイト・アプリのクレジットカードフォーム 何かの代金をオンラインで支払う時は、人へ支払う時より2,3倍遅れをとります。端末のボタ
モバイル向けUI/UXデザイン10のポイント デザイン会社 ビートラックス: ブログ
日々めまぐるしく変化するモバイルマーケットにおいて、マートフォンアプリやモバイルWebのUIやUXを最適にデザインする事はそのプロダクトがヒットするかの大きな要素となっている。特に最近は見た目が良いだけではなく操作性が非常に高いモバイルサービスが次々とリリースされユーザーが求めるクオリティレベルも上がっている。 小さな画面サイズ、様々な利用シーン、複雑な仕様の機能を実装したモバイルサービスにおいては、高いユーザビリティを実現する事が何よりも重要である。よりユーザーに愛される為もポイントをまとめてみた。 1. レイヤースタイルのUIで奥行きを出す モバイルのインターフェイスに関しては、最近のトレンドを見てみると、フラットなUIがトレンドのように思えるが、実はモバイルの限られたスペースでユーザーに効果的なエクスペリエンスを提供するには、縦と横のスペースに加え、”深さ”を利用したレイヤースタイル
ピーピングウィキの評判と安全性は？
私自身もピーピングウィキへ入会と退会、再入会などを行っていますが今現在も不正利用や不正請求されたことはありません。 ネットが主流の時代に不正請求だとか不正利用とかの被害が多ければすぐに晒されてピーピングウィキは潰れてしまうだろう。これだけ毎日大量のユーザー入会していればなおさら。詐欺を働いてサイトが潰れてもまた新しいサイトを作れば良いんじゃないの？とはならない。 なぜなら詐欺をするにも作業量が多すぎてコスパが悪いからだ。動画の数は3000本以上になる。これを詐欺をする度に新しく作り直すとして、ドメインを変えてサイトのレイアウトを変えて動画すべてアップロードし直して・・・想像するだけで骨の折れる作業だ。 それなら健全に運営した方が利益があるし、作業量も動画を数本だけ毎日アップロードするだけと最小限で済む。それで毎日大量のユーザーが入会してくれるし、毎日大量のユーザーが継続利用してくれる。不正
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
UXを学ぶならこれだけは目を通しておけ！ - UX-design
2013-04-11 UXを学ぶならこれだけは目を通しておけ！ UXとはなんぞや!?って日々思いながら手探りでUXを意識したサービス開発、UXの向上を測っております、どうも @tacumacy です。 ボク自身、UXのことはなんとなーくわかってはいましたが、本格的にそれを仕事としてやろうとなった時から本気で勉強しなきゃやばい！と思い猛烈に危機感を感じたので、めちゃくちゃネットサーフィンをしてUXに関する情報を集めては読みまくりました。そこでボクが読んで参考になった書籍や記事を、どうせならここでまとめて見れるようにしておこうと思います。もし勉強したいな、と思ったときに見ていただけると幸いです。 こんな人に読んでほしい ・これからUXを学びたいと思っている人 ・UXについて、手っ取り早く情報が欲しいと思っている人 書籍紹介 以下、これだけは頭に入れておきたいなぁと感じた内容をまとめてくださって
言葉はグラフィックより大事なインターフェイス
2013年3月16日にAndroid Bazaar Conference 2013 Spring が開催されました。昨年に引き続き今年も登壇。前回はゲームをテーマにして話をしましたが、今回は「コンテンツで改善する UI デザインの極意」と題してコンテンツと UI をテーマに話をしました。 見た目が綺麗だから良い UI というわけではない UI のインスピレーションとして Dribblbe や Android Patterns のようなギャラリーサイトを見ている方は多いと思いますし、「素晴らしい UI のまとめ」と名付けた記事も、だいたいはこうしたギャラリーサイトを参照していることが多いです。 実装まで携わった経験がある方ならなんとなく分かると思いますが、Dribble で紹介されている UI アイデアの多くは現実味がない想像図が多く掲載されています。実装しようとするならばパフォーマンスや操
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デザインを作るために知るべき12のTips | Goodpatch Blog
こんにちは、だいきです。 海外の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（ユーザーエクスペリエンス）をユーザーに与えたいですか？
1分でわかるUIとUXをわかりやすく説明する写真とお話 | インタラクションとデザイン
ユーザインタフェース 使いやすいように、 わかりやすい画面に、 間違えにくいように、 美しい情報デザイン、 丁寧な説明。 すばらしいユーザインタフェースができた。 ユーザエクスペリエンス しかし、そのATMは少し時間がかかった。 結果的にお客さんは並ぶことが多くなった（気分を害す、イライラ）。 「お金を引き出す、預ける」という銀行の体験は悪くなってしまった。 解説（UIからUXが重要と言われようになった理由） この場合、良いユーザインタフェースを設計できたとしても、並んでしまうことを問題として扱わなくなる。ユーザインタフェースの設計としては、最高のATMを提供することはできるだろう。しかしユーザエクスペリエンスからみると、最高の預金・引出体験にはらない。つまり、最高のUIを提供しても、ユーザの問題を解決したことにならない。だから「ユーザの体験という視点からUIを設計していこうよ！」という流
写真が語るUXとUIの違い - Nothing ventured, nothing gained.
Windows XPのXPがeXPerienceだったことを覚えている人がどのくらいいるかわからないが、正直、最初にユーザーエクスペリエンスと聞いたときに、どのように日本に定着させようかと悩んだ。略語を開くことなどあまり無いので、製品名などは大して心配はしなかったのだが、確か何かの設定画面かにも、Experienceというタブ名か何かがあり、どのように訳すか頭を痛めたように記憶する。 それから数年、すっかりUX、すなわちユーザーエクスペリエンスという言葉が定着したように思う。それでも、今でもUXとUIを混同する場面に出くわすことがある。 すでに様々なところで説明はされているが、敢えて、ここでもUXとUIの違いを説明しよう。 UX（ユーザーエクスペリエンス）は、製品やサービスに対して、ユーザーがどのように感じ、そして反応するかのことである。実は、UXは2010年にISO 9241-210とい
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
触れる空中ディスプレイ「DisplAir」、量産へ
空中に像を表示し、さらにマルチタッチで像に触るように操作が可能というディスプレイ「DisplAir」をロシアのベンチャー企業が開発し、今春から量産するという。ロシアNOWが伝えている。 同ディスプレイは霧に画像を投影する仕組みで、さらにKinect的なセンサーにより手の動きを検知して、画像に触れるようにして操作することが可能になっているという。 アストラハン国立工科大学の学生だったマクシム・カマニン氏が考案し、メドベージェフ大統領（当時）も注目したという。 カマニン氏は「日本では、サービスへの支払いやチケット購入など、公共のタッチスクリーン・ターミナルがほとんど成功していないのが現状です。また、衛生面に優れた非接触性を要するケースが他にもいろいろあるので、そういう場合、この空中ディスプレイの技術はぴったりです」と話している。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
全エンジニア・全デザイナー必見！UI/UXを入門からマスターできるスライド資料25選 | iPhoneの神様
UIデザインについて改めてしっかりと学ぶために参考になるスライドまとめ
