怎样做出引人入胜的用户体验

发布者: mobileui

设计师 Irene Pereyra 总结了10大技巧帮助你实现令人惊叹的交互式用户体验。

怎样做出引人入胜的用户体验

近来,设计一款能够吸引并留住用户的web和App越来越成为一门学问。

由于很多人对于计算机数字领域不是很很了解,我会经常拿我们UX设计师和建筑师作比较。通常建筑师是负责设计你的房子的,而我们的UX设计团队需要建立一个网站全面详尽的蓝图,里面包含网站的特性和功能,以及其他方方面面的内容。

但这些设计通常不是一稿就能搞定的。要想实现直观又吸引人的用户交互需要很多步骤。下面我自己总结了10个小建议希望可以帮助你设计出令人惊艳的交互式用户体验。

1.实实在在的为用户而设计

怎样做出引人入胜的用户体验

在线上交互还处在初级阶段的时候,我们其实没有太多考虑用户体验,用户也很愿意花时间学习如何使用网站。如果真的遇到实在不会的,人们也只会抱怨计算机水平不行或对互联网还不够了解。而随着越来越多的网站,移动设备和平板电脑的出现,用户显然不愿再像以前一样耗费学习成本在网站操作上面。现在的用户可不像以前那么容易讨好了,那些不合格的产品最终只会被用户抛弃的。

设计师当然是希望能够按自己的喜好和审美来设计产品。但很多时候这样做对提升用户体验没有太多的帮助,设计师和用户的偏好和需求有时候是天差地别的。应该多想想用户真正需要的是什么,然后用最直观有效的方法帮助他们实现需求。用户在网上的活动是多种多样的:浏览、搜索、玩游戏、看视频、办公或者想找一些专业的信息,这些用户行为是设计师需要考虑的。UX设计团队的工作就是要着眼用户体验的整体,然后确保用户的需求得到满足。

“为用户设计”是我们设计Civil War 150专题网站的基础,我们做的每一步设计都要从用户本身出发。在项目设计中,我们遇到最大的挑战是要处理数量庞大的历史事件和统计数据。为了能让网站与用户产生共鸣,我们使用了颜色丰富的信息图引导用户了解南北战争的史实,这里面包括“Who They Were”,“Weapons of War”,“How They Died”,“ 5 Deadliest Battles”, “Paying for the War” and “West Point Warriors”几大主题。通过给用户提供需要的信息,无论是南北战争的狂热达人还是7年级的历史学生,都能在学习南北战争的过程中得到丰富的知识和十足的乐趣。

2.做足功课

学习和吸收。你和客户沟通的越多,你了解的就越多。设计之前要深入阅读需求文档,对客户的领域也要做好研究调查,同时详尽地检查好所有内容,全面彻底地理解客户希望达到的目标(无论这个目标有多小),如果可以的话和各个部门的人员沟通了解,当然是越多越好了。在这些前期工作做好之后,我们也对项目有了最全面准确的了解,就可以进行下一阶段的工作了。

另外一个比较重要的,同行可能会有类似的产品案例分析,我们要善于从中学习。看看别人的作品是否有闪光点可以学习?里面有没有什么错误是自己可以避免的?你们的产品之间是否有共通的地方?他们的设计有没有什么缺陷?这些问题的答案会成为你项目的灵感来源之一。

你可以分析的案例类型中有些也许会让你觉得富有戏剧性。可能你正在设计一款音响设备的App,却要参考一个卖猫粮的产品。但是这对你的设计也会有帮助,因为在猫粮网站和音响设备网站上的用户行为很可能是十分相似的。除此之外,你也可以从不同的行业当中学到非常宝贵的用户体验方面的实践经验。

3.做用户的拥护者

我们时常把用户当做客户,虽然实际上不完全是这样的。任何项目都会要求达到一些商业目标,UX设计师的职责就是实现这些目标,同时又要让客户了解用户的需求。一个好的数字产品总是能在满足商业目标和用户需求之间找到平衡。

4.忘掉Nancy,多想想用户类型

当我们开始构建内容时,人物角色(persona)就变得很重要了。纵观网站全部内容,思考用户想要的是什么。这样可以帮助确定内容的优先级并确保我们构建的内容是以用户为中心的。但是传统的人物角色是这样构建的—“南希,一个28-35岁的妇女,开着一辆经济适用车,有一台用了4年的电脑,主要用来发邮件,年薪30K-50k,她想到比价商店买便宜的机票去看望弗罗里达的妈妈。”— 这样的人物角色构建方式对实际的用户行为没有深入了解和表现。

译者注:Persona即人物角色,是指针对网站目标群体真实特征的勾勒,是真实用户的综合原型。我们对产品使用者的目标、行为、观点等进行研究,将这些要素抽象综合成为一组对典型产品使用者的描述,以辅助产品的决策和设计。简单说来,Persona是在大量调研的基础上经过处理的真实有效的数,抽象出角色、场景、剧情的特征,形成一个或多个虚拟角色。(来源:百度百科)

