結論話題の記事「UIの色を変えただけで大量のクレームを頂戴してしまった話」を読みました。ユーザーを軽視した内容に驚愕したのですが、それよりも記事が批判されている原因を理解できていない様子の方が存在することに衝撃を受けました。 現職のデザイナーあるいはデザイナーを目指している方々にお伝えしたいことは以下の3点です。 具体的な不都合を訴える問い合わせは無益なクレームではなく有益なフィードバックです。プロダクトの価値向上につながる貴重な意見ですから無視するべきではありません。 時間の経過でユーザーがUIに慣れることはありません。問い合わせをしても無駄だと学習して離脱したパターンを疑いましょう。受け入れられる場合も含めて画面の変更はユーザーに負担を強いているのだと自覚してください。 色覚特性や色とコントラストについて学びましょう。色だけで情報を伝えるデザインはアンチパターンですから避けてください。

Nobi Hayashi 林信行 @nobi 質問は改めてコンテクストも加えた上で再投稿します。 ただ、ここまででただの私への罵詈雑言以外にもいくつか重要な意見あったので、その辺りはtogetterで（誰かに）まとめてもらいたい... 中心軸（＝問題ツイート）を削除すると引用ツイートとかは探しにくくなっちゃうのかな？ 2023-12-21 10:44:39 Nobi Hayashi 林信行 @nobi 【再投稿：やはりUI設計無視できず、追加しました】 日本の大企業（や官庁）が提供するソフト・サービスは使い勝手が悪く、品質も低いものが少なくない。 最も改善に力をいれるべきはどの問題か？ 1.能力： お金をかけてでも優秀なソフトウェアエンジニアを雇う 2.開発体制の問題： 開発体制を見直す。下請け・孫請けをやめる。しっかりと全体設計や使い勝手のことを考えるデザイナーを中心的役割として取り入れ

トヨタがジャパンモビリティショーにステアリングを出展する。「NEO Steer」と名付けられたそれはランクル250に搭載されていたが、なんと手だけでクルマのすべての運転操作を行えるという。しかもかっこいいのよ……。 文：ベストカーWeb編集部／写真：池之平昌信

イーロン・マスクは、X（旧ツイッター）のタイムラインに表示するものを減らし「よりクリーンな」見た目にするという新ビジョンを掲げている。そのためには、基本的な機能や使い勝手が犠牲になることもいとわない。ニュース記事の見出し削除に続き、今度は返信やリポスト（リツイート）、いいねのデータをタイムラインから削除する予定だ。 マスクは今週、記事へのリンクを含む投稿でこれまで表示していた記事の見出しと本文の一部を削除し、左端に小さくドメイン名のみを表示した画像だけを残すという仕様変更を行った。これはマスクがかねて宣言していたもので、見た目をすっきりさせることが目的とされる。またマスクの支持者たちは、これにより、紛らわしいタイトルなどでクリックを誘発する「クリックベイト」も減らせると主張している。 もちろん、実際にはその逆だ。この仕様変更により、実際の記事内容とはまったく異なるテキストをつけて、あたかも

シオザワヒロユキ @ShiozawaHiroyuk 週末に出すテスト問題その2 エレベーターの開閉ボタンはよく押し間違えられる。 言葉を使用せずに押し間違えを無くす方法を考えよ。 過程：三角形による方向指示機能を分析し、その条件と限界を考察したうえで答えを出すこと。 条件：ボタンサイズは変えないこととする。 pic.twitter.com/69atfKg8jp

書体讃歌 @typeface_anthem 写植（写真植字）の文字盤や紙資料をアーカイブしている医師です。停滞気味。廃棄予定の方はご一報頂けると幸いです◉写研・モリサワ・リョービ◉重複文字盤ご所望の方はDMか✉️まで◉当方で撮影・作成した掲載物を転載される場合は【引用元を併記】ください◉「奇才紳士名鑑」kemur.jp/isai230120 note.com/typeface_anthem 書体讃歌 @typeface_anthem 【告知】 本年も #紅白フォント合戦 の時間が近づいて参りました。一曲目歌詞の一文字目が出た瞬間から、全国1億2000万人の文字っ子が書体特定のRTA記録を争う一大イベントです。毎年ミリ秒単位での大接戦となります。怖。 今年の勝利の女神🏆は誰に微笑むのか！？本日19:20から奮ってご参加ください。 pic.twitter.com/fMkphHjdlb

