デザイン協会: なぜ間違った場所を探したのですか?

デザイン協会: なぜ間違った場所を探したのですか?

数日前、バスで仕事に行きました。バスのカードリーダーの実際の使用シーンを実際に見て、カードリーダーの位置とスタイルに少し考えさせられました。私とバスカードリーダーに関するいくつかの話を見てみましょう。
シーン 1 – とても混乱します!これはカードマシンではないことが判明しました。
北京では、バスは通常、前のドアから乗り、後ろのドアから降ります。そうしないと、バスに乗る人が降りる人を圧迫し、降りにくくなります。ある日、仕事が終わってバスを待っていました。人だかりが押し寄せてくる中、私は前方のドアからバスに押し込まれました。私の最初の反応はカードをスワイプすることでした。見上げると、右側にボックスがありました。私は何も考えずにスワイプしました。なぜなら、カード リーダーに似たものしか見たことがなかったからです。初めてスワイプした後、私は疑問に思い始めました。「どうしたんだろう? 反応がない。」 習慣的に 2 回目にスワイプしましたが、やはり反応がありませんでした。私はスワイプをあきらめて、押し込まれ続けました。少し気を取られた後、カード リーダーが左側にあることに気付きました。その時の私の最初の反応は、「私はなんてバカなんだ!」でした。
人が多すぎたし、多くの人が押しつぶされて抵抗することしかできず、周りを見渡す暇もなかった。このシナリオでは、半数以上の人が間違いを犯しました。今回、私の間違いの原因となったのはカードリーダーではなく、カードリーダーと間違えられた箱でした。私はバスに乗るのが得意ですが、最初のときは騙されました。

私はドアからそう遠くないところに立っていました。バスが成福路南停留所に到着すると、ちょうどドアが開き、前に立っていた2人の外国人女性が後ろの乗客に押し込まれました。押し込まれた外国人女性たちに運転手が「乗り込んで、カードをスワイプして中に入ってください!」と促しました。もちろん命令口調でした。 2人の美しい外国人女性がカードを手に持ち、カード端末を探しているのが見えました。彼女たちの最初の反応はやはり右側のボックスだったので、何度も続けてスワイプし、それから身をかがめてカードリーダーを注意深く見つめ、ぎこちない中国語で「なぜスワイプできないの?なぜスワイプできないの?」とつぶやき、顔をしかめながらさらに数回スワイプしました。この時、運転手はすでに焦っていて、「右側、前に進んでください!」と叫んだ。2人の外国人美女は感激し、そのまままっすぐ歩いていった。彼らは実際のカードリーダーさえ見ていなかったので、おそらく出勤したと思ったのでしょうが、フィードバックがありませんでした。 (この二人の美しい外国人女性は初心者とみなすことができます)
次の数日間、多くの人がそのボックスをスワイプするのを見ました。その後、誰もそのボックスを使用しなくなりました。車内がどんなに混雑していても、どんなに騒がしくても、人々はカードをスワイプするために本物のカードリーダーを見つけなければなりませんでした。 (ここでは「見つける」という言葉が使われていることに注意してください)
シナリオ 2 – 左か右か?
バスのカード読み取り機は通常、右側にあります。最初はとても使いやすく、カードをスワイプするのに特別なことは何もないと感じました。しかし、ある時、混雑したバスに乗って、カードをスワイプするために持ち上げたところ、何も入っていないことに気づきました。慌てて見回すと、「ああ、左側だ」そこで私は右手で体を撫でました。もちろん、他の人を見ると、彼らも私と同じことをしていました。「なぜ車は左側にあるのですか?右側にあるべきではないですか?」と文句を言う人もいました。
その後の観察で、右側にカードリーダーがない場合、最初に右側を見てから左側を見る人が多かったことがわかりました。一部の人は単に首を振って左右を見てから、カードリーダーがある側を選びました。
しかし、カードリーダーが左側にあるという明らかな感覚があり、カードをスワイプするために右手を体の周りで動かさなければならず、少し不便です。カードリーダーが右側にあると、よりスムーズに感じます。
自分自身を観察してまとめると、右利きの行動により、右手でカードをスワイプする習慣が身につきやすくなります。そうでなければ、ほとんどの人にとって軽微な不便が生じることになります。もちろん、どうしても左に置きたいのであれば、私は反対しません。この習慣は、使用上それほど深刻なものではありません。重要なのは、バスに乗るときにカードをスワイプするときに、それらを脇に置いて、人々が反応能力を発揮できないようにすることが最善だということです。
シーン 3 – スワイプしただけなのに機能しませんでした。
デザイン協会: なぜ間違った場所を探したのですか? _123WORDPRESS.COMjb51.net 転載
当初は、カードをスワイプできるカードリーダーの面積が全体の4分の1しかなく、バスカードをスワイプする前にカードリーダーに取り付ける必要がありました。そのため、カードをスワイプするときは、あまり考えずにスワイプしてしまい、おお!ブラシで塗ってないよ!もう一度観察し、下向きにブラシをかけます。あまり反応がないので、もう一度ブラシをかけます。その時、切符売りの人が私に注意しました。「チケットがスワイプされました。前に進んでください。」その後の観察では、何度もブラッシングをしている場面がよく見られました。当然ながら、フィードバック表示はまったくわかりにくく(黒い背景に赤い文字で、数字はわかりにくい)、特にラッシュアワー時の騒がしく混雑した交通状況ではフィードバック音がほとんど聞こえません。
その後、クラスメイトの一人がバスカードについて話してくれて、興奮気味にこう言いました。「少し離れていてもスワイプできるようになったんだ!本当に使いやすいよ!」私は笑ってこう聞き返しました。「なんでそんなに興奮しているの?」...
私はバスカードのレイアウトも個人的に以下のようにデザインしました
デザイン協会: なぜ間違った場所を探したのですか? _123WORDPRESS.COMjb51.net 転載
利点: 1. カードスワイプエリアにテーマがあり、カードリーダーは主にスワイプに使用されることを確認しました。 2. カードのスワイプのフィードバックが明確であることを確認します (たとえば、カードがスワイプされたことを示すためにカード スワイプ領域で大きな緑色のライトが使用され、失敗したことを示すために大きな赤色のライトが使用されます。応答がない場合はフィードバックがありません)。3. 差し引かれた金額と残高の補助表示。4. ユーザーに必須ではないその他の信号は、側面または背面に隠されています。
改善点:1. カードスワイプエリアの使いやすさ。 2. バス路線、単価、信号強度など、重要でない情報を削除または非表示にします。 3. カードスワイプフィードバックの重要性。
少なくとも私のレイアウトは使いやすいです。より良いデザイン方法については、これ以上説明する必要はないと思います。実際のユーザー、その習慣、環境に注意を払ってください。また、自分自身がユーザーになることもベストです。