相反的,我们根据用户在网上的行为来给不同的用户类型分组,例如“浏览信息”、“比价购物”、“消磨时间”、“查找专业信息”等行为。这样分组会让你更容易理解我们的用户出于什么原因而使用网站和App,以及文本的使用情况,用户搜寻的内容以及时间的使用。掌握了这些信息后,你可以基于用户的行为模式设计出更好的网站或App,这时用户的网名,年龄,职业和收入水平这些信息也就变得无关紧要了。

4.少即多

相信这个道理大家都了解了,很多人会觉得没有解释的必要。但是很多网站和App仍然不能正确的应用这一原则。其实关键点在于将用户所需的内容删减到最低限度。那些没有价值、混淆用户的内容应该果断删除。你要十分清楚你希望用户怎样来使用你的网站或应用,引导他们在你的网站中穿游。还有,用户总是希望操作越简单越好,速度越快越好。如果不用点按钮就可以自动跳出下面的内容,用户一定是非常欢迎的。

举个例子吧! 我们和Google团队一起做过一个项目—“20 Things ILearned About the Web and Browsers”。这个项目的难点在于要让在线用户感受实际阅读中的触觉体验。我们在项目中加入了很多互动功能:即时搜索,翻页动画,增强页面的插画,离线模式,书签和熄灯模式。我们尽量做得简单,有趣,内容又充实,让用户获得舒适的阅读体验。正是我们的设计从能从用户的角度出发,用户才能在浏览网页的过程中愉快地获取知识。

 6. 把自己当做是在为FisherPrice工作

怎样做出引人入胜的用户体验

译者注:原文的标题是“Pretend you’re working for FisherPrice”,这里的FisherPrice应该是指美国的第一玩具品牌—费雪。如果翻译有误欢迎批评指出。

我们的CEO David Martin说过这样一句话我很赞同—“All interaction should feel like FisherPrice。”换句话讲,当你设计一些大号的物品(比如儿童玩具)或为“粗手指”的用户量身定做的数字体验时,你会发现它同样会被其他用户所接受。

设计中,试着使用尺寸较大的按钮,滑块,字段来代替传统的输入字段。这样可以有效的提高用户参与度并降低跳出率。这不也就是一个UX设计师所追求的吗!

标签的设计也相当重要。当你需要提示用户提供注册信息时,措辞要简单、直接、准确,这样可以减少很多不必要的麻烦。而且会让用户在情感上强迫自己完成一整套注册流程。当然了,这也就意味着用户量、流量、订单、收益率的增长。

日本发生9.0级地震时,全世界都伸出了援手。我们和Google团队开发了一个平台,让全世界的用户一起分享日本的消息(Message for Japan)。在Fisher Price的启发下,我们的网站用很大的按钮将这些消息分为两大类别——“Love”和“Hope”,同时也用了大尺寸的输入字段号召人们“Write Your Message”和“Make a Donation”。

7. 从平板电脑得到启发

怎样做出引人入胜的用户体验

译者注:原文标题“Take cues from tablet”。

鉴于现在平板电脑的普及度越来越广,简化我们的交互设计也变得很有必要。问问自己的设计是否能在平板电脑上完美运行。如果答案是肯定的,那么恭喜你,你的设计已经具备一个强大的用户体验所需的2个基本构建块:清晰的层次结构直观的方式表达

我们曾和CBSNews.com联手为美国的观众创建一个“elegant and visually rich online news experience(优雅并且视觉丰富的在线新闻体验)”——60 minutes,在设计过程中我们考虑了结构上的层次和视觉上的直观表达等问题 。

8.设计你的UX

设计不是简单的排个版,加些占位文字然后再来个导航条就够了。这里面涉及到的视觉层级结构、内容编排、留白、定位和尺寸等等一系列的问题在线框图设计阶段就要解决好。在线框图设计阶段,如果能按照真实的设计标准来设计的话,那你的方向就是正确的。

9.和各个部门通力合作

孤立地做用户体验设计不能造就一个好的作品,而且设计上的很多问题也不能得到解决。学会倾听、协作并成为客户、用户和内部团队之间沟通的桥梁。只有这样才能为用户设计出最好的用户体验同时又满足客户的商业需求。

记住,你不是一个人在做设计。UX设计师,视觉设计师还有交互设计师共同造就了一个项目的成功——这是需要多方协作,多部门共同努力才可以完成的目标。当每个人都能在工作中一起分享激情,各尽其能,畅所欲言,往往就能创造奇迹。

10.不给自己的作业评分

设计是很少可以一击命中的,在项目的跟进过程中要做好迭代设计的准备。我始终坚持认为设计师对自己的作品应该只做定量分析。跟踪产品性能表现并理解哪里用户量正在下降是非常重要的,这些工作应该在内部完成。而且只有让第三方来进行用户数据的定性分析才能保证项目测试环境的客观性。如果这也由内部来完成,就会好像你做好作业然后自己修改一样,很难得到想要的真实数据。所以,设计师要想获得真实的客观的答案,就让别人来做用户测试,然后将测试得到的数据应用到下一次迭代设计中。

 

专注交互设计的分享资源学习平台官方公众微信号:我是UE

官方微博:我是UE网

Q群:156360020 验证:iamue

3.pic