リンク レイルラボ(RailLab) JR東、みどりの窓口7割廃止 「話せる指定席券売機」導入拡大 | RailLab ニュース [配信：2021/05/11 15:41]JR東日本は2021年5月11日(火)、2025年までに管内のみどりの窓口を現在の7割程度まで削減すると発表しました。また... 388

私が一番最初にAndroid アプリをデザインしたのが2016年の初夏頃で、その頃はまだiOS・Android とデザインが違うのが主流でしたが、2021年現在のアプリはiOS もAndroid もプラットフォームごとの細かな違いはあれどほぼ同じデザインが主流となっています。 これは2016年の10月にAndroid APIがBottomNavigationView に対応してからじわじわ浸透していった変化だと考えているのですが、その辺の歴史の話は省略します。プラットフォームは違えどスマートフォンアプリである以上デザインは同じ方が楽なので、共通化されていったのは自然な流れだと思います。実際両者が全然違うUI・デザインだと大変ですしね……。 とはいえ、プラットフォームが違うので全て同じというわけにもいきません。iOS にはHuman Interface Guidelines、Android

デザインを行う際には、感覚ではなく複数のロジックを活用することで、より精度の高いプロダクトを創り出すことができる。 そのプロダクトを人間が利用する場合、ユーザーの視覚や行動心理学などをしっかりと理解し、活用すればデザイナーとしての能力が一段と高まるはず。 今回紹介するのは、複数あるデザインにおける法則のうち、ビートラックスのデザインチームでも頻繁に利用される代表的な10の法則。プロのデザイナーなら、これは押さえておきたい。 デザイナーなら知っておきたいデザインに関する基本の10法則ヤコブの法則ヒックの法則80/20の法則パーキンソンの法則フィッツの法則ミラーの法則テスラーの法則FBMモデルドハティのしきい値3対1の法則ヤコブの法則ユーザービリティーの父であるヤコブ・ニールセンが提唱する法則。一般的なユーザーは、アプリやプロダクト、Webサイトなどに、既存のものと同じような動作体験を望む。

最近のスタートアップにおけるロゴトレンドでは、そのスタイルに多くの類似性があることがわかった。その中でも、特にスマホ向けのアプリの影響でアイコンの存在がそのブランドを強く印象づける役割を果たしている。 【トレンド分析】最近のロゴデザインが似通ってきている問題 – 第2弾 多くのアイコンがどんどんカラフルに限られたスペースに複数のアイコンが並ぶスマホのホーム画面で存在感を出すためなのか、最近のアイコンはどんどんカラフルになってきている。これは、画面の解像度が上がってきている恩恵でもあるが、どんどん没個性にもつながっている。 カラフルアイコンの代表的なのがインスタグラム。インスタは2016年にそれまでのカメラ風のアイコンから、思い切ってカラフルなグラデーションを取り入れたアイコンにリデザインを行った。 Googleサービスの見分けをつけるのが難易度高めカラフルなカラースキームの代表といえばGo

先週リリースされたばかり、iPhoneやiPadに採用されているiOS 14のデザイン用のテンプレートやUI要素が揃ったAdobe XD用の素材を紹介します。 素材はAdobe XD用だけでなく、Photoshop用やSketch用も揃っており、9月に新しくなったSF Symbols 2もダウンロードできます。 Apple Design Resources UIデザイン素材は、ページのちょい下からダウンロードできます。 iOS 14のAdobe XD用の素材は先週リリースされたばかりで、Photoshop用とSketch用、そしてiOS 13もダウンロードできます。

黒い画面に“コマンド”を入力して操作を実行する「コマンドプロンプト」。慣れていないと少しとっつきにくいその画面を、LINEっぽくすることで親しみやすくした「チャット風コマンドプロンプト」を実際に作ってみた人が現れ話題になっています。 プログラマーでITエンジニアのkenji（@kenjinote）さんが開発し、GitHubでソースコードなどを公開しています。 チャットでメッセージのやり取りをしているような見た目で、こちらがコマンド（命令文）を入力すると、返信のような形で内容が表示・出力されます。入出力がはっきり分かれていて見やすく、“相手側”がアイコン付きなのが、なんだかホッとします。なにより全体的にかわいらしい。 チャット風コマンドプロンプト（画像提供：@kenjinoteさん） 通常のWindowsのコマンドプロンプト このアイデアは、Web制作企業ビックリマークの代表取締役でエンジニ

