ユーザーに「👍」と「👎」の押しミスをさせない設計にしよう

エアダスター 電動エアダスター 最強ブロワー ブロワー 洗車 120m/sな風速 無段階風量調整 超強力 6000mAh USB-C充電式 3種類ノズル付き ブラシレスモーター 270g 小型 PC掃除 空気入れ コードレス 収納袋付き 日本語取扱説明書

(2261)

￥4,280 (2025年4月29日 13:12 GMT +09:00 時点 - 詳細はこちら価格および発送可能時期は表示された日付/時刻の時点のものであり、変更される場合があります。本商品の購入においては、購入の時点で当該の Amazon サイトに表示されている価格および発送可能時期の情報が適用されます。)

KOJIHOMU エアダスター ブロワー 洗車 【超小型で爆風】電動エアダスター 4段階風量調整 超強力 最大風速52m/s 5000mAh大容量バッテリー 充電式 エアダスター LEDライト付き PC掃除/空気入れ/キーボード/エアコン/洗車用 TypeC急速充電

(2299)

￥3,979 (2025年4月29日 13:12 GMT +09:00 時点 - 詳細はこちら価格および発送可能時期は表示された日付/時刻の時点のものであり、変更される場合があります。本商品の購入においては、購入の時点で当該の Amazon サイトに表示されている価格および発送可能時期の情報が適用されます。)

Anker PowerLine III Flow USB-C & USB-C ケーブル Anker絡まないケーブル 100W 結束バンド付き USB PD対応 シリコン素材採用 iPhone 16 / 15 Galaxy iPad Pro MacBook Pro/Air 各種対応 (0.9m ミッドナイトブラック)

(19482)

￥1,790 (2025年4月29日 13:12 GMT +09:00 時点 - 詳細はこちら価格および発送可能時期は表示された日付/時刻の時点のものであり、変更される場合があります。本商品の購入においては、購入の時点で当該の Amazon サイトに表示されている価格および発送可能時期の情報が適用されます。)

結論
絵文字は意思をもって配置するべき。無闇にソートしない。

理由
👍と👎のような押しミスを誘発し、サービス体験が悪くなるため。

解説
Unicodeのコードポイントで👍 (U+1F44D) と 👎 (U+1F44E)は隣り同士。単純な実装だとUI上での配置も当然隣になる。あなたがSlackやGitHubで押しミスをしないように気をつけないといけない理由は実は文字コードが原因なのです。

上の写真は、Slackです。これもめっちゃ怖い。

良い事例
Google MeetのEmojiのUIはPositive -> Normal -> Negativeのような順…



Source link

【ブラザー純正】 ブラザー工業(Brother Industries) インクカートリッジ4色パック(エコパッケージ) LC411-4PK-E 対応型番:DCP-J926N、MFC-J904N、MFC-J739DN、MFC-J939DN 他

(3031)

￥4,536 (2025年4月29日 13:11 GMT +09:00 時点 - 詳細はこちら価格および発送可能時期は表示された日付/時刻の時点のものであり、変更される場合があります。本商品の購入においては、購入の時点で当該の Amazon サイトに表示されている価格および発送可能時期の情報が適用されます。)

LISNE USB C & USB C ケーブル 急速充電【2本セット,2m】USB PD 100W 2個コードホルダー,充電コード タイプc ケーブル L字 480Mbpsデータ転送 Type-c ナイロン編み ゆーえすびータイプc iPhone 16 15/Samsung Galaxy S25 24 23 22 MacBook Pro/Air/ipad など対応,マグネット式コードではない

(38)

￥1,226 (2025年4月29日 13:06 GMT +09:00 時点 - 詳細はこちら価格および発送可能時期は表示された日付/時刻の時点のものであり、変更される場合があります。本商品の購入においては、購入の時点で当該の Amazon サイトに表示されている価格および発送可能時期の情報が適用されます。)

for iPhone充電ケーブル 【正規MFi認証品】0.2M/1M/1M/2M 4本セット 純正 ライトニングケーブル アイホン 充電コード 2.4A急速充電 断線防止 超高耐久 USB らいとにんくけーぶる for iPhone 14/14 Pro/13/13 Pro/12/11/XS/XR/8/8plus/7/6/SE/iPad Mini/Air 各種対応 lightning コード

(92)

￥999 (2025年4月29日 13:06 GMT +09:00 時点 - 詳細はこちら価格および発送可能時期は表示された日付/時刻の時点のものであり、変更される場合があります。本商品の購入においては、購入の時点で当該の Amazon サイトに表示されている価格および発送可能時期の情報が適用されます。)