在网页设计中帮助用户实现目标

预测用户的意图,让他们尽可能接近目标。△ 筛选出或跳至用户正在搜索的条目


让常用功能和重要数据信息更接近用户

预测用户的意图,让他们尽可能接近目标。

在网页设计中帮助用户实现目标

△ 筛选出或跳至用户正在搜索的条目

在网页设计中帮助用户实现目标

△ 将用户常选项目列为默认选项

在网页设计中帮助用户实现目标

△ 产品列表页上把重要数据信息展示出来

很多时候用户需要像踩弹簧高跷杖一样,点击一个产品,查看信息,返回上一页,再反复操作以查看其他产品。这种设计的可用性差。应把重要信息直接放在主要页面,减少用户反复操作的次数。

如果你怕这样页面会杂乱,也可以设计成鼠标悬停时显示(如下面这样)

在网页设计中帮助用户实现目标

△ 鼠标悬停时显示有用信息

在网页设计中帮助用户实现目标

△ 常用功能直接展示出来

在网页设计中帮助用户实现目标

△ 用仪表面板方式展现主要数据和状态

在网页设计中帮助用户实现目标

△ 把常见答案放在下拉列表的头部

交互状态的及时反馈呈现

通过传达所有相关信息减少不确定性。

在网页设计中帮助用户实现目标

△ 在机器驱动的任务中显示当前进度和剩余时间

如上传文件是系统在处理,用户不知道内部运作情况,通过显示进度条可以让用户知道进展。

在网页设计中帮助用户实现目标

△ 复杂或冗长的交互状态要及时反馈呈现

在网页设计中帮助用户实现目标

△ 按次序显示操作步骤总数

在网页设计中帮助用户实现目标

△ 显示类目下的条目数

同一任务,可为客户提供多种完成方式

用户喜欢的操作方式不一样。为同一目标提供不同路径,让用户选择最符合他们自己的方式。

在网页设计中帮助用户实现目标

△ 用户可通过用户名或电子邮件登录系统

在网页设计中帮助用户实现目标

△ 为重复操作类功能提供键盘快捷键

在网页设计中帮助用户实现目标

△ 让用户可以拖拽元素

在网页设计中帮助用户实现目标

△ 让用户直接编辑数据信息

反馈呈现交互动作的限制条件或参数要求

为每一个交互动作做好准备。用户需要什么?他们如何继续?

在网页设计中帮助用户实现目标

△ 描述清楚你需要用户输入什么

在网页设计中帮助用户实现目标

△ 实时显示密码要求并反馈输入状态

在网页设计中帮助用户实现目标

△ 为表单元素预填通用参数

在网页设计中帮助用户实现目标

△ 显示表单的必填和选填信息

反馈显示交互动作的预期结果

在用户进行交互操作之前,他们应该了解预期结果是什么

在网页设计中帮助用户实现目标

△ 使用描述性按钮标签

在网页设计中帮助用户实现目标

△ 根据当前的输入,显示结果预览

在网页设计中帮助用户实现目标

△ 按次序显示或预览下一个项目

在网页设计中帮助用户实现目标

△ 使用智能菜单项明确操作内容

当用户取得进展时,给予奖励或肯定

用户取得进展了吗?他们的交互成功了吗?让用户知道,同时引导他们继续。

在网页设计中帮助用户实现目标

△ 保证链接与目标页面的一致性

在网页设计中帮助用户实现目标

△ 为新加入用户提供速效指引环节(如迅速建立人脉)

在网页设计中帮助用户实现目标

△ 进度条从大于0%的地方开始

解决用户的核心需求

很多时候,我们只解决了用户的表层需求。深入下去,探究为何用户需要某些功能或信息,然后解决他们的底层需求

在网页设计中帮助用户实现目标

△ 显示当前时间办公室处于开放还是关闭状态

在网页设计中帮助用户实现目标

△ 显示事件的新近状态

如最近发表的评论,显示为几天之前而不是具体日期,用户可明确感知是新评论。

未完待续…

 

原文地址:nickkolenda

译文来自:@企业官网设计精选

 

 

【系列文章回顾】戳下面链接快速到达:

1)在网页设计中帮助用户实现目标

2)在网页设计中如何引导用户的注意力

3)在网页设计中如何少让用户费脑筋,保持操作流畅

4)在网页设计中兼顾所有用户和场景的3个技巧

5)当用户操作错误时,如何在不影响用户体验的情况下快速处理好

 

 

 

原创文章,作者:Catherine,如若转载,请注明出处:https://www.iamue.com/29369/

(0)
CatherineCatherine
上一篇 2017-05-24 00:28
下一篇 2017-05-24 03:20

