icco.pon

designer

[𝘎𝘢𝘬𝘶𝘵𝘰 𝘖𝘤𝘩𝘪 / 越智岳人 @nanao]

3D-CAD界隈で話題のOSS、「SolidCraft」の開発者、Brennen Herbruckさんを取材しました！

[AXIS media @axismag]

11月26日（木）から29日（日）の4日間、東京国際フォーラムにて東レ創立100周年企画展「WONDER!?展」が開催される。本連載では、同展に向けて始動した「素材×クリエイター」の共創プロジェクトに密着。第2回は、東レの繊維研究所と三澤デザイン研究室の協業プロセスを取り上げる11月26日（木）から29日（日）の4日間、東京国際フォーラムにて東レ創立100周年企画展「WONDER!?展」が開催される。本連載では、同展に向けて始動した「素材×クリエイター」の共創プロジェクトに密着。第2回は、東レの繊維研究所と三澤デザイン研究室の協業プロセスを取り上げる11月26日（木）から29日（日）の4日間、東京国際フォーラムにて東レ創立100周年企画展「WONDER!?展」が開催される。本連載では、同展に向けて始動した「素材×クリエイター」の共創プロジェクトに密着。第2回は、東レの繊維研究所と三澤デザイン研究室の協業プロセスを取り上げる11月26日（木）から29日（日）の4日間、東京国際フォーラムにて東レ創立100周年企画展「WONDER!?展」が開催される。本連載では、同展に向けて始動した「素材×クリエイター」の共創プロジェクトに密着。第2回は、東レの繊維研究所と三澤デザイン研究室の協業プロセスを取り上げる11月26日（木）から29日（日）の4日間、東京国際フォーラムにて東レ創立100周年企画展「WONDER!?展」が開催される。本連載では、同展に向けて始動した「素材×クリエイター」の共創プロジェクトに密着。第2回は、東レの繊維研究所と三澤デザイン研究室の協業プロセスを取り上げる。

[Yukio Andoh @yukio_andoh]

#designmatters26
Anthropic のデザイナー Pablo Stanley より、ChatGPTの入力フォームのデザイン、いかに試行錯誤し、シンプルさを保つ工夫をしたのか、試行錯誤の履歴を全部紹介する、壮大で小気味良いプレゼンテーションでした！
「たった1つの入力欄に、なぜこれほど悩むのか？ ― AIチャットUIに潜む無数のデザイン判断」

⚫︎たった1つのボックスをデザインする難しさ

AIチャットのユーザーインターフェースは、一見すると非常にシンプルです。テキストを入力するボックスと送信ボタンがあるだけ。しかし、その小さな入力欄を実際にデザインしようとすると、驚くほど多くの判断が必要になります。

デザイナーがAIチャットの入力欄（Composer）をゼロから設計する過程を、ユーモアを交えながら紹介。ボタンのラベル、アイコン、フォント、角丸、余白、メニュー、音声入力、アクセシビリティまで、次々に現れる選択肢に悩みながら、シンプルなUIを実現する難しさを浮き彫りにしています。

⚫︎小さなデザイン判断が際限なく増えていく

最初の課題は送信ボタンです。「Send」「Submit」「Create」など、どの言葉を使うべきか。文字ではなくアイコンにする場合も、上向き矢印、紙飛行機、斜め矢印、Enterキーの記号など、候補はいくつもあります。

入力欄のプレースホルダーも同様です。「Ask anything」と表示するのか、別の言葉にするのか、何も表示しないのか。ほとんど読まれないかもしれない短いテキストにも、デザイン上の意図が必要になります。

さらにフォントの種類、文字サイズ、入力欄の最大幅、背景色、枠線、影の濃さ、角丸の大きさなどを決めていきます。14、15、16ピクセルの違い、わずかなグレーの濃淡、柔らかい影と輪郭線の組み合わせなど、どれも成立するからこそ判断が難しくなります。

何度も選択をやり直しながら「ただのボックスとボタンなのに、なぜこんなに悩むのか」と嘆きます。これはデザイナーが日々直面する、正解のない判断の連続を表しています。

⚫︎機能を追加するほどシンプルさが失われる

基本的な入力欄が完成したところで、画像、ファイル、動画の添付機能が必要になります。続いてWeb検索、各種ツール、AIモデルの切り替え、音声入力も追加しなければなりません。

それぞれの機能について、独立したボタンを設けるのか、プラスボタンのメニューにまとめるのか、アイコンだけで意味が伝わるのか、といった問題が発生します。

たとえばWeb検索を表すアイコンには虫眼鏡や地球儀などが考えられますが、虫眼鏡はチャット内検索と誤解される可能性があります。AIモデルの選択メニューでも、名前だけを表示するのか、速度、料金、バージョンなどの情報を併記するのかを決める必要があります。

情報を増やせば理解しやすくなるとは限らず、減らせば必要な機能が発見されなくなるかもしれません。

講演では、こうした試行錯誤の末に、ほとんどの機能をメニューへ収納し、再び最初のシンプルな画面に戻ってきます。シンプルなUIとは、機能が少ないUIではなく、複雑な機能を整理した結果なのです。

⚫︎見た目だけでなく、振る舞いもデザインする

続いて、入力欄のインタラクションに議論が移ります。

Enterキーで送信するのか、改行するのか。日本語入力ではEnterキーが漢字変換の確定にも使われるため、英語圏とは異なる配慮が求められます。

長い文章を入力するとき、入力欄は何行まで拡大するべきでしょうか。5行なのか8行なのか。大量のテキストを貼り付けた場合、すべて表示するのではなく添付ファイルのように扱う方法もあります。

ファイルをドラッグ＆ドロップする範囲、添付ファイルの削除ボタン、音声入力と音声会話の使い分け、入力内容がないときの送信ボタンの状態なども検討対象です。

さらにAI特有の問題として、送信中、思考中、失敗時の表示があります。講演者は、これらの状態を入力欄に詰め込むのではなく、チャット本文側で表現する方針を選びます。

AIが回答を生成している途中で、ユーザーが次のメッセージを入力した場合も、作業を中断させるのか、そのまま続けられるようにするのかを決めなければなりません。

ここで重要なのは、UIデザインが静止画の制作ではないということです。入力前、入力中、送信後、処理中、エラー時など、時間の経過に伴う状態変化を含めて設計する必要があります。

⚫︎シンプルな画面は、組織からも守らなければならない

プロダクト開発における組織的な問題が登場。

法務部門は免責事項、マーケティング部門はバナー、営業部門は目立つアップグレードボタン、プロダクト部門は利用継続を促す表示、サポート部門はヘルプ機能、調査部門はアンケートを追加したがります。

それぞれの要求には理由があります。しかし、すべてを受け入れれば、入力欄はさまざまな部門の要望で埋め尽くされてしまいます。

講演者は、こうした要求を次々と拒否し、ユーザーが本来やりたいことに集中できる画面を守ろうとします。

これは、デザイナーの仕事が単なる造形ではなく、何を追加し、何を追加しないかを決める仕事でもあることを示しています。

⚫︎アクセシビリティは削ってはいけない

シンプルさを追求する一方で、省略できない要素もあります。

キーボード操作時のフォーカスリングは、見た目としては邪魔に感じられることがあります。しかし、キーボード利用者には不可欠です。アイコンだけのボタンにも、支援技術が理解できる名前が必要になります。タッチ操作の対象領域も、十分な大きさを確保しなければなりません。

見た目を整理するために必要な情報や操作性を犠牲にしてはいけない、という点も強調されています。

⚫︎結論：デザインとは、無数の選択肢から適切なものを残すこと

彼が伝えているのは、シンプルに見えるインターフェースほど、その背後に膨大な検討と意思決定が存在するということ。

アイコンの形状や角丸の大きさといった視覚的判断から、操作フロー、機能の発見しやすさ、アクセシビリティ、組織内の要求調整まで、すべてがデザインの対象になるのです。

何度も判断に迷い、選択を撤回し、最終的には出発点に戻ります。しかし、それは無駄な作業ではありません。さまざまな可能性を検討したからこそ、何を残すべきか判断できるようになるのです。

優れたUIとは、最初からシンプルだったものではありません。無数の可能性を検討し、不要なものを丁寧に取り除いた結果として、シンプルに見えるものなのです。

そして、その何気ない入力欄の背後には、ユーザーが決して目にすることのない、デザイナーの膨大な試行錯誤が隠されているのです！

[アキ📘同人技術書「3Dプリント一体造形の基本」 @MeRest20]

新刊の表紙デザイン作成中（初案）
来週スライサーの本を出す予定です
#技術書典

[三谷 純 Jun MITANI @jmitani]

愛知工業大学を定年で退職された宮本好信先生が、
AI駆動で作っているWebサイトがすごすぎる

専門知識と幅広い教養と好奇心と時間にAIが加わるとこんなすごいことになるのかという好例
https://t.co/RCgVmxkde6

北斎「天の岩戸」の立版古（3D）が、教養溢れすぎてて好き。
https://t.co/EKztbhKxdl

[J-MAT（ジェイマット） @jmat2022]

3Dプリンターで作るスナップファスナー。

[窓研究所 Window Research Institute @madokenjp]

