美文网首页
网站建设的交互设计稿体验更好

网站建设的交互设计稿体验更好

作者: 程大器姐 | 来源:发表于2018-03-19 09:54 被阅读25次

交互说明的字体大小、颜色、间距、粗细等
而在标注上,我们可以采用很多标注形式,比如大标题的标注是1;二级可以是圆点、abc等等;再到三级再进行变化。而不是一成不变的从1写到99。
a. 考虑不同角色的不同需求
交互稿有很多人要看,开发要照着交互稿逻辑进行开发、测试要照着交互稿的规则写测试用例(如果不全,我们得补)、视觉要看着交互稿中的界面进行视觉创意等。
因此,我们在设计时要尽量考虑不同角色的需求,这是在交互稿中的方方面面中都要注意的。比如第8要点图中第4条,针对视觉,写出视觉需制作两种图标;而有些时候,我也会在适当的地方标明视觉可进行创意发挥;而在开发和测试层面,则需要严谨的逻辑和易理解的方式。
b. 通过遍历方案和界面,关注极端情况
交互设计自查表是一个好东西,可以让我们很方便的关注到极端情况,但是我感觉实行起来还是没那么容易的。而我现在采用遍历的方法来走查我的界面和方案,即通过交互设计的思维去关注极端情况。
一个界面,从场景和流程上看会有这些问题:它是怎么出现,如果出现不了怎么办;界面中的每一个元素是怎么出现的、如果出现不了怎么办;界面中的每一个元素的状态是如何的、是否有多种状态;界面中的每一个元素的操作是如何的;界面中的每一个元素操作后的状态是如何的等等。而每一个元素、每一个页面都这样过一遍,会减少很多极端情况的丢失,如下图所示,通过遍历写交互说明。
通过遍历来写PC端群空间动态详情的交互说明
而遍历不单单能用在写交互说明上,再深一步还可以用在设计方案本身上,比如为什么要有这个元素或信息;这样的元素和信息能带给用户什么;用户能不能理解;可不可以有其他方式;能不能更简洁等等。但往往这个层面的遍历会耗费大量的时间和脑力,所以包括我在内的很多人应该都会忽视,还希望自己未来能更多的尝试这种方式来审查设计方案。
总结
其实还有很多能够提升交互稿体验的方法,比如第10点的遍历图中「A7-动态详情页」这样的标注会使每个页面更清晰,但会增加和耗费我们在设计交互设​计稿的时间。曾经,视觉团队反馈,可以将所有界面放入一个页面,这样可以更方便视觉设计师查看等等。
其实,很多方法和规范是死的,人是活的。在什么样的场景下,满足什么样的需求才是王道。而我们的交互稿的初级目标是可用,终极目标才是体验更好。
在自己的时间和精力较多的情况下,可以尝试优化一下自己的交互稿体验,并逐渐可以养成思维和习惯;而当自己时间和精力有限的情况,保证设计方案的质量才是关键。

相关文章

  • 网站建设的交互设计稿体验更好

    交互说明的字体大小、颜色、间距、粗细等而在标注上,我们可以采用很多标注形式,比如大标题的标注是1;二级可以是圆点、...

  • web 相关知识了解

    前端是做什么的? 配合交互和视觉设计师,根据他们提供的设计稿,运用html,css,js等技术去实现建设网站的页面...

  • 如何让交互设计提交更加顺利?

    然而,「看起来」比较专业的交互设计稿只是表象,其实交互​设计稿是交互设计的基础,而体验才是我们关注的核心,很多时候...

  • 视觉设计细节 锦集

    近半年设计工作从纯交互向体验设计过度,经常出现的问题是,会忽略很多视觉细节,导致最后产出的视觉稿仍旧有“交互稿”的...

  • 用户体验要素读书笔记--结构篇

    为用户设计结构化体验 >内容建设方面 主要通过“信息架构”来构建用户体验 >交互设计 确定给用户呈现的元素 “模式...

  • 如何设计一个网站的?有什么便捷的方法吗?

    你是如何设计一个网站的? 梳理一下流程,想要了解工作顺序是怎样的, 概念生成,选色,字体,平面稿,交互稿,动效设计...

  • 层次任务分析

    要做好以用户为中心的设计,便要求我们需要更好地了解用户、理解用户。作为交互设计师,在动手画交互稿之前,我们需要理清...

  • 交互设计师注定要学习的重要技能

    交互设计作为用户体验设计的一部分,重要性越来越高。很多学校还开设了交互设计的专业来引导学生如何更好的进行交互设计。...

  • 交互设计师注定要学习的重要技能

    交互设计作为用户体验设计的一部分,重要性越来越高。很多学校还开设了交互设计的专业来引导学生如何更好的进行交互设计。...

  • iOS逆向与安全-1.初识逆向工程

    开发的时候:1.明确需求、设计稿、交互稿2.根据需求、设计稿、交互稿编写出我们想要的应用逆向开发:拿到目标应用去分...

网友评论

      本文标题:网站建设的交互设计稿体验更好

      本文链接:https://www.haomeiwen.com/subject/gweuqftx.html