相关推荐

  • 那些上亿人都在看的Banner都是怎么设计出来的?

    每到一年一度的大促季,会场、页面、互动游戏,都在紧张设计之中,这些精美的页面和互动游戏,如何与用户产生联系?必然需要一条与用户连接的纽带 —— 它就是BANNER。有些人可能认为资源位的设计相对简单,但其实不然,小小的资源位承载着重大的使命,设计上自然也是下了一番功夫,那这一次的双11我 们是怎么做的?请听我细细道来…..

    2017-05-30
  • 写给初学者:UI、UX、GUI新手科普指南

    这篇文章会跟各位伙伴简单介绍UI、UX跟GUI三者的差异,同时也会根据自身经验说明一些业界实际的需求状况,有任何问题欢迎透过留言一起讨论喔!注:近期的业界趋势就是,不管你是工程师、设计师、BD、PM还是老板,只要会说一句话,「阿,这样设计不够『直觉』啦,使用者OOXX…」,就有种好像很懂UX的感觉呢!(苦笑)为什么使用者会点进「关于我们」注:近期有不少的Landing Page常常都会用无声的影片搭配黑色屏蔽塑造分为,其实营造的感觉真的还不赖。(当然…影片要拍得好)

    2017-05-12
  • 交互设计,应该从哪学起?

    交互设计行业感觉很火嘛,我也很有兴趣,甚至想转型做交互设计,需要具备什么条件吗?什么职业都可以转型做交互设计吗?网络上很多培训内容都太宽泛,我到底该学什么呢?想职业转型,想拿到高薪,想提升生活品质,如果只是停留在“想”,永远都不会获得成功。不如从今天、从此刻开始,开启你的交互设计之路,从职业规划到求职面试,本课程带你走上职场进阶的坦途。课程139课时,超过1500分钟,800MB课程资料,全面讲解交互设计知识!商业实战案例,1年私人顾问...

    2018-01-30
  • 美甲店如何做好用户体验?【下】 | 互联互生

    上周的一篇文章我们说到了“用户体验”对于美甲店铺的重要性,文章中我提出了一个“峰值和终值的一个概念”,以及举了几个服务性的行业的例子,它们是如何利用“多数被遗忘,偶尔特漂亮”这个心理给用户带来不一般的体验感。今天这篇文章我们重点来谈谈咱们美甲店可以怎样在“用户体验”上有一些创新。好客服的法则随着网络越来越普及和重要,大部分美甲店主都开始注重自己的店铺在网络上面的评价,我们就先拿大众点评这个平台作为例子。一个店铺在大众点评上面肯定有很多的...

    2018-05-06
  • IAMUE首发-交互设计相关概念手册

    这些“洋词”工作中总有会遇到的,新手看过来,别到时候别人说了你听不懂 名词 缩写 单词 功能 交互设计 IxD/IaD Interaction  Design 简单的说,交互设计是人工制品、环境和系统的行为,以及传达这种行为的外形元素…

    2016-01-13
  • 混合型界面:对话式UI会走向何方?

    2016年是对话式设计之年。消息应用正以惊人的好评度和参与率,占领世界和app store的排行榜。每个社区产品、应用市场、点播服务、约会应用、社交游戏和电商产品,为了提高好评度、参与率和销量,都已经或即将加入消息功能。

    2017-05-11
  • 淘宝UED:如何高效输出移动APP产品原型

    如何高效输出移动app产品原型? 清晰的产品思路,顺畅的协同合作,齐备的素材元素,真实的体验感受…保证过程的高效,更要保证有效的成果。下面我们将分三步走,来完成高效输出移动app产品原型。 一、输出以界面为单…

    2015-07-10
  • IxD交互设计工作中的关注重点

    一、IxD交互设计工作中的关注重点 1. 情景(Context) 皮特•杨•斯塔皮尔斯(Pieter Jan Stappers)认为情景指人与产品交互的环境。情景具体包括的内容取决于设计要解决的问题、设计目标和设计产出。 为什么要研究情…

    交互设计 2015-06-13
  • 为什么你读了1000篇有关如何改变的文章却从未改变?

    发布者: EVEN 此文是 Eric Barker 的文章。 大多数人其实并没有失败—不做就不会失败。 知道不等于执行。 我写了很多有关让事情变得更好的东西。常见的回应是“我懂。”好吧,如果你看 Jeopardy(智力知识竞赛节目)的…

    2015-03-21
  • 总结了一套完整的设计分析思路

    本文主要是根据个人在各个大大小小的项目中总结而来的一套做设计分析的参考思路,应用于常规的项目场景基本是够用了。“需求是业务方的几句话描述,只能管中窥象的了解他们一些零零碎碎的想法,没理解到本质需求就开始画界面,然后不断的随着他们想法的转产而反复被动修改交互稿…”
    “PM已经画好完整的demo,交互看着似乎能做的只是根据demo做细节优化和完善,做着做着就迷茫了,设计的价值到底在哪呢?”“在公司中作为职能部门的UED团队,需要站在用户的角度思辨业务,通过服务内部客户进而服务我们的最终用户,用设计专业帮助业务成功,与业务一起成长”。Tips: 跟需求方沟通挖掘需求,最重要的注意点是需求方对我们来说是快速了解行业现状和市场需求的绝佳伙伴,所以要更多的聊这些,而不要很快就陷入页面具体细节的讨论。(如果需求方主动要说,可引导至挖掘背后目的是什么,为啥要这样做,具体表现形式可以后面在细化页面时再考虑)某家居用品商要制造一款家用钻孔机,继续往下深挖用户诉求:
    “用户需要的并不是一台钻孔机,他们需要的是墙上有几个孔”
    “用户需要的并不是墙上的几个孔,他们需要的是墙上显示家人照片”
    “用户需要的并不是挂了照片的墙,他们需要的是一个更温馨生动的家”
    ……通过「某策略」,帮助用户实现「某价值」,以完成「价值变现」。

    2017-05-02