透过建立终端插件UI结构设计库,为我提供了两个较好的良机来磨炼我的听觉结构设计专业技能和自学过程。UI结构设计库,也称作听觉式样或主轴,是两个自订的GUI原素包,应用领域于两个某一的插件或中文网站,误以为使用者缔造优雅的新体验。
ui结构设计业务流程:
需要特别注意的两件事是,该项目著眼于UI / Visual结构设计,其中不包括UX结构设计。比如,使用者研究,由此可知文章,使用者旅途图,重要信息构架等。
作业系统基本概念
难题表述
透过我的新插件化解的问题是搜寻专业课程和讨论会的技术难度。对于像我这样想自学新事物的人而言,找寻适宜他们的杰出专业课程是具有诱惑力的。
商业价值提倡
一般而言,商业价值提倡选用申辩的方式,一般而言是第一句话。其主要目地是传递顾客能从您的产品中获得的好处。
两个类似于的设想是升降机音调-当您将插件基本概念提炼出成更易梦境,引人瞩目地和可多次重复的词组时。我在她的《 UX思路》一书中遵从了凯西·米斯(Jamie Levy)的商业价值提倡式子。
它是<顾客类别或顾客市场需求>的<知名网络平台或插件>。
导入BetterMe —“为专业课程和自学班做预备。”
它是两个专业课程条目插件,能协助温哥华的人们以快捷的方式搜寻专业课程和自学班。
使用者配角
洼瓣
在对使用者最终目标和犯罪行为有了更好的了解之后,我在下面列出了该插件的一些关键功能,以便建立低保真洼瓣。
专业课程条目(按热门,附近,即将到来的适宜您的顺序排序)
搜寻(按类别,类别,价格范围,位置,等级等过滤)
即时消息(查询)
使用者个人资料(游戏化,自学条目)
Sketches
Mid-fi wireframes
听觉语言
语言由能组合在一起以建立消息的不同类别的单词组成。听觉语言就像其他任何语言一样。听觉语言能分为颜色,空间,形状和运动。
我采访了一些使用者以了解他们的市场需求,并发现了该插件的心情,以进一步表述听觉语言。
面试难题:
1、你为什么要使用这个程序?
2、什么样的心情会有助于满足这些市场需求?
3、您如何透过听觉语言传递这种情绪?(颜色,空间,形状和运动。
结构设计开始工作表
情绪板
作为结构设计师,我们旨在优化和加快我们的业务流程。Atomic Design的设想是允许UX结构设计人员,UI结构设计人员和前端开发人员并行工作,而不是瀑布式过程。
我们如何结构设计听觉效果,以便在早期呈现给顾客?
情绪板是结构设计过程中的听觉可交付成果之一。它是两个拼贴画,一般而言由图像,文本和对象组成,这些拼贴画描述了除了页面的实际布局之外,我们透过数字产品获得的感觉。
我建立了两个独特的情绪板来展示针对不同使用者组的感受。第两个是安静,干净,最小的,适宜于自学和研究的目地。第二个是令人兴奋的,年轻的和快节奏的,传递了热情和积极的情绪。
情绪板(左-V1;右-V2)
然而, 情绪板对于许多人而言可能过于抽象,因为预测情绪板如何显示为有形的听觉结构设计原素具有诱惑力。
风格瓷砖
式样图块是有形的听觉结构设计原素(如调色板,字体或按钮式样)的拼贴,有助于与利益相关者交流具体的听觉语言。它弥合了情绪板和洼瓣之间的差距。在早期阶段获得结构设计反馈非常有用。
式样图块可协助人们可视化各个原素的组合方式。我采访了15个朋友,以选择他们喜欢的风格。原来,有2/3的人更喜欢第一种听觉风格。这是一些报价。
“我喜欢第两个,因为它在听觉上很吸引人,我会花更多时间在插件中进行发现和研究。”
“第两个是简约的。我比图片更喜欢图标。”
“第二种风格更令人兴奋,但在我看来,对于专业课程条目插件而言有点过分。”
使用者界面和原型
“如果一张图片商业价值1000字,那么两个原型商业价值1000场会议。” 创意
在确定听觉式样之后,我将其应用于中等保真度的洼瓣并进行了一些结构设计迭代。然后,我使用以下高保真使用者界面建立了交互式InVision原型。
使用者界面-主页面
InVision原型
时尚指南
式样指南 是一套建立和实施式样以改善沟通的标准。它统一了结构设计标准,并极大地影响了团队的生产力。
风格来来去去。好的结构设计是一种语言,而不是一种风格。
相关推荐:













