分享
 
 
 

以实用性为核心的设计方法

王朝学院·作者佚名  2016-08-29
窄屏简体版  字體: |||超大  

Jerry Cao是UXPin(线框图及原型制作应用)的内容策略师,负责为线框图及原型制作平台开发应用内在线内容。有关在设计中融入实用性测试的更多细节和视觉内容,敬请阅读我们的电子书《用户测试与设计》。

在改善用户体验之前,要先做到了解应用所涉及的业务。应用旨在解决什么问题?如何盈利?其成功之处在哪?又有哪些不足之处?

正如《用户体验设计流程与文档》中所述,这一步骤就是“产品定义”阶段,我们需要在这一阶段内对业务形态进行剖析、决定用户体验的哪些方面需要改善,然后拟定各种前提条件和测试计划。

下面我们将介绍如何运用精简框架对业务情况进行解构,确定正确的目标用户群体和存在的问题,然后拟定相应的实用性测试计划。另外我们还将说明我们通过测试获得的一些想法,并通过截图展示这些想法对Yelp的再设计实施产生了哪些影响。

业务解构

在Yelp再设计实际操作过程中,我们第一步选用了Lean Canvas,因为其体量较小,而且能够全面地以视觉方式展示Yelp的业务运营情况。从自身考虑,Lean Canvas能够有效地通过最低量的纸上作业形成可实际操作的意见。

来源:Why Lean Canvas

Lean Canvas由Cloudfire的CEO Ash Maurya所打造,其有助于我们通过关注客户存在的问题、拟定的解决方案和成功标准来深入业务的核心部分。 由于Lean Canvas大多被新成立的公司用来草拟业务创意,因此对于Yelp这种大型的知名企业,我们只采用其中的画布功能。繁琐的文档这里就不赘述了,下面我们以Yelp为例来看看如何从UX角度出发完成这一步骤:

· 首要问题 — 某个城镇内的居民需要了解当地[最佳/最快捷/最便宜/最方便]的[餐饮/服务]。

· 3大功能 — 用户评价、活动流、地理位置/分类搜索。

· 独特的价值主张 — 可以让用户列示商家、添加评论并查看好友或其他用户推荐的商家。

· 绝对优势 — 用户群庞大所带来的网络效应。

行业内参 总结Yelp的关键成功因素之一就是其“网络效应”。 用户撰写评论可以鼓励其他评论和新用户的产生,从而形成病毒式循环,促使Yelp名列地区性商业排名的榜首。这样一来,Yelp就拥有了大量的用户,并能够从经济角度成为一个有效的广告平台。虽然其三大功能能够通过彼此配合实现积累用户数量这一关键目标,但我们还是认为其最关键的功能是搜索功能和信息结构。如果大家找不到自己所需要的内容,也就没法写评论,更无从谈起鼓励别人参与。所有,我们的再设计工作的目标是改善应用组织及引导用户查找所需内容的方式。

将业务见解转变成用户测试目标

在确定了再设计工作的目标后,我们就需要找出能够从中受益的用户群体。是新用户?超级用户?还是偶尔用一次的用户?为了寻找答案,我们查证了哪些人对业务情况的影响力最大。

来源:Yelp Q2 2014

通过观察Yelp在其网站上发布的数字,我们发现其每月的独立访客人数是1.38亿人,截止至2014年2季度的累计本地评论是6100万条,所以说获取用户对Yelp来说不是问题。更重要的是,Yelp已经实现了盈利,并且保持了评论数环比44%,月度独立访客27%的优秀增长率。

考虑到公司已经拥有了庞大而且不断增长的用户基础,我们认为使用频率和用户保留率应该是一个比较值得探索的领域。因此,我们的目标领域就是半日常用户。Quick SPRout的CEO Neil Patel表示,成功保留用户的关键在于让用户说“原来如此”的速度,也就是新用户因为领悟到了应用所承诺的真谛,从而成为超级用户的速度。对于他个人来说,增加或减少功能能够提高产品的价值。考虑到这一点后,我们认为我们所需要问的问题是:

· 大家在选择饭店时一般会使用哪些功能?(例如照片、评级等)

· 用户能否根据某些特定的标准选择饭店?

· 用户是否知道如何保存及找回内容?

· 用户能否查询某个商家在特定时间是否营业?

通过探索上述问题,我们希望能够找到一套方案来提高将非常用用户转变为超级用户的效果。

实用性测试的计划和实施

考虑到我们的项目属于冲刺型的设计工作,因此既要保证全面也要压低成本。我们最后选择了无管制远程测试,其中包括分析拍摄下来的卡片分类、树形分类以及首次点击测试。这些测试可以让我们了解到测试参与人员在自己生活中使用产品的方式、对信息进行优先分类的方式以及哪些操作最为普遍。

1.录制用户测试

我们选择这个方法的原因是因为其能够完美地实现成本与收益的平衡。考虑到我们打算在大约3周的时间内完成从启动到再设计的项目工作,所以无管制用户测试有助于快速招募参与者、简化计划过程并同步进行参与者测试。

你可以点击下方的图片了解我们通过用户记录到的任务和反馈类型。

正如免费电子书《用户测试与设计》中所述,录制用户测试有助于发现管制测试中可能无法反映出的问题。究其原因,尽管管制测试比较方便反馈的收集和提供,但让用户能够在自由的环境下与产品进行交互这一点也是不可替代的。所以说两种方法相辅相成——管制测试有助于直接了解用户的想法,而无管制测试可以让你分析用户在自由环境下是如何与产品进行交互的。

UserTesting推荐在开发过程的早期进行管制测试,无管制测试则可以随时进行。下面是我们通过无管制测试获得的3大反馈:

· 搜索功能是所有任务的首要起点。

· 各种活动太过不显眼,我们得提高其视觉存在感。

· 我们需要简化保存商家以供日后使用的功能。

2.卡片分类

卡片分类法可以帮助我们了解用户整理内容的方式,从而提供有关导航和名称选择的反馈信息。

来源:Optimal Workshop Similarity Matrix

卡片筛选专家及Maadmob的创始人Donna Spencer认为,尽管卡片筛选可能无法提供出最终的结构,但还是有助于解答设计所需的信息架构方面的问题。卡片筛选分为两种方法:

· 开放式卡片筛选——为测试对象提供载有网站内容,但没有既定分组的卡片。然后请他们按照自己的想法对卡片进行分组,并给每个分组起个名字。

· 封闭式卡片筛选——为测试对象提供载有网站内容的卡片,并告知他们卡片的分组情况及各个组的名称。然后请他们将各个卡片分别放入既定的组内。

因为时间关系,我们选择了重新组织现有IA比较简单的封闭式卡片筛选方法。封闭式卡片筛选告诉了我们用户与Yelp中47个功能筛选器(例如“是否允许携带宠物”)进行交互的可能方式。如果时间和资源允许(特别是在你需要创建新网站时),强烈建议再进行一次开放式卡片筛选,以便在有需要时从零开始对IA进行重构。

通过卡片筛选我们的主要收获是:

· UI必须对使用最广泛的筛选器(例如“正在营业”和“可刷卡”)进行优先级排序

· 我们可以通过隐藏7个鲜有人使用的筛选器(例如“有DJ”)来简化筛选器菜单

· 大家表示网站看起来比较乱,所以我们的新布局会争取打造出更为简洁的外观

3.首次点击测试

首次点击测试可以检测受测人员在完成任务时会首先点击界面上的什么对象?如《实用性测试》中所述,首次点击对于网站导航来说尤其重要,因为给用户留下第一印象的机会仅有一次。

