ユーザーインターフェース（UI）- どこかで聞いたことはあるしなんとなく想像は出来る。”このアプリのUIはイケテル”や、”UIデザイナー募集”など、最近ではテクノロジー系の記事や、デザインに関する話の中に頻繁に出てくるこの言葉。 しかしちゃんと言葉で説明してみてと言われると意外と難しい。 興味はあるけどはっきりとはわからない・わかっているつもりだけどもう一度復習したい・現状はわかっているからこれからのUIついて知りたい。 そんな人たちに向けて ユーザーインターフェースの歴史良いUIと悪いUIの違いUIのこれからという3つのセクションに分け、インターフェースの本質をまとめた。 1. ユーザーインターフェースの歴史そもそもインターフェースってなに？そもそもユーザーインターフェースの「インターフェース」とはどういう意味なのだろうか。「境界面・接触面」などと訳されるこの「インターフェース」という言

今年も残すところあと1週間あまりとなりましたね。早いものです。 激動の平成30年間、数々の偉大なグッドデザインプロダクトが世界を激変させてきましたが、一方で「どうしてこうなったの？」というものも世の中にはまだまだ沢山あります。 私は職業柄、日常生活で見かけたそういった好ましくないデザイン事例をストックしておりまして、去年はそれらをまとめて記事にしてみたところ意外と反響が大きくてびっくりしました。皆さんもわざわざ声には出さないけど色々思うところはあったんだなぁと。 しかしながら、未だに公式にバッドデザイン賞を認定する機関は現れていません。去年も書きましたが、グッドデザイン賞のように良いものを良いと評価することも大切ですが、良くない部分を無視し続けていたのでは、いつまで経っても不便なものは不便なままです。 ということで、今年も勝手にやってしまいました。あくまでジョークコンテンツとしてお楽しみく

UIのモーションを考える時、よく脳内でバレリーナの動きを再生する。 妹がバレエをやっていたため実家の居間では、ローザンヌ国際バレエコンクールのビデオがよく流れていた。 ローザンヌは世界最強の若手バレリーナを決める大会だ。この番組はクロード・ベッシー女史というコメンテーターの、辛口実況がウリだった。彼女はパリオペラ座学校の校長先生でもあり、それゆえに評価のハードルが非常に高い。コンテストの登壇者は、ほぼ確実にベッシー先生に滅多斬りにされる。TVカメラのまえで泣きだすこともある。ある意味、登竜門であると同時に公開処刑の場でもあった。 そんなベッシー先生が珍しく大絶賛していたのが、2001年だか2002年に出場したミレナ・シドロヴァだった。（追記、ベッシーさん2002年引退してますね。ビデオで見てたから時系列がメタメタだった。2002年のコメンテーターは別っぽい）。 バレエに特に興味のなかった僕

PCやスマートフォンを開けば、そこには不愉快なUIが至るところにあふれている。さして文章が長くもないのにページが4分割されているニュース記事（腹立たしいことに4ページ目はたった1行だったりする）、サッカーのハイライト動画でシュートの行方をカメラが追い始めた瞬間に始まる動画広告、場面転換をするたびにCMが挟み込まれ、もはやCMを見ているのかゲームをしているのかわからなくなるアドベンチャーゲームアプリなど……。 さらに不幸なことは、ウェブメディアの編集部や動画配信者、ゲーム制作会社の制作現場にいる人たちにとっても、これは決して愉快な状況ではないということだ。罵詈雑言混じりの苦情が書かれたユーザー評価欄やSNSを見ながら彼らは言うだろう。「誰が好き好んでこんなUIを作るものか」と。 関わる誰から見てもおかしなUIは、それでもなぜ量産され世の中のストレスを増幅させ続けているのだろうか？ その負のス

Rent the RunwayやUber、Airbnbは、画面のUIデザインにとどまらない、奥深いところまで考え抜いたデザインによって、業界の昔ながらのエクスペリエンスに挑戦している。 Beyond Usability: 3 User Experiences Reshaping Their Industries by Sarah Gibbons on February 19, 2017 日本語版2017年6月5日公開 我々は今、新しいサービスで構成された世界に暮らしている。Seamless（訳注：オンライン経由の出前サービス）やBlue Apron（：食品の配達サービス）経由で食事をし、Alexaをとおして、Spotifyで音楽を聞き、UberやLyftで車を呼んでいるからだ。また、Airbnbで自分の家を人に貸すこともあるが、家ではTinder（：マッチングサイト）をスワイプしながら、N

