貿易管理 SaaS を提供している Shippio でプロダクトデザインを担当している toofu です。 最近、機能開発・改善をするときに「なるべく UI つくりたくないなあ」と思うことがよくあるので、その考えを事例とともに共有させてください。 メインオブジェクトの作成機能を設計しました先日、Shippio のメインオブジェクトである「シップメント（貿易案件的なもの）」の作成機能をリリースしました。 メインオブジェクトの作成機能がなかったの…？と思われるかもしれませんが、Shippio にはシップメントを画面上で作成する機能がなく、外部データをインポートすることしかできませんでした。 「プロパティが多い貿易案件をすべて手入力していくよりも、ユーザーが普段の業務で管理している Excel 上の貿易データをそのままインポートしてもらうほうが、より業務効率化に近づくはず」というプロダクト開発初
参考：色を用いた表現に関する注意点 グレースケール表示にした際の見え方を確認する場合、基本的にはOSが提供する表示切り替え機能を用います。以下に各OSごとの表示切り替え機能の利用方法を示します。 Windows 10、Windows 11 「設定」画面を開き、「アクセシビリティ」（Windows 10では「簡単操作」）をクリック（Win + U）。 「カラーフィルター」をクリック。 ウィンドウの右側にある「カラーフィルター」のスイッチをオンにして、その下にあるドロップダウンをクリックして関連オプションを表示。 「グレースケール」を選択。 頻繁に利用する場合は、同じ画面で「カラーフィルターのキーボードショートカット」を有効にすると便利でしょう。この設定を有効にすると、Win + Ctrl + Cキーの押下でいつでもカラーフィルターのオン・オフを切り替えることができるようになります。 参考：W
結論から言うと「スマホ、パソコンの画面をモノクロにすることで脳の疲労が減って集中力が回復した」という話。 画面をモノクロにするだけで、そんなことあるのか疑問に思うかもしれないけど、実際やってみたらめっちゃ効果があった。怪しい話過ぎてこの記事を公表しようか正直迷った。 理由をざっくり説明すると、スマホやパソコンでSNSや動画サイトの発色の良い画面を見すぎるとドーパミンという快楽物質が出まくる。そして脳疲労という状態になってメンタルが終わる。結果、疲れが取れなかったり集中力が落ちたりやる気が出なくなったりする。 そこで画面をモノクロ表示にすると視覚的な刺激が減って、脳疲労が改善されるというもの。自分の場合は脳疲労の症状が改善したのと、スマホを触る回数がかなり減って、時間を有意義に使えるようになった。 細かい説明と個人的な分析は記事の下の方に書いておく。 スマホ、パソコンを使いすぎなければいい話
ナカバヤシ 電動シュレッダー ホワイト→ https://amzn.to/3DYl8DD ナカバヤシ 電動シュレッダー ブラック→ https://amzn.to/3PBHHAs Twitter → https://twitter.com/sun_huji Misskey → https://misskey.io/@sun_huji 【使用機材】 カメラ SONY ZV-1 https://amzn.to/3uI8a6m マイク ECM-PC60 https://amzn.to/3KNf7rc 三脚 SLIK スタンドポッドGX-N https://amzn.to/3LqcOvo 照明 Neewer ライトスタンド照明キット https://amzn.to/3HDcvLz アマゾンリンクはアフィリエイトリンクを使用しています。
ふうらいぼう @kumahanaya これ、平均的IQに達してない界隈だと画面見た瞬間に思考が凍るんだそうですね。 いわゆるボーダーの人から聞いた話で印象深かったのは、画面のボタンは2つまでってやつ。それ以上は脳がパニクるそうな。 x.com/JNR_Series211/… 2025-01-27 08:57:26 ふうらいぼう @kumahanaya マジな話として、最初の画面は『指定席を取る』『自由席を取る』に絞らないとダメらしい。で、その次に『いつ乗りますか？』を聞き、その次に『何時ですか？』と進み～を繰り返し、一つ一つ質問対話型で進めないどダメなんだとか。 ソースは忘れたけど、これをサクサク使えるのはIQ95以上だそうな 2025-01-27 09:00:21
haru 🌸2029？🇺🇸 @harupo1215 @yuchrszk 押しボタンで早くなるって認識無かった 『みなさーん運転弱者の歩行者がww今から徒歩でwww渡りまーすwww』ってバカデカボイスで車とご近所にお知らせしてくれる装置と思って恥を忍んで毎回押してる。(ただし車が聞いてるとは限らない) 早くなるなら尚更気を遣って押しにくくなるじゃん… 2025-01-27 01:12:48 彩筆ひかり @ink_trick @yuchrszk エレベーターに乗る人のために内側から「開」ボタンを押したつもりが 「閉」ボタンを押してしまい 即座に扉が閉まって人を挟みそうになったんですけど 別に私がボタンを押さなくても、本来そのタイミングで扉は閉まってたんですね よかった よくはないか…… 2025-01-27 06:19:34 電磁エンド🇨🇴 @Enddenji @yuchrszk @
「デザインの敗北」に関連する61件の画像・動画・ツイートやニュースのまとめをお届けします。デザインの敗北に関連した人気のツイートまとめは「高齢者がプリウスでドライブとバックを間違えてしまう原因は「シフト」にあるのではという指摘が新しいと話題に」です。
!DESIGN @i_______DESIGN 黄色い線に注意していると小さな「！」が見つかる、エスカレーターデザイン。 銀杏のエスカレーター | Design Studio GOES | 541r pic.x.com/6eOs7ZM6EE 2024-12-27 21:00:00 !DESIGN @i_______DESIGN 「！」と感じたプロダクト・アートデザインを中心に紹介します。 毎日12時・17時・21時に配信中。 ▷Instagram：x.gd/EHGJj ▷お問合せ：DM or ✉️i.desiiign.i@gmail.comまでお願いします。 idesign.localinfo.jp 【補足】 こちらの「エスカレーターに描かれた銀杏」はCGによるもので、いわゆる「デザイン・シンキング」の一例のようです。 また、「黄色い線」は基本的に「安全に立つべき位置」を示したもので、踏み
鴻吉（こうきち）Ｊｒ． @ken73ok @_hp23 下段が「見下ろす感じ」になっている辺り芸が細かくてgood！ しかも、オープンやリーチインの冷凍庫より省エネっぽいし、結構詰め込んである様なので停電時にも何とか溶けずに耐えられそう。 2024-11-12 19:21:55
2023年7月末頃、TwitterアプリがXアプリとしてアップデートされ、背景が黒色になるダークモードが標準で選択されるようになりました。その影響により、ユーザーからは「勝手にダークモードになった」「背景を白色に戻す方法はあるの？」といった声が増えています。 追記：2024年5月17日頃から、Xアプリが突然ダークモードに切り替わる事例が増えています。ブラウザ版Xの背景画像の変更方法を追記しました。 Twitterの背景が黒、ダークモードになった 2023年7月末頃、iOS版TwitterアプリとAndroid版Twitterアプリが「Xアプリ」にアップデートされ、アプリ名やアイコンの変更、一部の機能名称が変更（リツイート ⇛ リポストなど）されました。 これらの仕様変更に加え、Twitterアプリ（現Xアプリ）の外観モードは、背景が黒色のダークモードが標準で選択されるようになったため、これ
政府が4月9日、1万円、5000円、1000円のデザインを刷新すると発表し、それぞれのイメージ画像を公表した。新1万円札には「日本資本主義の父」渋沢栄一、新5000円札には、津田塾大学創立者の津田梅子、新1000円札には「近代日本医学の父」北里柴三郎をデザイン。全体的なデザインも一新し、従来のお札とは、肖像画や数字、文字の配置・デザインも変わる。 新紙幣 公表された新たなお札のデザインを見たネットユーザーの反応は賛否両論だ。1000円札の裏にデザインされる富嶽三十六景などはおおむね好評な一方、特に不評が集まっているのが数字のフォントの大きさやデザイン。「数字のフォント」がTwitterトレンドになるほど話題になっている。 新たなお札として発表された画像を見ると、数字のフォントは、従来のお札よりもかなり大きく印刷されている上、凹凸の少ないゴシック体が採用されており、ネットでは「デカすぎる」「
久しぶりに記事を書く。最近マルス端末のUIについてツイートがあった。 この件に関して、UIについてやUXに対して日々やってきている人間は「ダメなUI」という認識の人が多いように思う。一方で、システムの開発者にとってはこれは、その認識でない人間が多いようだ。なので、この辺を私なりに意見を書いておこうと思う。 まぁ、これはいつもなのだが、書いていることが散らかってる。基本的に音声入力のメモなので、読みにくいかもしれないが読んでくれ参考になれば幸いだ。 熟練が必要なUIは基本的によくない まず、基本的に熟練が必要なUIはそもそも良くないって話をしていく。順番に話していこう、まず、熟練が必要なUIが支持される理由を考え、それに対して、批判していき、なぜ熟練が必要なUIはダメかを語ってみよう。 熟練が必要なUIが支持される理由 その前に、こういった熟練のUIが支持される理由についてかいておこう。それ
JRの職員がマルスを操作する動画が話題になった。 この動画について、職人性を賞賛する立場と、UIとして問題があるという立場が対立していた。 nobkzさんのこの記事は、「熟練が必要なのはUIとして問題がある」という立場での記述だとおもう。 一連の話題に対して違和感を持ったが、違和感の源泉は明確で、「UIとしてよいかどうか」という立論自体に机上の論理以上のものにならないということもあるが、そもそも「マルスとはどういうシステムなのか」が議論されていないことがおおきい。 わたしもマルスについて名前は知ってはいたものの、具体的にはどういうシステムであるかは知らなかったので、少し調べてみることにした。 マルスについて Twitter(X)で話題になっていたもとの動画はこちらである。 ここだけ取り上げてみて、マルスの良し悪しを論じるのは鉛筆を取り上げて絵の良し悪しを論じるようなものだとおもう。 次の動
佐野五月｜でざいん姉さん @irohazum_s irohazum代表｜ブランディングデザイナー・アートディレクター｜想いや魅力を世の中に伝えるお手伝いをする人です｜登壇・執筆｜DTP・紙媒体が得意｜長崎県出身｜ONLINE上司チーフ｜#さぽーと姉さん｜姉さんと呼んでね｜ゲーム好き｜サブ @irohazum_ss｜#irohazum_Works｜書籍執筆中 https://t.co/xh288jMOQ9 佐野五月｜でざいん姉さん @irohazum_s 設置場所は新山口駅で、この写真は山口県へ旅行へ行った時のものです。 ですので普段の新山口駅についてわかりかねることをご了承ください🙏 設置場所について、このボックスは新山口駅の「新山口駅南北自由通路」に設置されています。横幅が広い通路で下記URLから見ていただけるとイメージ沸くと思います。ボックスがある写真もあります。 x.gd/E1pW
【はじめに】この記事はBaaaaと何の関係もないただの学生（25卒）が執筆しています。 【Baaaaとは】カメラで現実世界を写すことで絵文字が生成され、それをコレクションしたり、レコードに載せて音楽を奏でられるアプリ。他の人のレコードを回したりスクラッチしたりとSNS的な側面も持つ。 日本企業のwedが制作しており、同社はONEというレシート買取サービスも開発している。 【感動した5ポイント】1.UIのサイズが激しく変化する下部にあるフッターナビゲーションの大きくサイズが変化するボタンを見て欲しい。選択されている場所を色、サイズ、テキストで強調できており、分かりやすい。また、指からはみ出すアニメーションはダイナミックでワクワクする。 フッターナビゲーションそして、一体感がすごい。フッターナビゲーションを左右にスワイプすることによって、指、ボタン、中央画面が全て同じ方向に動く。まるで指で引っ
結論話題の記事「UIの色を変えただけで大量のクレームを頂戴してしまった話」を読みました。ユーザーを軽視した内容に驚愕したのですが、それよりも記事が批判されている原因を理解できていない様子の方が存在することに衝撃を受けました。 現職のデザイナーあるいはデザイナーを目指している方々にお伝えしたいことは以下の3点です。 具体的な不都合を訴える問い合わせは無益なクレームではなく有益なフィードバックです。プロダクトの価値向上につながる貴重な意見ですから無視するべきではありません。 時間の経過でユーザーがUIに慣れることはありません。問い合わせをしても無駄だと学習して離脱したパターンを疑いましょう。受け入れられる場合も含めて画面の変更はユーザーに負担を強いているのだと自覚してください。 色覚特性や色とコントラストについて学びましょう。色だけで情報を伝えるデザインはアンチパターンですから避けてください。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
