「ロービジョン」をご存知ですか？視覚障害という言葉を聞くと、多く人は、全く見えない「全盲」という状態を連想するかと思います。しかし実際には、視覚障害とされる方の中には、わずかながら見えるという方もいます。 わずかでも視力があるなら、眼鏡やコンタクトレンズで視力の矯正をすれば良いと思うかもしれません。しかし、矯正しても十分な視力が得られない人もいます。また、視野が狭い、視野の一部が欠けているなど、別の要因で見えにくい人もいます。 このように、矯正をしても見えにくい状態を「弱視」あるいは「ロービジョン」と言います。実は、視覚障害とされる方の6割が「ロービジョン」だと言われており、割合としては全盲の方よりも多いのです。 では、ロービジョンの方はどのようにしてWebを利用するのでしょうか？ この問いの答えは、一言で言うと「人によって異なる」です。先に述べたように、ロービジョンといっても見え方はさま

株式会社ニジボックス　UI/UX制作室 UXグループ　マネジャー 2016年リクルートの実証実験機関「Media Technology Lab.（現次世代事業開発室）」から分社化されて生まれた、ニジボックスにジョイン。 ニジボックスでUXデザイナーをしている中井と言います。 去る９月に行われたUX MILK Fest 2019で「職域から考えるUXデザイナーという職業」というタイトルで、定義があいまいになりがちな「UXデザイナー」という職業についてお話しさせて頂きましたので、今回はその内容を記事としてまとめさせていただきます。 曖昧になりがちなUXデザイナーという職業 UXデザイナーという職業について「なんでもできる人」「スーパープレイヤー」と考える人がいます。一方で、なかなかそういう人を見つけるのは難しく、仮にそう定義すると、UXデザイナーを名乗れる人がかなり限られてしまいますし、現実的

先週、電通さんのスタートアップのアクセラレーションと、W venturesさんの投資先メンタリングをやりました。その両方で話したことの補足。 GAFAの作法に無駄に逆らってはいけないよ。GAFA級の複数企業が同じ施策・設計をしていたら、よほどのファクトがない限りは従うのがオススメ。 GAFAってのは、Google, Apple, Facebook, Amazonのことですね。 ここ数年、スタートアップ支援のお手伝いをすることが増えてます。去年は単発の相談も含めると50社ちかくで、サービス設計やグロースのメンタリングをしました。 で、ちょいちょい思うんですが… みんなオリジナリティのあるサービス設計をしすぎ！しかも、必要ないところで！ みなさん、すごい真剣にサービスを作ってるのはわかります。でも、頑張らなくてよいところで、頑張りすぎてる。決済ボタンの位置とか、リンクの色とか、ログインフローと

ログイン読み込んでいます…

WebページやスマホアプリのUIをデザインした時に、数値上は均整がとれているのに、人の目の錯覚で違和感を感じることがあります。ちゃんと揃えて配置したのに、同じサイズなのに、同じ色なのに、なんだか違和感があることはありませんか？ この目の錯覚による違和感を取り除くUIデザインのテクニックを紹介します。 Visually distorted - when symmetrical UI looks all wrong by Gil Bouhnick 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 01. ボタンと同じ色だとテキストは明るく見える 02. 同じフォントでも小さいサイズだと細く見える 03. 背景画像の上のテキストは読みにくい 04. 行間が間違っているテキスト 形の扱い方 05. 整列されたのに揃っているように見えない

UX MILKの山本です。10/25（水）に株式会社ワンパクさんにて、「Ethical UX Meetup」というイベントを開催しました。 いつものUX MILKのイベントとは少し毛色の違うイベントでしたので、改めて開催の経緯や実際当日はどのように開催したかについて、ご紹介したいと思います。 開催の経緯 昨今、デジタルなサービスやプロダクトが世に溢れ、その社会的影響が語られる場面も増えてきました。サービスの倫理、道徳的側面。持続可能性、環境への影響。プライバシーやセキュリティ、人権の問題などさまざまな問題が語られています。これらの責任は誰が取るべきなのでしょうか？ イベント名にも入っている「Ethical（エシカル）」は、英語で「倫理的」「道徳的」という意味を示し、近年では環境保全の文脈で使われることも多い言葉ですが、広く「社会的な影響を考える」というニュアンスでも使われる言葉です。 UX

去る9月14日に開催したUX MILK Fest 2019で行われた各セッションの登壇資料のまとめをお送りします。登壇に用いられたスライドもさることながら、スピーカー本人による補足ブログなどもありますので、当日来れなかった方もぜひ読んでみてください。

こんにちは、くだくらげです。最近ははじめてのUIデザインという本を共著で書きました。 おかげさまでたくさんの人に読んでいただいて、コメントをもらえたりして嬉しいです。ありがとうございます！ PEAKSさんから出版しており購入できますので、よろしければ手にとってみていただけると嬉しいです。 peaks.cc 概要 WWDC 2019で新しく発表されたiOS13でOSレベルでのDarkMode設定が搭載されることになりました。MacOSの方は以前より追加されていましたが、iOSではなかったので個別のアプリが各々対応していました。 今回、iOSにもDarkMode設定が標準搭載されたことによって、iOSアプリのダークモード対応が必然的に迫られることになって来るのではないかと思っています。 ダークモードを好んで使う人は一定数存在していて、かく言う私もダークモードを好んで使っています。目に優しいだっ

