ローソンは2020年春、プライベートブランド商品のロゴ・パッケージを刷新した。これまでの「ローソンセレクト」を「L basic(エル ベーシック)」「L marche(エル マルシェ)」の2つのブランドに一新したという。手掛けたのは国内外で幅広いクリエイティブを行うデザインオフィスnendoだ。 確かにデザインは美しい。しかし店頭に並んだ商品を見ると、統一感はあるが何の商品だかわかりづらい。Twitterでも「前のデザインの方がわかりやすかった」という消費者の声が目立つ。 筆者の和久井は、ライターと並行して合同会社ブラインドライターズという、視覚障害者を中心とした会社を運営している。スタッフには、中心視野が欠けていて焦点が合わない人、全体的にぼやけて見える人、トイレットペーパーの芯から物を覗いているように見える視野の狭い人など、さまざまな視覚の状態の人がいる。彼らにも見てもらったが、「非常
ウェブデザインやグラフィックデザインにおいて色の選択は非常に重要かつ難しい作業ですが、デザイナーでなくともグラフを作る際などに色の選択をする必要に迫られることがあります。データを分かりやすく可視化するためには、どのような色の組みあわせを選択すべきなのか、プロでなくともプロのようなグラフを作れるようになるポイントを、ビジュアルコミュニケーションを専門とするLisa Charlotte Rostさんがまとめています。 How to pick more beautiful colors for your data visualizations | Chartable https://blog.datawrapper.de/beautifulcolors/ ◆色相をあれこれピックアップしすぎない カラーホイール上の色を大別すると、赤・オレンジ・黄・緑・青・紫の6つの色相となりますが、データを可視化
DevToysとは デベロッパーのためのスイスアーミーナイフの紹介文の通り。 開発時によく使うツールを十徳ナイフのようにまとめたアプリになっています。 JSONの整形とかエンコードデコードetc... プログラミングや保守運用の調査でやりがちな作業をいちいち変換サイトを探したり、エディター拡張機能のショートカットを探したりせずとも、これ一つですぐにできます！ インストール Microsoft Storeからインストールできます。 公式サイトからストアへのリンクを踏むか、ストア検索して見つけてください。 WinGetやChocolateyでもインストール可能です。 Microsoft StoreアプリなのでWindowsでしか使えませんが、Macユーザーの方は気を落とさずにこちらの記事をどうぞ！ また、作者曰くMacにはDevBoxやDevUtilsなどの類似ツールが既にあるため非対応だそう
インタフェースデザインのお約束
デジタル製品のデザインに役立つ101の指針。製品のユーザビリティや性能を高める上で必須かつ基本のツボ、マスターすれば時間を節約し顧客満足度をアップできるテクニックが101のコンパクトなルールにまとめられています。メッセージが明確で説明もわかりやすいので短時間で気軽に読むことができます。101のルールは、タイポグラフィ、コントロール、カスタマージャーニー、各種要素の統一、UX全般に関わるプラクティスに分類されているのでリファレンス的に読むことも可能です。「よくある落とし穴」を巧みに回避し、自信をもってユーザーのために闘い、すばらしいユーザーエクスペリエンスを提供するプロへと成長させてくれる一冊です。 ●翻訳者による「日本語版のサポートページ」。 ●日本語版独自の8つの追加ルールが収録された「訳者あとがき」のPDF（6MB）。 というわけで、この長すぎる「訳者あとがき」では、原著者があげなかっ
お金はないけどUIはキレイにしたい！ “インディーズゲームにおけるUI制作”のノウハウが語られたセッションをレポート
お金はないけどUIはキレイにしたい！ “インディーズゲームにおけるUI制作”のノウハウが語られたセッションをレポート ライター：高橋祐介 2021年8月21日にインディーズゲーム開発者向けのオンラインカンファレンス「Indie Developers Conference 2021」が開催された。その中で，インディーズゲームのUIにフォーカスしたセッション「プログラマしかいない お金もない それでもUIを綺麗にする！」が行われた。 登壇したのは，東方Projectのファンゲーム「幻想郷ディフェンダーズ」「幻想戦略譚」などを制作した開発グループ，Neetpiaに所属する少佐氏。氏は両作品のプログラマでありながら，同時にユーザーインタフェース（UI）のデザインも手掛けているという。 少佐氏は大前提として「UIはデザイナーが専任すべき」仕事と前置きしたうえで，「実際の現場ではそこまで人手がなく，グ
ゲーム内の色違いアイコンについて
よくあることなんだけど、同じマークなのに効果が違うのなんでだろうって思ってたら、実は色違いでしたってことがよくある。 理由は自分が色弱だからなんだけど、影響が小さいものだとゲームの終盤まで、下手したら終わっても気づいてないものっていうのが多くあるんだろうなって思う。 パズルゲームみたく色の見分けがつかないとそもそも満足にプレイできないゲームとかならさっさと諦めるからいいんだけど、アクションゲームとかRPGとかだとそれに気が付かなくてもなんとかなってしまうことが多くて、勝手に苦労しておいてからあとになってそんな簡単なことだったのか！って気づくことはよくある。 ゲームだからいいけど、世の中でも色に頼ればもっと近道できることがあったんだろうなって思うと、色々と心がざわつく。 デザインコストがかさんでしまうかもしれないけど、やっぱり形状を変えてほしい。 それが無理なら、せめてモノクロに変えたときに
「青い救急車」開発 色覚障害でも見やすく
救急車や消防車の開発を手がけるベルリング（東京）は、色覚障害がある人でも見やすいように青を基調とした救急車を開発し、７日、東京都内で報道陣に公開した。 白地に赤いラインが入った従来の救急車は、赤が見えにくい人には通常のワゴン車と見分けが難しい。見慣れない配色で目立たせ、道を譲ってもらいやすくする狙いもある。ただ、救急車の車体は法令で白と決まっており、まずは啓発イベントでの活用や、緊急性の低い患者移送を担う民間救急での導入を目指す。 車体は現代アーティストの山口歴さんが、空や海をイメージしてデザイン。青をベースに白や水色の模様を描いている。 総務省消防庁によると、救急車が通報を受けてから現場到着までの平均時間は９・４分で、２０年前より３分以上延びた。一般の車の防音性能が向上してサイレンが聞こえにくくなったのが一因とされ、同社は目立ちやすい車両の開発を進めていた。
実案件から学んだ、本当に役立つUIデザインの法則50 ユーザビリティチェックリスト総集編｜i3DESIGN Designers
「ユーザビリティチェックリスト」ということで、UIデザインの「あるある」を取り上げ、改善案とセットでまとめています。 今回は、10のヒューリスティクスをもとに分類してみました。10のヒューリスティクスについては、以前記事にまとめています。 具体的な事例を一緒に取り上げ、よりわかりやすく解説していますので、こちらもあわせてご覧ください。 また弊社ホームページにて、ユーザビリティチェックリストをダウンロードいただけます。こちらも合わせてご活用ください。 1. システムステータスの可視化（Visibility of system status）1-1. 入力項目が多いときはステップを分けるフォームの入力項目が多い場合は、項目をグルーピングして画面を分割しましょう。 フォームが長すぎると、ユーザーは入力を途中で辞めてページから離脱してしまうかもしれません。 その上で、ステッパーを設置して現在の進捗
「街がこんなにカラフルだとは知らなかった」重度の色覚障害だと思っていたら、光過敏（羞明）だった！遮光眼鏡で劇的改善した話【東海光学のレンズ紹介情報付き】
４年前にお話を伺ったときは打つ手なし、だったのですが、この展開は感動しました。東海光学さんありがとう。ツイッタランドありがとう！ ※正確には光過敏症ではなく、羞明（しゅうめい）と言うそうです。（ふみきちさんが「光過敏症」と表記されたのは、発達障害の特性として感覚過敏があり、当事者がそれぞれの過敏な感覚の名前を頭につけて「私には聴覚過敏があって…」とか「光過敏なので眩しくて辛い」などと日常的に使用しているためです）
世界保健機関(WHO)が「ゲーム障害(ゲーム依存症)」を疾病として正式に認定するなど、テレビゲームはなにかと悪者にされがちな一方で、ゲームをよく遊ぶ人は意志決定能力や運動能力が高いことが過去の研究で判明しています。さらに、ゲーマーの認知機能に注目した新しい研究では、アクションゲームを頻繁にプレイする人は複雑な情報処理能力が高い傾向があることが突き止められました。 Comparing the cognitive performance of action video game players and age‐matched controls following a cognitively fatiguing task: A stage 2 registered report - Campbell - British Journal of Psychology - Wiley Online L
「論文を書くことは技術である。技術を習得するのに才能は要らない。理にかなったことを地道にトレーニングすれば、技術は確実に向上する」*参考『論文の書き方』石黒圭 私はこのことを学生の時に教わりました。 そして今日まで書いてきた論文のいくつかは、幸いにして少なくない数の人々に読んでもらうことができました。 この記事では、私が論文を書く技術を習得する上で役に立ったウェブサイト・文献を11個紹介します。 これから初めて英語で論文を書こうとする人に、特におすすめのものを選びました。 以下では、それらを目的別の項目（論文の書き方、英語の使い方、図表の作り方など）にグループ分けして紹介します。 論文の書き方 1. 理科系の作文技術 (中公新書 (624)) 木下是雄 定番の一冊。 科学論文を書くために必要な基礎知識が網羅されています。 立案の仕方 文章の組み立て方（序論・本論・結び） パラグラフの作り方
ウェブサイトやアプリケーションにおいて配色の持つ役割は大きく、その設計は使いやすさに強く影響を及ぼします。今回は基本的ではあるけれど覚えておくと役立つ、配色にまつわる9つのトピックについて解説します。 なお、本記事では、配色が与える情緒的な印象の話は出てきません。印象論的な配色理論は、数多く存在する他の書籍や記事に譲るとして、主にユーザビリティやアクセシビリティ、ビジネス上の課題解決に繋がる、基本的なポイントに絞って解説していきます。 1. メインカラーに赤を安易に採用しない 色を知覚する視細胞の中で、赤錐体（赤に反応する視細胞）は緑や青のものより数が多いという研究結果があります。 人間の目は赤に対して敏感であるという現象は、いくつかの学術的な裏付けにより証明されている事実と言えるでしょう。 色覚のしくみ – 多様な色覚に対応したデザインと社会の改善 特定非営利活動法人カラーユニバーサルデ
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ローソンPB新パッケージの「わかりにくすぎる」という問題 ユニバーサルデザインの専門家に訊く - wezzy｜ウェジー
グラフを作ってデータを可視化する時に「見やすい色」を選ぶコツまとめ
エンジニアのための十徳ナイフ「DevToys」が便利すぎる - Qiita
よくアクションゲームをプレイする人は「注意力」と「認知力」が高いことが判明、ゲームでエリートが養成される時代が到来する可能性
論文を書くときに役立つサイト・文献まとめ - いつか博士になる人へ
ウェブサイトの配色で気を付けたい9つのこと | knowledge / baigie