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

【2025新登場・ Android 15 タブレット 大画面】 タブレット 10インチ Wi-Fiモデル 12GB+64GB+1TB-TF拡張 アンドロイド 6000mAh PD18W＆Type-C充電 8コアCPU フルメタルボディ 2.4G＆5G/WiFi/Bluetooth5.2/顔認識/無線投影/日本語説明書/WidevineL1対応 tablet

(224)

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

【最新型】Omikamo キーボード bluetooth 折り畳み式 ワイヤレス JIS標準日本語配列 ipad キーボード スマホ マルチペアリング タッチパッド付き iOS/Windows/Android/Mac/Google対応 無線 コンパクト 軽量 薄型 ipad mini パンタグラフ 充電式 (黒)

(501)

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

エレコム 電源タップ VESA規格 2.5m 8個口 テレビ モニター 雷ガード 極性対応 (N極) スイング式プラグ 耐熱素材採用 ブラック ECT-3325BK

(17)

(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

Anker Nebula (ネビュラ) Capsule 3 (Google TV搭載モバイルプロジェクター)【フルHD / 200ANSI ルーメン / 最大120インチ / 8Wスピーカー / 自動障害物回避/垂直・水平台形補正/フォーカス調整/スクリーンフィット/小型/家庭用】

(552)

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

エプソン プリンター A4インクジェット複合機 カラリオ EW-056A 2024年モデル テレワーク向け 4色 独立型

(934)

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

CD DVDドライブ 外付け【2025革新モデル】外付けDVDドライブ 高速処理 8XDVD& 24XCD 光学ドライブ外付け 読取/書込可 バスパワー USB 2.0/3.0&Type-C両接続 外付けCDドライブ Window/Vista/Linux/Mac OS対応 MAC CDドライブ 外付け DVD/CDドライブ 極静音 薄型ポータブル

(387)

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