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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

△ 常用功能直接展示出来

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

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

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

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

交互状态的及时反馈呈现

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

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

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

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

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

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

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

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

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

△ 显示类目下的条目数

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

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

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

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

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

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

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

△ 让用户可以拖拽元素

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

△ 使用描述性按钮标签

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

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

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

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

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

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

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

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

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

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

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

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

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

△ 进度条从大于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

相关推荐

  • 纽约视觉艺术学院SVA交互设计硕士毕业展 | 点赞按钮背后的学问

    SVA的交互设计专业汇集享有国际盛誉的设计师及其当今各大领域的专业人士,学生背景来自不同行业,有交互、数字媒体、纯艺、产品、平面、家居、建筑、计算机、社会学等等,学生之间能互补知识,拓展思路。要你设计一个点赞按钮,你会怎么设计?交互设计是什么?不知道的话,你可以回顾「谷歌UX交互设计师丨郑嘉」的分享会:用逻辑支持设计决定丨Google 设计师 郑嘉带你认识UX,她认为交互设计思维是用逻辑支持你的设计决定。SVA交互设计看点读交互的学生,...

    2018-05-04
  • 利用github预览axure发布的文件

    目的github不仅仅可作为一款代码开源库平台及版本控制系统,百度百科对其定义为私有或开源软件项目管理平台,今天在此向不会使用Git的同学们普及下利用github预览Axure发布的原型文件。准备阶段1、github desktop。下载地址:https://desktop.github.com/2、 github账号。注册详情:https://blog.csdn.net/p10010/article/details/51336332下...

    2018-05-04
  • 不同用户体验渠道的无缝衔接

    不管在什么渠道或设备上,无缝衔接是组成可用的多渠道体验的5大关键点之一。那些能让不同渠道之间的转换体验变得简便的公司,将拥有市场竞争优势。

    2017-05-04
  • SKETCH | 周鸿祎自述:我的价值观

    在这本书的开头,我想讲讲影响我价值观的电影和书。说到价值观,有的人可能要笑了:都什么年代了,还讲价值观?虽然这本书的书名是《我的互联网方法论》,但这并不是按图索骥的说明书,你如果认为读完本书,就会做产品了,就能向互联网转型了,对不起,真的是做不到。赵括把兵书读了千百遍,在纸上推演了千百遍,到了实际的战场上,还是一个输。因为无论是做互联网产品,还是传统企业向互联网转型,能不能做得成,是看你能不能创新。而能不能创新,除了你的技能、阅历、领导...

    2018-04-26
  • 蜕变.进化——百度云Android端7.0项目总结

    项目背景: 百度云面世之初是一款网盘类产品,以安全、稳定、易用、快速的体验著称,经历近两年时间的升级优化,百度云已不仅仅只是“网盘”了,在慢慢的朝着平台化的方向不断发展。 旧版的Android客户端随着每一次版…

    2015-03-18
  • 快速学习时序图:时序图简介、画法及实例

    时序图作为常用的UML交互图,可以直观的传达系统内外之间的交互过程,经常用在详细设计文档中。下面本文综合参考了多篇时序图的教程,根据作者的思路将时序图做了更深入的讲解。

    2017-05-06
  • 有些话并不必说

    路边报亭挂着一块牌子:“本报亭有售雨伞10-30元”。这个表达有些啰嗦了,只需要写:“雨伞:10-30元”。 饭馆门口的告示:“诚聘西餐大厨,月薪XXXXXX,有意者请联系,电话:1350000XXX”。其中的“有意者请联系”是可以不…

    2016-05-31
  • 3种空状态出现场景,5种消灭空状态的技能教你玩转空状态

    举个例子:假设有一款图片分享类的应用,然后有个页面是“我的图片”,如果在我从来没有发布过图片的时候,这个页面理所应当就是空的。并且在这个时候,第一种方法显然是不可行的。当然,空荡荡的界面有不好,所以此时可以通过操作指引来引导用户产生内容。

    2017-05-28
  • 互联网理财平台交互设计再设计

    一、项目背景互联网理财平台,支付渠道升级,由原来的新浪托管换成富友、宝付支付。这就意味着平台需要对账户资产页面及交易流程进行重新设计。用户在购买理财产品时,只能通过平台的账户余额进行购买。如果账户余…

    2017-08-01
  • 用户体验让生活更美好

    我们赤裸裸的来到这个世界,最后赤裸裸的离开,来人世走一遭就是来体验来了。图片来源:亚朵官网-Life is Atour周四晚上拉着应用体验部的穆老师在产品交互问题上聊了一个多小时,深受启发,再结合上周末去天津游玩,入住了梁宁老师在得到里推荐的非常注重用户体验的亚朵酒店,所以我觉得今天有必要在这里和大家聊聊用户体验的话题。图片来源: Scorch先声明用户体验设计不是视觉设计或UI设计,后者只能算是前者的组成部分。“用户体验”一词是Don...

    2018-04-02