菅義偉首相が、行政手続きでの押印の原則廃止を進めている。デジタル化を進める上で重要なのは、情報の表示の仕方や必要な情報を探す操作方法といった「ユーザーインタフェース」の改善だ。 菅義偉（すがよしひで）首相が、行政手続きでの押印の原則廃止を進めている。はんこは、署名の手間を省く便利な道具として普及した。押印をデジタル化できるかも、人々が使いやすさを感じられるかにかかっている。新型コロナウイルス対策の給付金支払いを巡る混乱で露呈したのは、デジタル化の遅れだけではない。単にサービスをオンラインで提供するだけではなく、情報の表示の仕方や必要な情報を探す操作方法といった「ユーザーインタフェース（UI）」を重視した利用者目線が不可欠だ。 「（求められているのは）まずUIを徹底的によくしろということだ」。平井卓也デジタル改革担当相は就任翌日の会見で、新設するデジタル庁の方針について聞かれ、こう強調した。

自分はWebサービスの表側を作るお仕事に就いていますが、日本人ってサービス系の開発に向いてないよなーと強く思います。 特にWebサービスやアプリについては、まじで向いてない種族だと思います。 一番アカンなーと思うのが、リリース後の開発において機能追加は精力的に行う一方、機能削減はぜーんぜんやらないんですよね。 Webサービスって、リリース直後の段階である程度しっかりとしたUIで組まれていて、機能追加のことは基本的には考慮されていないケースが多い印象があります。 そのせいか、機能が追加されればされるほどいびつなUIとなっていって、最初は見やすかったのに、どんどん見づらくなっていくという…。 そうなってくると途中で全面リニューアルを行わざるを得ないことになるんですが、その頃には元のコードはぐっちゃぐちゃになっているわ元いたエンジニアはやめてるわてんやわんやで、もうどーしようもない状態になってい

Adobe製品を使わない"デザイナー"？「ビジュアルコーダー」が考える、自己満足で終わらないWebデザインとは

イージングなしとあり 画像ではイージングがわかりやすいようにグラフを入れてあります。 横が時間、縦がスケール、点がキーが打たれていることを表しています。 UIごとのイージング UI素材ごとにどのような緩急の付け方が良いのか迷うかと思います。 ダイアログアニメーション以外に、画面遷移時のUIの動きやクエスト開始演出など様々なアニメーションを入れるたびにどのイージングが正解なのか、それについては正解はありません。 ゲームの色味やデザイン、世界観を知らずにアニメーションは付けられません。 また、UIがどこまで世界観を踏襲するのかで、システムのような動きにするのか、世界観に合わせた動きにするのかも変わってきます。 こういった部分は関係部署にコミュニケーションをとってどんなゲームを作りたいのかを把握し、イージングはどうするのかを考えていきます。 そして、予備動作やオーバーシュートが必要なのか不要なの

2014年に新卒でヤフーに入社。それ以降、アプリに携わり続けているのがデザイナーの細見沙央梨さんだ。膨大な数のユーザーを抱える「Yahoo! JAPANアプリ 」だからこそ、UI/UX設計で心がけていることとは。細見さんが社内のみならず、社外での活動も積極的に行う理由とは。若手デザイナーとして存在感を放つ細見さんに、話を聞いた。 3つを満たせる真ん中を狙う アプリ開発でデザイナーが担うべき役割とは 2014年に新卒でヤフーに入社した細見さんが最初に携わったのは、Android向けのランチャーアプリ。AndroidはiOSと異なり、ホーム画面や壁紙を着せ替えることができ、そのデザインを担っていた。3年めからは、現職でもあるYahoo! JAPANアプリで、UI/UX面を担当している。これらの経歴からもわかるように、入社以降、一貫してアプリのUI/UX設計に従事してきた細見さんに、アプリ開発に