• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >心得技巧 > 成为解决问题的人!总结我在用户测试里吸取的5个教训

成为解决问题的人!总结我在用户测试里吸取的5个教训

作者: 字体:[增加 减小] 来源:互联网 时间:2018-08-23

本文主要包含用户测试,用户研究,经验分享等相关知识,希望在学习及工作中可以帮助到您

雨涵Zoe:我一直喜欢做用户测试,甚至为此写过一篇安利文《为何我如此推崇低保真原型设计》。用户测试对设计师的能力提升来说最好的一点是,它能一点一点让设计师学会从用户的视角看设计。是的,用户视角对于设计师来说,是需要学习的。很多人以为自己也是别的产品的用户,所以能够想象得出,但其实并不是那样。

我每做一次用户测试,都感觉给自己上了一堂课,总是有新的发现。例如,设计师经常在一些用户不关心的规则或细节上纠结太久,而对用户真正有价值的东西,却往往在设计中被滞后,直到产品发布都忘记加上……

结合我虽然也没有太丰富,但每次都认真记录的经验,我在这里总结一下自己至今为止从用户测试里吸取到的教训:

1. 尽量用约定俗成的控件样式和交互形式

即便你能够设计出更好的方案,如果用户不能一眼领悟使用方法,产品就会面临流失用户的风险。像iPhone这种产品之所以经常能够推出独创的操作形式,其实是大量的忠诚用户所带来的特权。用户数量和市占比决定着该产品的设计是成为潮流的引领者,还是追随者。

△ 尽管左边的方案使用起来很方便,但是难以理解。

当然,如果用户群中熟练用户占比非常高,且从没有利用设计吸引用户的动力(如一些专业工具),则不需要遵循这一条。

2. 保持信息量的最小集

虽然让用户通过最便捷的方式获取获取最多信息是设计的目标之一,但是如果用户不能快速理解界面,顺利完成其最主要的任务,那么接下来的一切都毫无意义。

梳理信息架构,尽可能只在页面展示最顶层的主要信息,与其相关的辅助信息可以让用户必须通过点击等操作才能获取。这样虽然增加了用户的操作负担,但是更好地帮助用户理解信息,利大于弊。

△ 大部分用户只关心结果不关心过程,如果有人对过程感兴趣,需要进行操作才能看到。

3. 任何单击之外的特殊操作都需要特殊暗示

用户操作的时候通常很随意,如果他们想要对界面上的一个东西进行操作,第一反应就去点一下,如果没有反应,就再多点几次。直到点了很多次之后,才会有一部分人开始尝试其它操作形式(例如双击、右键、拖拽等),而另一部分则干脆放弃。

所以如果有些操作不能通过单击实现,务必要提供暗示,哪怕只在第一次操作出现也好。

△ 如果没有暗示,用户只会尝试单击。

4. 相比文字,位置和形式更能表达操作按钮的功能

很多设计原则要求设计师既要表达明确,又要保证统一性,但其实这两种经常是相冲突的。对于用户来说,做到统一只需让同一功能在不同地方出现的时候一样就好了,不同的功能在一个地方用同一种形式展示对可用性而言其实并没有太大意义。

所以在设计一个操作按钮时,第一想到的应该是什么位置和形式能让用户更好地理解,而不是看看其它同级别操作是怎样展示的。

△ 对的形式和位置,比文字更具表达力。

5. 用户不会想到展示信息是可以操作的,除非给出暗示

对于用户来说,除了空白和装饰之外,界面有两种东西组成:信息和操作。为了视觉上的简洁,很多设计都把信息和操作进行结合。这样的设计一旦理解,确实很好用,但是用户通常是不会任何展示信息是可以操作的。乐于尝试的用户也许会试着在各个位置都点一下,但是大部分用户扫一眼,如果找不到就会放弃。

所以如果设计的展示信息,尤其是文字信息,如果可以操作的话,一定要给出暗示,如下拉箭头、色块等。

△ 下拉箭头比色块、加粗等形式都更能传递“可点”的暗示。

如果你觉得有帮助,请告诉我,以后可能会对这个话题继续更新。

「一个完整有效的设计流程也能帮你提升设计能力」

  1. UI 设计丨http://www..com/full-ui-design-process
  2. 品牌设计丨http://www..com/complete-design-work-flow
  3. 交互设计丨http://www..com/complete-interactive-design-workflow
  4. 图标设计丨http://www..com/icon-design-flow-skills
  5. UED 团队设计丨http://www..com/china-ued-teams-workflow

原文地址:jianshu

设计微博:拥有粉丝量190万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材。

优设大课堂

您可能想查找下面的文章:

  • 为什么你的用户测试是无效的? 来看高手的方法!
  • 如何做好微交互,增加产品魅力值?
  • 12个用户数据的理解与使用误区
  • 如何选择设计保真度?来看 IBM 设计师的经验!
  • 超全面!给用户体验设计师的提问清单
  • 如何做好标签系统设计?来看我的实践过程!
  • 那些让你无法自拔的游戏们是怎么做出来的?专访网易游戏设计总监邵堃
  • 你设计的图标,能顺利通过图标的可用性测试吗?
  • 用户测试的基本步骤和沟通技巧
  • 适合小公司!为什么你只需要5个用户去做可用性测试?

相关文章

  • 2017-08-06你知道如何优化加载网页字体吗
  • 2018-08-23设计风格虽然多,学会高手这两招就行!
  • 2017-08-06提高网页加载速度的初步简单技巧方式
  • 2018-08-23今年都在学!聊聊有关服务设计的10种工具(方法+案例)
  • 2018-08-23UX文案怎么写?来看看谷歌的方法总结
  • 2018-08-23从事用研6年后,我总结了这四个最重要的技能
  • 2017-08-06Facebook互联网所有服务近乎完美改版过程
  • 2017-08-06网页设计师也要学习网页代码编写
  • 2018-08-23阿里设计师:如何用动效创新方法解决产品问题?
  • 2018-08-23设计神器两连发!加载动效在线生成网站+最好用的免费图库推荐!

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • 零基础必备:详解十种常见的水彩基本技法+问题总结
    • 写给UI新手的APP结构指南:注册和登录
    • 一个完整的react router 4.0嵌套路由的例子
    • AI教程!教你 3 步做出高格调的悖论空间
    • 那些让你无法自拔的游戏们是怎么做出来的?专访网易游戏设计总监邵堃
    • 让你了解HTML及资源是如何加载的
    • 能成功传递出情绪和情感的网页,同样也是要看脸的
    • 超详细的2018年设计师进阶升级指南
    • 网易可用性优化实录!如何让你的交互设计自查表真正用起来?
    • 清除浮动(clearfix 和 clear)的用法示例介绍

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有