【窓のふるまい学［北欧編］アアルト設計 セイナッツァロの村役場の議場（北）】議場北側の高窓。室の唯一の採光窓で、大きさは幅3.5m高さ3.7mである。4段5列に仕切られた各枠に組み込まれたマツ材の木製ルーバーは、見る角度や時間帯によって光や景色の透過度を変える【窓のふるまい学［北欧編］アアルト設計 セイナッツァロの村役場の議場（北）】議場北側の高窓。室の唯一の採光窓で、大きさは幅3.5m高さ3.7mである。4段5列に仕切られた各枠に組み込まれたマツ材の木製ルーバーは、見る角度や時間帯によって光や景色の透過度を変える。

[moja🧚‍♀️ @moja99758134]

ラブホ最大手にして高級ラブホ型温泉旅館『ふふ』と『つるとんたん』（サンマルクへ売却）を運営するカトープレジャーグループの帝国データバンク取ってみた。先日のNewsPicksでは「ラブホ事業GHP社は外部に売却した」とのことでしたが、売却先は加藤会長の実弟誠三郎氏。やはり加藤一族で株は保有しておりました。そりゃ、業界最大手のドル箱ビジネスを多少レピュテーションが悪いくらいで第三者には売らないよね。

[TOMOWORKS @tomoworks_ytb]

A1miniがいままでで最安の26,000円だそうな。
3Dプリンター始めたい人はとりあえずこれ買っとけばいい。
https://t.co/05J9MDivrR

[Jon - Apple Home Authority @helloapplehome]

Apple HomeView and mounts unboxing

Full review here - https://t.co/vj1cenDasZ

[けんすう @kensuu]

なんで資料で説明したはずなのに、こんな反応なんだよ！

[玉置真理 @tamaki_8128]

私が日課としてやっているタロット・ジャーナリング。
タロット占いではなく認知の調整作業。
感情や思考を言葉にする過程で、メタ認知力が鍛えられている実感があります。
頭の中のモヤモヤを整理したい人におすすめです。

[【仮】 @kakko_kari_10]

KOKUYOのトランスペアレントシリーズ、透明感抜群で素敵だ…

[ゆうた | 発達障害30年💬 @yuta_yoyu]

ASDの気遣いで、思ってること

🥇第1位
主語と述語はセットで言え

ASDは体験から、「暗黙のルール」「解像度の低い業務マニュアル」「言葉から感じるみんな違う解釈」これが原因だと、すれ違うまくることを知っている。すれ違って、向いてる方向がバラバラ。

単語だけで気持ちを一致はできないぞ。

[滝沢ガレソ @tkzwgrs]

【知ってた】男性は一人暮らし、女性は夫婦二人暮らしだと鬱になりやすいと判明

■上智大学発表
・65歳以上の高齢者を約10年間追跡した全国調査データを分析
・｢一人暮らしの男｣と｢夫婦二人暮らしの女｣は鬱期間が長い傾向
・上記2パターンは、平均すると65歳以降、残りの人生の4分の1を鬱状態で過ごす
・一方で、子や孫と同居する高齢者は鬱傾向が少ない

https://t.co/XnrCedjfkn

[L O P E @lopedetoledo]

Monopoly y Scrabble han sido renovados con piezas de madera, gráficos minimalistas y tableros con imanes ocultos. En el cielo existe un lugar reservado a los diseñadores escandinavos.

[にも｜AIによって爆誕 @ai_ai_ailover]

悲報。若林氏、オールナイトニッポンにて、ChatGPT Proの神活用法を公開してしまう。

[明石ガクト / ONE MEDIA @gakuto_akashi]

AdobeがMCP対応したので、AIでラフを作って編集データを直接人間が最後に微調整できるようになる。すぐ起こること、数が必要なショート動画、VLOG、対談の切り抜きの内製化が進む。外部に振るより中でやる方が時間もお金も削減できる。中期で起きること、編集フリーランスや制作会社の仕事が枯渇。長期で起きること、オリジナル番組や自社チャンネルが増産される。撮影無しで作られるものは現在のAIコンテンツのように忌避されていく。生身の人間の姿や声にアテンションが集まっていく。制作会社や代理店が、飲食店やスーパーを始めたり、何かのメーカーになったり農業したりするようになりそう。人間の生身の価値を出せる組織が大きくなり、AIで出来ることを人間にやらせてる会社はヤバそう。

[高木新平 / NEWPEACE代表 @Shimpe1]

これはまさに、僕が持論として展開している「クリーン産業」輸出構想

◼︎21世紀の日本の勝ち筋 - クリーン産業という可能性
https://t.co/fN39CwTcvX

[高木新平 / NEWPEACE代表 @Shimpe1]

最近つくづく思う。「変化」というものは、本当に難しい。

なぜなら、変化の本質は現状否定だから。今までの自分、今までのやり方ではダメだと認めること。そこには必ず痛みが伴う。

最近、自分は承認されすぎていたのかもしれない…（つづく）

https://t.co/RZByMAGuot