<<:  ブラウザのURLの前に小さなアイコンを表示する方法

>>:  MySQLクエリのパフォーマンスを分析する方法

推薦する

JavaScript デザインパターン コマンドパターン

コマンド パターンは、JavaScript デザイン パターンにおける動作デザイン パターンです。定...

血の写輪眼と輪廻眼の特殊効果コードを実現するためのHTML+CSS

結果 (完全なコードは下部にあります): 実装は難しくありませんが、繰り返しコードが多くなります。実...

DockerでPython環境をパッケージ化するプロセスの詳細な説明

docker パッケージング Python 環境の手順は次のとおりです。 1 pip listの下に...

MySQL Innodb インデックス メカニズムの詳細な紹介

1. インデックスとは何ですか?インデックスは、ストレージ エンジンがレコードをすばやく検索するため...

Linux でアップロードされたファイルのスケジュールされたバックアップと増分バックアップを実装する方法

導入Alibaba Cloud のような OSS ストレージ サービスを使用している場合は、サービス...

Vue 開発ガイドの重要な知識の要約

目次概要0. JavaScriptとWeb開発の基礎1. Vueの基本概念Vue コア機能コンポーネ...

ウェブページ上の写真プレビューナビゲーションを設計するためのヒント

<br />ナビゲーションとは、ウェブサイトの上部にあることが多いナビゲーション バーの...

Windows10システムにスーパーセットをインストールする手順

Superset は、エレガントなインターフェースとデータ テーブルに基づく動的なデータ生成を主な機...

Vueはテーマ切り替えのための複数のアイデアを実装します

目次テーマを動的に変更する最初の方法: 動的コンポーネント2番目の方法はルーティング分離です要約する...

MySQLインデックスの詳細

1. インデックスの原則インデックスは、列内の特定の値を持つ行をすばやく見つけるために使用されます。...

chkconfig および systemctl コマンドを使用して Linux サービスを有効または無効にする方法

これは Linux 管理者にとって重要な (そして素晴らしい) トピックなので、誰もが Linux ...

MySQL の一般的な問題とアプリケーション スキルの概要

序文MySQL の日常的な開発やメンテナンスでは、パスワードの紛失やテーブルの破損など、避けられない...

Mac OS に MySQL 5.7.20 をインストールするための詳細なグラフィックとテキストの説明

Mac OS X で TAR.GZ から MySQL 5.7 をインストールする MySQL 5.6...

複数のパッケージソースから同時にパッケージをロードするようにnpmを設定する方法

目次1. ローカルストレージを構築する2. npmパッケージを作成し、プライベートリポジトリにアップ...

ローカルでビルドした Docker イメージを Dockerhub に公開する方法

今日は、ローカルの Docker プロジェクト イメージを dockerhub に公開する方法を紹介...