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

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

1. 思考を刺激する質問

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

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

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

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

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

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

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

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

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

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

3. 人生における例

1. ライトスイッチ

図1

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

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

図2

2. iPod ホールド

図3

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

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

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

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

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

推薦する

Cloudsilkの香港VPSレビュー、3つのネットワークに中国移動のCMI回線をバックホールに使用させる

一昨日cloudsilkが立ち上げた香港のVPSはモバイルCMIとBGPネットワークに接続されていま...

Spring Cloud Bus の紹介

[[399945]] Spring エコシステムで RocketMQ を試すシリーズの記事: Spr...

[更新] 2019 年の世界で最も安いクラウド サーバーは何ですか?格安クラウドサーバーのおすすめ

安価なクラウドサーバーにはどのようなものがありますか?世界で最も安いクラウドサーバーはどれですか?ど...

天朗インテリジェンス COO ハン・ディンイー: ビッグデータマーケティング AI の新時代を創る

2018年最もホットなプロジェクト:テレマーケティングロボットがあなたの参加を待っています近年、イン...

ウェブサイト運営者が備えるべき3つの資質

ウェブサイトの責任者となると、大変な日々を過ごすことになります。多くのウェブマスターは、最初は初心者...

世界人工知能会議: AWS が人工知能と機械学習の新たなトレンドを明らかに

AWS は、2019 年の世界人工知能会議 (WAIC) で、Amazon Transcribe 自...

企業サイトのSEO最適化とプロモーションの効率を短期間で向上させる方法

2018年最もホットなプロジェクト:テレマーケティングロボットがあなたの参加を待っていますインターネ...

ECUG テクノロジー カンファレンスのハイライトを一足先にご紹介

2020年1月4日から5日まで、杭州で「ECUG Con 2020」カンファレンスが開催されます。テ...

推奨: vexxhost-openstack/$5/2 コア/512m メモリ/20g SSD/2T トラフィック/カナダ

Vexxhost は、7 年間運営している企業で、VPS 構成をアップグレードおよび増加し、価格を下...

#著作権なしのVPS、著作権なしのサーバー# M247: 全品15%オフ、珍しい割引

m247 Ltd Group はついにサイト全体のプロモーションを実施し、すべての仮想ホスト、VPS...

信頼性の高い IPXCORE - 256MB メモリ KVM/SSD キャッシュ/月額 3 ドル/ニューヨーク

ipxcore がついに KVM を正式にリリースしました。最初のデータセンターはニューヨーク州バッ...

専門家や達人に誤解されることは、誰も簡単に成功できないことを示している

数日前、G市の家庭教師をしている友人がQQを通じて私に連絡してきました。彼のウェブサイトはブロックさ...

小竹短期レンタルはシリーズBの資金調達で数千万ドルを獲得し、短期レンタル業界は新たなピークを迎えるかもしれない。

はじめに:中国の宿泊業界のオンライン予約量から判断すると、短期賃貸市場は依然としてニッチかつ断片化さ...

知乎の第2カーブは職業教育に依存しているのでしょうか?

ユーザートラフィックがピークに達し、ビジネス市場が飽和状態になる中、「大航海時代」を生き抜いてきたイ...