交互设计实用指南系列(1) – “有效性”之“操作入口明确”
作者：尚轩 来源：TaobaoUED 发布时间：2009-12-11 18:42:00
“操作入口明确”，就是指产品的任何一个功能都要有明确、合理的入口。“操作入口”，指的是产品内部不同模块之间的转接元素，例如在Web产品中，按钮控件、输入框、文字链等都属于操作入口；“明确”指的是入口的视觉感是清晰的、可识别的；“合理”是指入口的出现是符合用户操作逻辑的，适时的。
之所以要提出“操作入口明确”，是因为用户在使用产品的过程中，往往遵循的是可分析的行为逻辑。对于产品本身而言，必须有相对应的操作提示来引导用户最有效地获取信息，还原为实现层面就是明确、合理的操作入口。如果说首页是整个网站的门户，那么操作入口就是连接各个子页面的枢纽。设计师的终极目的， 就是通过对这些枢纽的优化让用户利用最有效的方式在最短时间内完成自己的预期任务。
对于基于WEB的电子商务而言，核心价值是信息资源，而能否将这些海量数据合理地推送给用户，则是产品生存的关键。操作入口的设计，甚至可以看做 “通过对引导方式的优化间接达到对信息资源的归类”——这很像图书馆中的书类标签管理，用户可以根据不同的类目标签找到自己想看的书。失败的操作入口所带来的后果往往是灾难性的，功能失效、位置隐蔽、信息干扰……都会给用户带来严重的挫败感，使其绝望地湮没在茫茫的信息海洋中。所以，明确合理的操作入口设计，是对产品“有效性”的保障，更是对用户体验的尊重。
那么，在具体的设计中如何做到“操作入口明确”呢？
1、强化重点，弱化周边
星爷《唐伯虎点秋香》中的精彩片段，一声“美女”换来诸多牛鬼蛇神的壮观回眸和秋香MM的惊鸿一瞥——“美女这东西是要需要比较地”。WEB产品也 一样，尤其是海量信息的电子商务网站，由信息架构衍生出的各类功能入口相当复杂，部署在页面的各个角落，一不留心就被疏漏。通常有两种方法来解决这类问题：一是增加入口数量，即“广撒网”，同样的功能入口有多个，以此增加功能模块的使用率，不过这种方法存在较大隐患，后面会详细分析；二是“强化重点，弱化周边”，即在视觉上将入口模块凸显出来，采用精妙的布局，并适当弱化周边的信息展示，加大二者的权重对比，客观上增加用户识别的准确性。
例如地球人最熟悉的Google首页：
浓郁艺术气息的LOGO作为唯一的色彩元素有效地抓住了浏览者的视觉中心，输入栏和Button作为功能核心占据了页面的心脏位置，这种组合让用户 通过第一视觉便能够准确理解页面所表达的信息逻辑——“输入关键词”+“点击按钮”=“Everything you want”。
再看一个反例，如图：
面对这样一个下载页面，面对这样一个抢眼的大Button（标记②），相信即使是电信用户，也会很大方地支持下网通……但是，点击之后弹出的却是下载遨游浏览器的窗口，崩溃之余再仔细查看，终于发现在华丽的广告位旁边蜷缩着一个毫无特色的“立刻下载”（标记 ①）——刹那间，无数用户被这种饱含“让贤”哲理的设计深深震撼了！
0
投稿猜你喜欢
- asp之家注：学习asp，无论是做企业网站还是做个人网站一般都需要用到IP地址。如留言要记录留言者IP，用户登录也经常记录登录的IP，还有站
有不少朋友在开发爬虫的过程中喜欢使用Selenium + Chromedriver，以为这样就能做到不被网站的反爬虫机制发现。先不说淘宝这种- 阅读上一章：[翻译]标记语言和样式手册 Chapter 15 为body指定样式Chapter 16 下一步现在你知道了如何使用标准改进你的
- Golang调度机制最近抽空研究、整理了一下Golang调度机制，学习了其他大牛的文章。把自己的理解写下来。如有错误，请指正！！！golan
- 这篇文章主要介绍了Python二次规划和线性规划使用实例,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的
- 解读pandas.DataFrame.corrwithpandas.DataFrame.corrwith用于计算DataFrame中行与行或
- 事情是这样的，笔者在使用docx库的时候遇到了文字的缩进问题，具体需求是：正文内容每段首行顶两格，也就是向右缩进两个字符，像这样：需求看似很
- 本文实例讲述了Python数据结构与算法之图的最短路径(Dijkstra算法)。分享给大家供大家参考，具体如下：# coding:utf-8
- Pytorch多GPU运行设置可用GPU环境变量。例如，使用0号和1号GPU'os.environ["CUDA_VISIB
- 前言这几天比较空闲，就接触了下百度地图的API(开发者中心链接地址：http://developer.baidu.com)，发现调用还是挺方
- 目录1. DeepSource2. Codacy3. SonarQube4. Veracode5. Checkmarx6. Coverity
- 一、一站式解决 1. 问题分析定位# 找到MySQL的配置文件，复制mysql的数据目录vim /etc/my.cnf# 进入ms
- 一、场景说明在面试接口自动化时，经常会问，其他接口调用的前提条件是当前用户必须是登录状态，如何处理接口依赖？在此之前我们介绍过session
- 一、将数据写入opengauss前提准备：成功opengauss数据库，并创建用户jack，创建数据库datasets。数据准备：所用数据以
- 函数就是把具有独立功能的代码块封装成一个小模块,可以直接调用,从而提高代码的编写效率以及重用性, 需要注意的是, 函数需要被调用才会执行,
- 不固定参数函数在go语言中，允许对函数设置不固定参数。不过需要注意的是，虽然不限制参数数量，但限制了参数的数据类型。从原理分析，不固定参数利
- 1.首先读取Excel文件数据代表了各个城市店铺的装修和配置费用，要统计出装修和配置项的总费用并进行加和计算；2.pandas实现过程imp
- python 3.10支持match语句，3,10以下不支持。match语句接受一个表达式，并将其值与作为一个或多个case块给出的连续模式
- 一、问题由来工作的局域网中，会接入很多设备，机器人上的网络设备就2个了，一个巨哥红外，一个海康可见光。机器人还有自身的ip。有时候机器人挂的
- 我就废话不多说了，直接上代码吧！# coding:utf-8 2import turtle as t 3import random 4# 画
