热门关键词:亚博APP,亚博APP手机版  
【亚博APP】新人来收!10 个学交互设计必须懂的基础术语科普
2021-04-19 [49510]
本文摘要:本文总结了 10 个常见的交互设计基础术语,帮新人快速入门。

亚博APP

本文总结了 10 个常见的交互设计基础术语,帮新人快速入门。UX用户体验设计(广义的交互设计)先看一下首创人大师 Don norman 的官方界说:用户体验是指一小我私家使用一个特定产物或系统或服务时的行为、情绪与态度。包罗人机交互时的操作、体验、情感、意义、价值,包罗用户对于系统的功效、易用、效率的感受。界说中的涵盖面很广,那么在设计师事情时,其实就是通过相识用户,从而去设计行为历程。

在这个设计历程中,我提炼出三个最重要的关键词:可用性(usability)、易用性(ease of use)、情感性(affective)。可用性指的是什么呢?我认为用,Don’t make me think 这句释义来归纳综合还蛮形象的。详细展开来说,就要提另一位大师 Jakob Nielsen 著名的 5 个权衡属性了:可学习性(Learnability):初次接触这个设计时,用户完成基本任务的难易水平;高效性 (Efficiency):用户是否能利便快捷地完成任务;可影象性(Memorability):当用户一段时间没有使用产物后,是否能马上回到以前的熟练水平;容错度(Errors):是否有合理的错误机制,用户能否从错误中恢复;满足度(Satisfaction):用户对产物的主观满足度。

我认为,这几个属性是在交互设计时需要着重思量的因素,因为他们决议着你设计的产物的泉源体验,只有一个好用可用的产物才气吸引和留住用户。易用性:对于一个产物,差别的人看到这个工具,都知道它怎么用。好比网页对色盲色弱用户的支持水平,修建对残疾用户的支持水平。

易用性高,意味着这个产物设计包容度越广,越有人性化。情感性:顾名思义就是使用的历程中能给用户带来愉悦感和情感共识。

这个经常体现在一些细节描画中。例如微信中发送生日快乐会漫天飘出许多小蛋糕、Google 逐日差别主题的 logo 插画、QQ 底部 tab 栏小人儿会随点击状态眨眼睛等贴心的设计。这些细节看似若有若无,可是它们可能会在某个不经意的瞬间感动人心,留住用户。△ Google的逐日变化趣味logo△ 微信发送生日快乐时的蛋糕雨信息架构(information architecture)第二个观点是信息架构,两个字归纳综合就是「分类」。

之前在知乎看到一个很好的例子,一下就清晰地让你认知什么是 IA。许多小姐姐们都喜欢逛商场,小哥哥们逛得少但肯定也逛过吧?当你走进商场时,看到商场楼层主题名称:1F:时尚名品馆2F:名堂淑女馆3F:雅仕名士馆4F:运动休闲馆5F:主题美食馆……在 1F,时尚名品馆又有首饰区、珠表区、包包区等。凭据楼层主题分类可以很快地让你到达谁人区域,找到自己想要的工具。

亚博APP手机版

同理,互联网产物的信息架构设计也是一样,清晰的组织系统、导航设计、标签、搜索系统是四大关键点。△ 图片泉源:UX Booth卡片分类法八大步骤,帮你确定产物信息架构快要7000字的干货,从卡片分类法的界说、适用类型到8个特别详细的操作步骤,帮你一步步全面掌握卡片分类法的用法。任务流程(task flow)流程设计,就是去设计如何引导用户完成一项任务。

还是以上面的商场为例,想象你现在要去买套运动装,那么你需要做的步骤如下:到达商场→电梯/步梯上四楼→到达四楼A区→走进一家商店→试衣→满足付款→不满足换一家接着逛→找到满足的为止。设计师首先需要做的就是理清这个用户购置流程步骤,然后思考其中电梯、步梯的设置,商店的设置,优化这些流程资助用户更快地买到心仪的运动装。类似到互联网产物中,其实就是做用户购置、公布、收藏、搜索等流程的事情。

△ 用户任务流程设计故事板(Storyboard)这个在交互设计中也是很值得一说的观点,简言之就是用一系列草图来表达出某个产物功效。当你的产物功效比力庞大,用文字难以表述清楚时,可以实验故事板。

故事板不用像艺术般绘制的很精致,你可以随意的画几个图形释义,只要能够清晰转达出你想要表达的观点和想法即可。△ 灵魂故事板示例故事情节设计(Scenario)这个是需要与故事板举行区分的术语,故事板主要是对产物功效举行图形表述,Scenario 则主要着眼于产物的使用场景,它是讲述你的目的用户在什么情况下怎样使用你的产物。产物的使用场景很重要,你要思量目的用户究竟在哪些情况下使用,从而举行操作。

