虽说是每周一篇译文,不过这事儿确实不能算是非常容易。从阅读,到筛选,到试译,到最终确定本周的文章并完成译文,主要还是依靠每天抽些时间来做。还好,毕竟是自主行为,爱过,也仍在爱着,这就是UX从业者兼翻译票友的节操有木有。默,我们进入今次的正文。
我(英文原文作者)参与过很多产品的线框原型设计,包括我自己独立完成的,还有与其他设计师、产品经理甚至是业务分析人员一起合作的。这很棒,因为在这个过程中我见识到了很多优秀的项目。不过慢慢的我也发现了一些问题,一些大家时常会在原型制作过程当中忽略掉的要素;如果能注意并解决掉这些问题,我们的交互设计产出物就可以发挥更大的实战价值。
下图所展示的是一个很典型的例子,我们通常会将这种风格的线框稿交付给相关同事来跟进视觉设计或原型测试的工作。
这种线框稿确实能比较清晰的描述出页面元素的布局方式,但也仅此而已。它所缺少的是与其他设计师、开发人员以及被测用户之间的沟通能力。接下来,我们将一起看一看有哪些方法可以帮助我们提升线框原型在这方面的表现。
1.通过明暗对比来描述模块之间的视觉优先级
哪些内容是需要用户在页面上最先注意到的?他们的视线应该聚焦到什么位置?我们希望用户执行什么操作?这些问题不能简单的丢给视觉设计师来考虑,而上图所示的线框原型显然无法帮助交互设计师传达这方面的信息。
首先,根据产品需求及用研方面的实际情况,作为产品人员或交互设计师,我们自身应该对以上这些方面的信息了如指掌;在此基础上,为最原始的线框稿添加视觉优先级。具体实施起来其实很简单,将所有的深色“线框”移除掉,使用不同明度的灰色作为背景色来界定页面和模块的边缘,并籍此表达不同元素之间的视觉优先级。相比于之前纯粹线框风格的设计稿,我们可以在下图中明显的感受到元素与模块之间的优先级关系,例如酒店信息推荐及右侧预定表单当中的操作按钮都可以在很短的时间内抓住我们的目光。
小编推荐阅读《最囧大脑》32关通关攻略技巧指南(打破困境,激活大脑,轻松通关)
阅读深度详解王者荣耀深渊王者段位要求(从细节到实战,解析深渊王者段位升级技巧攻略)
阅读《明日方舟》最强先锋干员推荐指南(打造最强先锋战队,从干员推荐到培养全解析)
阅读《魔兽世界》怀旧服技巧指南大全(挑战圣光的召唤任务,为部落联盟赢取荣誉)
阅读探寻江湖中的宝藏——寻找《烟雨江湖》西子君剑线索的攻略技巧最新(游戏中怎样获得西子君剑线索?)
阅读星露谷物语下水道屏障破解攻略技巧指南(助你轻松突破下水道难关,快速获得丰厚奖励)
阅读《燃烧意志路奇加点攻略技巧指南》(航海王游戏中路奇如何加点,最新推荐汇总)
阅读王者荣耀史诗皮肤卡意思一览大全(探索王者荣耀史诗皮肤的故事,了解背后的涵义)
阅读《重返深渊锁镰》武器攻略大全最新(每把武器攻略,助你通关游戏)
阅读《DNF》游戏牛郎星的光辉快速获得攻略技巧(跨越星际尽享荣耀)
阅读探秘梦幻模拟战手游雾风的技能属性攻略(雾风技能解析,让你成为游戏中的绝佳战士)
阅读怎样选择合适的门派成为《我的侠客》游戏高手?(掌握门派特点,选择最佳武功路线)
阅读