リリースされてそろそろ1ヶ月が経ちますが、皆様ポケモンGO楽しんでいますか？ いっときの盛り上がりは落ち着いてきてもう飽きたと言う方もいると思いますが、普段あまりゲームをしない私はなんとかレベル17まで上げて懲りずに頑張っています。 楽しむ中で、やはりデザイナーとしてはUIは気になるものです。 世界中で社会現象を起こすほどに素晴らしいアプリのUIはどうなのか、誠に勝手ながらポケモンGOアプリのUIデザインについて、「ポケモンGOのここがすごい！、ここが惜しい！」をそれぞれあげて、紐解いてみたいと思います。 ※この記事ではゲーム自体の体験については言及しないこととします。 ここがすごいよポケモンGOポケモンGOはすっきりおしゃれなゲームアプリ！一般的にゲームアプリというと、過度な装飾が施されたボタンがひしめき合い、グラデーションやドロップシャドウを多用しているため、ごちゃごちゃしている印象が

検索事業部のデザイナー倉光です。 今回は、開発現場でアイデア発散フェーズにやっていることの一例を紹介したいと思います。UIデザインの手法として比較的知名度は高く、デザイナー以外でも学びたいという要望も多い「ペーパープロトタイピング」についてです。 前提として プロトタイピングにはフェーズと目的に応じて 様々な手法がありますが、今回は「小規模チームでアイデアをぽんぽん出し、伝え合うためのプロトタイピング」の話です。ユーザーに実際に評価してもらうためのプロトタイプの作り方についてはこの記事では割愛させていただきます。 また非デザイナーの方は「いやいや、デザイナーじゃないと画面なんてうまく書けないよ…」と躊躇してしまうかもしれませんが、本記事では社内のディレクター/エンジニア/インターン生が書いた成果物も掲載していますので、そちらも参考になると思います。 目次 目次 1.ペーパープロトタイピング

インターネットでの買い物が当たり前になっている昨今、各ECサイトでは差別化を図るために様々な工夫が見られます。 今回は、そんな工夫が見られるECサイトをご紹介します。

Meta said today that it finally launched its much-awaited API for Threads so developers can build experiences around it. This will allow-third party developers to create new experinces around Mark…

最近よく考えることに、人間を強制的に幸福にするユーザーインターフェースは作れないか、という着想がある。100万ユーザー級のアプリのUI改善に何本か関わった結論として、単に使いやすいインターフェースや、KPIアゲアゲの設計とかに飽きた。 むしろ統計、認知心理学、脳科学、行動経済学などをフル活用して、デザインで強制的に幸せを生産できないだろうかと考える。 幸せは生産できるか？ アメリカの哲学者、ウィリアム・ジェームズの言葉に、「私達は幸せだから笑うのではない。笑うから幸せなのだ」というものがある。日本にも類似の表現として、「笑う門には福来る」という諺がある。 両者で注目したいのは、因果関係の方向だ。どちらも方向として、「笑う」→「幸福」という因果関係を説いている。「幸福」→「笑う」ではない。 実は最近の脳の研究によると、とりあえず口角を持ち上げれば、人間の脳はドーパミンを生産するのだという。脳

Prott User Meetup vol.11 Google Playベストアプリ特集 で話したことです。 補足などをここに書きました。 http://tech.pepabo.com/2016/02/05/talked-about-ui-design/Read less

英文の速読術には、スキミング・スキャニングと呼ばれる技法がある。 スキミングとは「ざっと一覧して、全体を把握する」こと。各章のタイトルや、パラグラフの一文目、最終のまとめなど、要所要所だけをかいつまんでいく読み方だ。 一方、スキャニングは「特定の部分を熟読する」こと。こちらは一転して、一単語ずつ精査していく読み方である。 まず最初に全体をざっと見て（スキミング）、自分に必要な内容があるかをチェックする。その後に、必要な部分だけを選別してじっと見て（スキャニング）いく。英文速読では、この２つの読み方をペアにして扱う。つまり速読術とは全文を素早く読むことではない。細部を無視して、要点だけを拾い上げていく技法なのである。 この英文速読術の技法、スキミングとスキャニングは、画面の情報設計の大きなヒントとなる。情報を効率良く読むテクニックが確立されているのなら、それをロジック化すればよい。ロジックを