以听歌 app 举例,用户可能会在家里、地铁、运动途中、公司等场景听歌,理清目的用户涉及的场景,可能直接影响产物功效模块的搭建、思量如何增强与用户的交互性等。用心设计好一个故事,你的用户肯定可以感受到的。

用户画像(Persona)通过人种志观察,获得基于真实人物的行为、看法、念头,将这些要素提炼出一组对产物目的用户的形貌,形成一张人物模型卡片。这张卡片上面,设计师可以清晰地看到目的用户的样子:有名字、照片、家庭、事情、喜好等,从这些特质你可以知道他期望什么?为什么期望这些?以及他会在哪些场景下做什么?这张卡片上的所有要素组成,我们称之为用户画像。△ 用户画像要素案例设计师经常会进入一个把自己看成用户的误区,但要时刻记着你只是千万个用户中的一个。在实际生活时,用户往往是基于自己的知识结构、履历、场景来使用产物,用户的心智模型可能和设计师、开发工程师的技术实现模型完全差别。

亚博APP手机版

这个时候,引入用户画像,可以资助设计师更好地站在他们的态度上去思考需求。新手入门指南!从零开始建设用户画像无论是 B 端产物还是 C 端产物,用户画像都是产物设计、优化体验的必备工具。卡片分类(card-sorting)在设计产物信息架构时,前文也说了最重要的就是「分类」。

那用什么方法举行信息分类呢?我们比力常接纳的研究方法就是卡片分类。△ 卡片分类法你可以凭据目的需求,准备一些差别颜色的便利贴,写上需要用户分类组织的主题短语。

在卡片分类历程中,到场用户将差别的卡片主题组织成对他们有意义的种别,资助您标志这些组。卡片分类可以资助你相识用户的期望和对主题的明白。

设计师可以越发清楚地知道如何构建网站结构,决议在主页上放什么,以及设计出切合用户心智的标签种别和导航。值得一提的是,需要用户分类的卡片不宜过多,思量到场者疲劳,开放式卡片建议限制在 30-40,关闭式卡片可以适当增加。卡片上的短语只管是详细的短语或者名词,如果用户不明确要举行适当解释。

可用性测试(usability test)在用户体验观点中,我们说到可用性是一个很是重要的关键词。那么当设计师在完成一个功效的交互设计,产物上线前,如果想要快速相识用户在真实场景使用历程中是否存在问题或者障碍,这个时候可以接纳可用性测试这种研究方法。

用你绘制出的线框图,不管是纸质的还是线上的,招募 6-10 名用户到场可用性测试。外洋曾有实验研究讲明,当可用性测试人数为 12 名时,就可以发现约莫 85% 的问题。

如果凌驾 12 名,发现问题的概率就迅速降低了。所以,实际需要到场人数,可以凭据项目情况由研究员决议。在可用性测试历程中,设计师要与到场者保持良好的相同,在看到到场者有困惑或者操作错误的地方,要实时举行询问和记载。不要刻意去引导到场者操作,让他依据自己的使用习惯,你来发现问题就好。

亚博APP手机版

A/B测试(A/B –split- test)A/B 测试这种研究方法经常与转化率这个数据指标相关联,是测试哪一种版本更有利于目的数据的实现的方法。A/B 测试需要有两个版本,对目的用户分为两组,划分给他们使用差别的版本,在其他设定条件相同的情况下,测试究竟哪个版本更有利于我们关注的指标的实现。

每种类型的网站都有自己想要实现的目的,电子商务网站希望用户能够多购置商品,银行网站希望用户资金多在自己行里储蓄/理财,新闻网站希望用户能够多点击投放的广告。每个网站都期望到达自己的目的,从而获取收益。运用 A/B 测试,你能够相识究竟哪个设计版本能够切合产物目的用户的期望,从而促成业务/数据目的的实现。情绪板(Mood Board)其实这是用来表达设计界说与偏向的视觉手段,不外交互设计师还是需要相识一下。

情绪板就是通过收罗一系列的图像、文字,实物样本,举行视觉元素的拼贴,旨在通过用户情绪确定产物定位和视觉气势派头。举个例子:金融产物,首先确定用户期望的原生关键词,如宁静、专业、信赖等。凭据原生关键词,开始衍生到详细物品。

例如宁静可以遐想到盾牌、保险箱、锁等工具。衍生完所有详细物品,设计师开始举行图片的搜集,最后邀请用户对这些意象举行选择。如此,通过很直观的视觉图片和用户选择,我们洞悉用户情绪,从而确定产物气质。


本文关键词:亚博APP,亚博APP手机版

本文来源:亚博APP-www.prg-home.com