原创文章,作者:Smiler李想,如若转载,请注明出处:https://www.iamue.com/5178/

(0)
Smiler李想Smiler李想
上一篇 2015-04-20
下一篇 2015-04-20

相关推荐

  • 页面停留时间和网站停留时间详解

    摘要:一、页面停留时间与网站停留时间是如何计算出来的? 假设用户访问了网站的主页(Home)。分析工具将这个访问者标记为一个Visit,接着这个访问者又浏览了另外两个页面(Page2和Page3),然后他离开了你的网站…

    2014-12-16
  • Axure RP 7.0软件安装 激活 教程 百度网盘

    点击上方蓝字关注免费领取百度网盘超级会员等部分软件没有贴详细教程和网盘链接,可以给公众号留言发信息,也可加微信:qihai-77当你需要的软件我们没有发布时,可以给我们留言或者加微信:qihai-77反馈哦链接:https://pan.baidu.com/s/1KZcsl-SaEcjPzwvdYQn1oA密码:ws5m有任何需要安装的软件或问题可咨询微信客服:qihai-77链接失效可在公众号留言某某链接失效 或联系微信客服:qihai...

    2018-03-30
  • 如何基于反馈迭代用户体验?

    作为互联网从业者,大家都知道,任何一款互联网产品的迭代,都一定离不开用户反馈和数据。如何通过这两个部分对产品的现状进行分析,并且提出产品功能迭代和体验优化是所有产品经理和设计师日常工作都需要面对的课题。作为一名城市规划建筑师,你接到一个任务,是要在横穿城市是一条河上造一座桥,你拿到这个任务的时候你会想些什么,“我该在哪个位置造这座桥?”,“我该造一座什么样的桥呢,斜拉桥还是拱桥?”还是“这座桥是木制、铸铁还是钢筋混凝土?”,这些都不对,首先应该想的是“为什么要建桥?”,如果你得到的答案是需要将人送到河对岸去,那么基于这个目标,你还觉得一定需要造桥,挖个隧道是不是也可以,建个轮渡也行啊。如果答案是需要将某些信息送到对岸去呢?整个命题就发生了巨大的变化。这就是设计思维在思考问题时的重要意义。

    2017-05-20
  • 四个小故事 每一个都是“极致用户体验”的用心诠释(上)

    古老的印第安人有个习惯当他们移动得太快的时候会停下脚步,安营扎寨耐心等待自己的灵魂前来追赶而身为现代人的我们在开启一段旅程前最重要的事情莫过于挑选一家“想客户所想”的旅行社只有这样才能安心这次我们透过四个小故事向你娓娓道来为什么说驴妈妈客服是“极致用户体验”的先行者即便是大家族,也“一个都不能少”王女士来自苏州,今年40多岁,她十分看重亲情,每隔一段时间,就会带上全家出国旅游——由于出身于一个大家族,王女士每次在驴妈妈报团,几乎没有少于...

    2018-04-11
  • 交互设计的前世今生:了解其产生与发展

    读史使人明智,这几乎可以说是真理。可以从历史中洞悉事物发展的本质。帮助我们更好的活在现在和将来。回顾交互设计的历史,了解交互设计的产生与发展,让自己在交互设计的道路上越走越好。

    2017-05-16
  • 微软设计师分享|七个技巧,帮你提高产品的用户体验

    今天为大家带来的一位在微软工作的用户体验设计师——JoannaNgai的设计分享,主要讲述了7个如何提高产品设计体验的小的技巧,个人觉得她的见解结合了产品思维和设计思维,简单明了,当然要让我们体会的更深刻,就需要我们在日后工作中来细细体会。

    2017-05-09
  • Facebook 改变「点赞」背后的故事

    Facebook 在上段时间做出了一个改变,堪称是最近科技界的最重磅的新闻之一,那就是他们改变了自己实施已达 7 年的「赞」的功能,增加了 5 种新的回复选择。从某种程度上说,这是 Facebook 近几年在自身产品设计上迈…

    IxD案例 2016-03-03
  • UI设计师工作必备的七个设计神器

    今天推荐的这7个神器,有经典款也有新人版,不过大致贯穿了UI设计的整个工作流程,从排版、配色、切图到标注、预览,都有对应的良心神器推荐 ,非常适合刚入门的UI设计师,当然,有两款谷歌刚出的神器,也值得老手们来瞧一瞧。

    2017-05-31
  • 这其实是一篇技术出身的产品经理所写的关于用户体验的深刻忏悔书

    十大交互原则实用总结 如果当初没有进入产品经理的队列,笔者说不定也是互联网程序猿中的一员。做技术出身的产品经理有好也有不好,好是因为一般有一个idea或者是新的需求,在没有用到特别尖端、特别前卫、特别超出…

    2015-11-30
  • 【读书笔记】方寸指间——实战指导手册

    导航设计 标签式:能让用户直观地了解到App的核心功能。根据逻辑和重要性控制在5个以内,通过视觉表现用户的当前位置,页面之间的切换快速又不容易迷失,简单高效。 桌面式:类似于手机桌面各个应用入口的导航方式…

    2015-07-17