この記事は UI Design Advent Calendar 2015 の12日目です。 はじめまして！ 京都のwebサービスの会社で働いている2年目UIデザイナーの百合と申します。 今日は会社で行っている「リモートでのデザインレビュー制度」について書きたいと思います！ わたしが担当するサービスではデザイナー3人体制で開発を行っています。先輩デザイナーにアートディレクターとして付いて頂き、成果物がサービスで統一感のあるものになるよう配慮しています。 わたしの会社では、開発拠点が京都と東京の二箇所あります。わたしは京都で勤務していて先輩デザイナーは東京オフィスで勤務しているので、基本的にはリモートで見ていただいています。 同じ場所であれば気軽にデザインの相談や質問等できるのですが、遠隔になるとどうしても難しい部分があります。 そこで先輩デザイナーが考えてくださったのが「デザインレビュー制度

X, formerly known as Twitter, is introducing two new tiers for its subscription offering in order to bring in additional revenue. The social media giant is adding a new Premium+ tier that costs $16 pe Welcome to Startups Weekly. Sign up here to get it in your inbox every Friday. For my column this week, I told the story of how an ex-colleague was impersonated by an AI-powered spambot and almost tr

Crew Blog：デザイン業界で、「Less is more」（少ないことは豊かなこと）ほど、繰り返されている言葉はないでしょう。これは、建築家ミース・ファン・デル・ローエ氏の言葉です。 （ディーター・ラムス氏は、これを文字って、「Less but better」（より少なく、しかしより良く）と言いました） これは理解できます。 どんな商品であれ、売れるかどうかは、ユーザーがその使い方をすぐに理解できるかどうかにかかっています。私たち人間の集中力は驚くほど気まぐれなので、複雑な商品をわざわざ使おうとする人は、ほとんどいないのです。 つまり、売れる商品を創ることとは、使いやすくて美しいデザインの中に、複雑性と機能性を詰め込むことを意味します。つまり、不可能を可能にすることと同義です。 このように、プロダクトデザインの世界では、シンプルさの競争が行われています。 複雑になってしまう理由（とそ

ウェブサイトやアプリケーション制作の現場で、非デザイナーが度々デザイナーからフィードバックをもらう内容をアバウトに4原則にまとめました。デザインは理論だそうで、以下に挙げるようなポイントさえ抑えれば非デザイナーでも「ハズさない」デザインをつくることができます(デザイナー談)。 追記[09/23/2015]：参考文献について 本記事は以下に掲載しております参考文献「ノンデザイナーズ・デザインブック(Robin Williams)」の前半部分における要所を引用して作成しています。デザイナーの方が非デザイナーにアドバイスする際に非常に有用な本らしく、私自身受けたフィードバックもこの本の内容に基づくものでした。予想していた数百倍の反響があり心底ビビっていますが、これをきっかけにデザインに興味をもち更に自分で勉強していくきっかけとなれれば本望です。わかりやすくデザインのポイントをまとめてくれた参考文

コードを書かずに、本物のようなアプリを再現できる 簡単３ステップで、動くプロトタイプをすぐに作成できます。Web・iOS・Androidはもちろん、カスタムサイズでもお作りいただけます。 プロトタイプ作成機能 ワイヤーフレーム機能

「日経電子版×Sansanアプリ開発プロジェクト成功への道〜アプリ開発者勉強会Vol.2」で発表したスライドです。 http://connpass.com/event/16187/

日経電子版のリニューアルで、コンセプトモデル設計とプロダクト監修をさせていただいた。 超大型アプリを完全リニューアルするとき、KPIを落とす事なく、どのように整合性やユーザー利便性を担保していくか。 「日経電子版×Sansanアプリ開発プロジェクト成功への道〜アプリ開発者勉強会Vol.2」より http://connpass.com/event/16187/

本コラムもこれで最終回となりました。そこで今回は、筆者がUIやUXについて学んできた中で、個人的に印象に残った書籍を紹介します。みなさんの今後の学びを広げていくための参考となれば幸いです。 学びを深めるための8冊の書籍 UIやUXを学ぶうえで、心理学的な考え方が重要になります。しかしエンジニアやデザイナからすれば、心理学は縁遠い分野だと思います。しかもUIで使われる心理学は、テレビで紹介されるような心理テストのようなものではなく、認知心理学や知覚心理学ですから、なかなかそういう本を手に取ろうとは思わないでしょうし、そもそも心理学という領域がどのようになっているかすらわからないと思います。 ここで紹介するのは「人は人工物や環境の前でどのような振る舞いをするのか」という、人の認知や行為についての書籍たちです。 デザインの生態学注1 アフォーダンス[2]を生んだJames Jerome Gibs