Adobe的高级创新员Bob Bailey在2006年对CDC政府官网做的一次首次点击测试完美地诠释了这一测试的重要性。他发现,当用户的首次点击就进入正确路径时,其中87%的人都能成功完成任务。但如果首次点击就进入了错误的路径,则只有46%能够完成。考虑到Yelp的主页有大量的选项(顶部导航栏有城市选项、侧边栏有热门活动等),这项测试能够让我们看到网站的哪个部分是最为直观的部分,以及哪些功能需要砍掉。

幸运的是,我们的首次点击测试结果与前两项测试结果完全相符。因此,我们强力推荐开展多种不同的测试以便在彼此之间进行权衡。

基于实用性测试意见进行设计

在设计阶段,我们以Google Ventures设计流程的最后几步为基础确立了一套方法。UXPin 的 CEO Marcin Treder首先准备了大量非正式的草案,然后整个团队一起筛选出了2-3套。为了防止出现“委员会式的设计”,我们将哪些草案能够进入使用UXPin进行线框图和原型创造这一阶段的决定权交给了Marcin。

进入到UXPin阶段后,我们在线框图中囊括了大部分的设计修订,然后添加了部分交互和动效,从而形成了低保真的原型。动画效果捋清后,我们又在UXPin中添加了细节,做出了高保真原型。这一流程中的截图如下所示。

1.草案

主页

搜索结果

2. 低保真线框图

主页

来源:UXPin Yelp Redesign

搜索结果

来源:UXPin Yelp Redesign

3.低保真原型

如果需要点击进行交互或者浏览整体设计,可以在实时预览中操作。

来源:UXPin Low Fidelity Yelp Prototype

4.高保真原型

如果需要点击进行交互或者浏览整体设计,可以在实时预览中操作高保真原型。

主页:

来源:UXPin High-Fidelity Prototype

搜索结果:

来源:UXPin High-Fidelity Prototype

定义、计划、测试

我们所选用的方法比较适合于快节奏的设计流程,但整体的原则也适合于小型的公司企业。了解业务目标、找出正确的用户群并根据预算和时间安排做出测试计划。完成上述任务后,设计的首要步骤也就完成了一大半了。毕竟设计的最大敌人就是含混不清。

 
 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
2023年上半年GDP全球前十五强
 百态   2023-10-24
美众议院议长启动对拜登的弹劾调查
 百态   2023-09-13
上海、济南、武汉等多地出现不明坠落物
 探索   2023-09-06
印度或要将国名改为“巴拉特”
 百态   2023-09-06
男子为女友送行,买票不登机被捕
 百态   2023-08-20
手机地震预警功能怎么开?
 干货   2023-08-06
女子4年卖2套房花700多万做美容:不但没变美脸,面部还出现变形
 百态   2023-08-04
住户一楼被水淹 还冲来8头猪
 百态   2023-07-31
女子体内爬出大量瓜子状活虫
 百态   2023-07-25
地球连续35年收到神秘规律性信号,网友:不要回答!
 探索   2023-07-21
全球镓价格本周大涨27%
 探索   2023-07-09
钱都流向了那些不缺钱的人,苦都留给了能吃苦的人
 探索   2023-07-02
倩女手游刀客魅者强控制(强混乱强眩晕强睡眠)和对应控制抗性的关系
 百态   2020-08-20
美国5月9日最新疫情:美国确诊人数突破131万
 百态   2020-05-09
荷兰政府宣布将集体辞职
 干货   2020-04-30
倩女幽魂手游师徒任务情义春秋猜成语答案逍遥观:鹏程万里
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案神机营:射石饮羽
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案昆仑山:拔刀相助
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案天工阁:鬼斧神工
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案丝路古道:单枪匹马
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:与虎谋皮
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:李代桃僵
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:指鹿为马
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案金陵:小鸟依人
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案金陵:千金买邻
 干货   2019-11-12
 
推荐阅读
 
 
 
>>返回首頁<<
 
靜靜地坐在廢墟上,四周的荒凉一望無際,忽然覺得,淒涼也很美
© 2005- 王朝網路 版權所有