PaulはUXデザイナーであり、サービスデザインのコンサルタント。UNICEFなどの非営利団体や企業に対して、ユーザーのデジタル体験を向上させるためのコンサルティングを行っています。 私がUXの専門家から聞いた一番の不満は、「同僚や顧客、マネージャーが改善の障害になっている」ということだ。しかし、それはなぜでしょう。そして私たちはそれに対して何ができるのでしょうか。 以前から気になっていたことでシェアしたかった内容です。これが学びのあるブログ記事というより愚痴に近い内容であることは十分に理解していますが、これは私のブログ記事ですし、好きに書かせていただきます。 私は、UX分野の仲間たちが、同僚や顧客、経営者について不平を言うのを聞くのにうんざりしています。公平を期すために言っておくと、他のデジタル専門家も同じことをしていると聞いていますが、このあとすぐ触れるように、UXの専門家ならもっと良

この記事では、Webデザインやグラフィックデザインの制作が捗る、便利な最新オンラインツールをまとめています。 これらのツールやサービスを利用すれば、デザイン制作で面倒な作業も手軽に、短時間で行うことができ、より効果的にプロジェクトを進めることができます。制作ワークフローに取り入れてみてはいかがでしょう。 ここでは、カテゴリー別に分けて新しいオンラインツールをまとめています。 コンテンツ目次 1. デザインツール 2. モックアップツール 3. デザインからコードへの変換ツール 4. プロトタイプツール 5. アイコン素材パック 6. コラボレーション、共同作業ツール 7. 面白ツール 8. デザインコレクション ウェブデザイン制作を爆速に！便利な最新オンラインツールまとめ デザインツール SVG Colorizer 用意されたアイコンやキャラクターなどのSVG素材の配色をカスタマイズできる

前回の投稿でAppleのFluid Interfacesについての論考しましたが、Fluid Interfacesが生まれた一つの背景として、ディスプレイの巨大化があります。 本稿では大画面化するディスプレイへのUIデザインの対応について、現在どの様な流れになっているのか、個人的に観測している中で考察している事をご紹介したいと思います。 巨大化し続けるディスプレイサイズ2007年に初めてiPhoneが世に出てから、現在の最新のモデルiPhone XS Maxまでのディスプレイサイズの変遷をまとめたのが下の図です。 初代iPhoneとXS Maxを比較すると、物理的なディスプレイ面積は約2.7倍大きくなり、ディスプレイの縦横比は約1.4倍縦長になっています。 iPhone Xから22%縦長化特に著しく変化したのが、iPhone Xが登場した事によってそれまで1.77だった縦横比が2.16まで

どうも、イケダです。最近よくTwitterで知り合った若いデザイナーにお会いしているのですが、どなたにも決まって聞かれることがあります。 「G●●dpatchってぶっちゃけどうなんですか?」 知りません、なんで僕に聞くんだw 2015年に「Dear G●●dpatch」という内容のサイトを作って持っていったところ、「あー、またこれね...」と土屋さんに非常に悲しいリアクションをされてしまったので別の方法で気を引くことをオススメします。 というわけで今日は先日勝手にリデザインしたPolipoliのデザインを使って、UIデザインを行う時に僕が普段どのように色を選択しているのかをとても正直に書いていこうと思います。僕がこれから記す方法に則って色を選べば、誰でもナウでヤングなアプリを作ることができます。 はじめるよ レイアウトに関してはイニシエよりご先祖様がお築きになられたルールに則って並べればオ

イマドキのUIデザインには欠かせない! マイクロインタラクションを作るための ズルいAdobe CC活用テクニック （Adobe MAX JAPAN 2018発表資料） ウェブやアプリで、マイクロインタラクションの需要が高まっています。ボタンタップ時やページ遷移時に、小気味よい演出を加えるのが粋というもの。UIにインタラクションとして動きを加えることで、操作方法を理解するヒントを与えられます。 2018年11月20日（火）に開催されたAdobe MAX JAPAN 2018（場所：パシフィコ横浜）にて、「マイクロインタラクションを作るためのズルいCC活用テクニック」と題して登壇してきました。本記事では、スライド資料をフォローアップとして共有します。 アーカイブビデオ 公式サイトにてアーカイブビデオも公開されています。50分の内容ですが、スライド資料から読み取れないことも解説してますので、公

スマートフォンの使い方が、脳に影響を与えることがあります。ある調査によると、毎日スマートフォンを使う人は、脳の体性感覚皮質が大きいことがわかりました。体性感覚皮質は、親指のコントロールをつかさどる部位です。 また、ほかの調査では、ほとんどのユーザーがスマートフォンを片手で操作していることが明らかになりました。スマートフォンを握っているとき、ユーザーは左右どちらかの親指で画面を操作しているのです。親指はユーザーにとってマウスのようなものですが、その動きには限界もあります。 親指はマウスの代わり デスクトップデバイスでは、ユーザーは画面の操作にマウスを使用します。ナビゲーションメニューまでマウスを動かすことは簡単です。なぜなら、マウスは手首の動きを制限しないからです。 しかし、ユーザーがスマートフォンを握っているとき、親指は限られた範囲でしか動けません。画面に親指が届かない領域があるのです。こ

任天堂の「みまもりSwitch」は、こどものニンテンドースイッチでのプレイ状況がスマホで見守れるアプリ。何時間遊んでいる？ どんなゲームをやっている？ そんな親が抱く心配を解消する。「監視」ではなく「みまもり」に。任天堂がこだわったのは”親子の関係性”だ。 [目次] ・安心して、こどもに渡せるゲーム機であるために ・親子の関係性をデザインする ・こどもとの会話のきっかけを生むための3つの工夫 ［1］一瞬で把握できるように ［2］「良い・悪い」を押し付けない ［3］アラームと中断モード ・大切なユーザー体験は、アプリの外にある ・迷ったら、より「嫉妬」を感じる方へ ※ 2018年4月に開催された「UI Crunch #13 娯楽のUI - by Nintendo -」のレポート記事としてお届けします。 ※全3回にわたって『娯楽のUI - by Nintendo -』公式レポートをお届けしてい