ウェブサイトデザイン:ユーザーインターフェースデザインにおける「状態」と「アクション」の表現

ウェブサイトデザイン:ユーザーインターフェースデザインにおける「状態」と「アクション」の表現

1. 思考を刺激する質問

少し前に、同僚と小さな要件について話し合っていたとき、「アクション」と「ステータス」を表すボタンの間に矛盾があることに遭遇しました。考えてみてください。この問題は何年も前に議論されたことなので、ここで私の考えを整理して皆さんと共有したいと思います。

具体的なケースはこうです。上図のように、検索カスタマイズ機能を「有効」にしたり「無効」にしたりする場合、このボタンは「状態」を表していますか、それとも「アクション」を表していますか?簡単に言うと、上図の1は現在無効になっていることを意味しますか、それともクリックすると操作が無効になることを意味しますか?答えは明らかに不明です。

どうすれば両者の違いを明確に表現し、ユーザーの誤解を減らすことができるでしょうか。まず、「アクション」、「状態」の定義と両者の関係から始める必要があります。

2. 行為とは何か、状態とは何か

行動とは、特定の動機と目的を持ち、特定の対象に向けられた動きを指します。

状態とは、人または物が示す形態を指します。

要約すると、アクションとは、人や物が特定の状態を変える原因となる動きであり、状態とはアクションの結果です。したがって、この 2 つは密接に関連していることが多く、相互に条件付きである場合もあります。

たとえば、「ラジオを操作する」には、ノブを回したりボタンを押したりしてラジオをオンにする必要があります。アクションが完了すると、ラジオは「オン」の状態になります。ラジオを「オフにする」というアクションの前提条件は、ラジオが「オン」状態であることです。

「それはとても複雑ですね!」多くの人がそう思うでしょう。私たちは毎日の生活の中で同じようなことに直面しているのに、なぜこのように感じることがほとんどないのでしょうか?

おそらく、実際の生活におけるいくつかの例を見れば、このことが理解できるでしょう。

3. 人生における例

1. ライトスイッチ

図1

最も一般的なスイッチの 1 つであるシングル コントロール スイッチは、非常にシンプルな設計になっています。片側を押すとオンになり、もう片側を押すとオフになります。どちら側が開いていてどちら側が閉じているかについては、あまり気にする人はあまりいません。いつも2回試すと正解なので、コストはほとんどかかりません。人々はそれについて悪い気分にはならないでしょう。

もちろん、今ではもっと良いデザインもあります。

図2

2. iPod ホールド

図3

AppleのiPodプレーヤーのキーロック機能「HOLD」。スイッチを「HOLD」側にすると左側に赤色が表示されます。そして反対側にスライドすると、色はなくなります。色が人の心理的特性に与える影響を巧みに利用して、ホールド状態を区別します。

原題: ウェブサイトデザイン: ユーザーインターフェースデザインにおける「状態」と「アクション」の表現

キーワード: ウェブサイト、ユーザー インターフェイス、デザイン、ステータス、アクション、表現、問題、トリガー、思考、少し前、ウェブマスター、ウェブサイトのプロモーション、収益化

<<:  Baidu Union プロモーションの最適化とクラウドターゲティング

>>:  今日は百科事典のリンクスキルをやりましたか?

推薦する

最適化の詳細を把握するのは難しくありません。一生役立つ 3 つのコツを学びましょう。

ウェブサイトの最適化には、マクロ最適化戦略とミクロ最適化戦略の両方が含まれます。この記事では、最適化...

SEO に執着しないでください。あなたたちは SEO をあまりにも神話的に見せています。

私は、朱衛坤が素晴らしい人だと言うためにこの記事を書いているわけではありません。繰り返しますが、私は...

内部リンクか外部リンクか?

検索エンジンでは、トラフィックを取得するための最も基本的な単位は Web ページです。 Web ペー...

lisahostはどうですか?ロサンゼルス デュアル ISP/住宅 IP + トリプル AS9929 ライン VPS レビュー

lisahostは最近、ロサンゼルスのデュアルISP/住宅IPシリーズのVPSを追加しました。これは...

Qvodは著作権侵害で2億6000万元の罰金を科される可能性がある。これは中国のインターネット企業に課された罰金としては過去最高額だ。

【世界技術総合レポート】経済観察報は20日午後、深セン市市場監督管理局が行政処罰審問案の「通知」を提...

テンセントニュースチャンネルを例に、情報サイトの内部リンク構造を分析する

私の友人の多くは、テンセントの QQ ニュース チャンネルをよく知っていると思います。毎日 QQ に...

「誘惑する」ユーザー

恋人との忘れられないデートを今でも覚えていますか?出かける前に、自分をもっと魅力的に見せるために時間...

ginernet、スペイン VPS/25 ユーロ/2GB RAM/15GB SSD/300GB データ トラフィック

ginernet は 2006 年に Hostingcat に登場しました。今日は、ginernet...

資金が潤沢なセールスフォースがなぜ買収されるのか?

最近、セールスフォースが買収されるというニュースが再び報じられているが、今回の相手はマイクロソフトで...

産業インターネットが産業変革とアップグレードを加速、ファーウェイクラウドが東莞のチャンス獲得を支援

現在、製造業のモデルチェンジとアップグレードは、国際経済と国内経済の二重循環に適応するための固有の要...

モバイルマーケティングは広告市場のブルーオーシャンに:来年爆発的に拡大する可能性

新浪科技新聞、11月20日午後、Domob、Millward Brown、Miaozhen Syst...

Google と Google ランキングを最適化する方法の解釈

Google のランキングを最適化するにはどうすればいいですか? 1. タイトルにキーワードが表示さ...

ウェブサイト最適化の初心者がローカルSEOブログをホームページに素早く掲載するための重要なポイント

以前、A5 では SEO に関する知識を皆さんとたくさん共有しました。今日、SEO Qibing は...

Pacificrack: 旧正月 VPS プロモーション、年間 8.88 ドルから、1G メモリ/1 コア/20g SSD/2T 帯域幅

Pacificrack は、中国の旧正月に向けて新しい VPS プロモーションを開始しました。価格は...

ハイブリッド クラウド環境で K8S の可観測性を実装するための 6 つの戦略

サヴァン・カロッド著徐潔成編纂2023 年には、ネイティブ クラウド アプリケーションとプラットフォ...