产品设计

    今日:94| 主题:15669
收藏本版 (1)
软件产品、PC、移动、网站、平台的开发、策划等内容。

[交互设计] 细微处见功夫!聊聊那些不被重视的交互稿细节 ...

[复制链接]
qwgbg 发表于 2016-10-19 08:17:27
118 1

立即注册CoLaBug.com会员,免费获得投稿人的专业资料,享用更多功能,玩转个人品牌!

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
作为一个经历了从小到大公司的交互设计师,笔者对于交互设计的认识,也从浅入深,从宏观到微观,自己慢慢的形成了对交互设计的一系列心得。
首页交互设计中直接体现设计师工作成果的是交互设计稿。关于交互设计稿,在不同类型的公司,对交互设计稿的要求也不一样,规范度也随着公司的规模变得越来越重要。在交互设计稿中,不仅仅包括原型设计,还包括原型的全局解释、原型设计说明及原型的更改记录等。也许,这些内容在有些人眼中无关紧要。但是,在分工明确、产品版本迭代清晰的公司中,这些是较为注重的内容,因为这些才是细微之处见功夫。
在创业型的公司,由于人员不多,有的人员会身兼多职,同时项目单一,大家的目标一致,所以开发过程中的沟通成本较低,另外,在项目产品的迭代过程中,开发人员的面对面沟通就更加有效。但是,在规模较大的公司,由于人员、项目众多,很难协调大家面对面的沟通,因此,在产品开发的每个阶段的产出物的规范化,就显得尤为重要,特别是设计的说明与注释。交互稿的设计说明与注释非常有助于交互设计意图的准确传达,能够帮助产品开发各阶段的人员,自主的了解其设计目的,解答开发过程中的疑惑。今天我们就来聊一聊交互设计稿中这些被人忽略的细微之处。
第一:交互设计原型的全局注释 交互设计的全局注释包括设计规范的说明和视觉界面的要求与期望两部分。
1)设计规范说明
软件的设计规范说明是指在原型开始或者原型页面的顶部,关于原型中出现的一些统一的元素、控件等的说明,可以在原型中不做解释,使原型界面显得整洁。
2)视觉界面的要求与期望
视觉界面的要求与期望是交互设计师在原型中要传达给视觉设计师的页面风格与重点的界面元素,使交互设计师的设计理念得到贯彻和实施,保证视觉稿与产品经理与交互设计师的想法一致。视觉界面的要求与期望包括主色调、页面风格、重点元素、页面情绪等等。
在交互原型中,除去原型界面,原型的设计说明与注释是交互设计原型中分量最多的部分,也是交互意图传达的重要途径。
第二:原型的说明与注释通过实践,笔者关于原型的注释和说明的方法与技巧如下:
1)可点击注释
在交互原型中,鼠标点击事件是经常发生的,包括页面之间的跳转,动态面板之间的切换等等。而在页面中并不是所有的button都能点击,因此就需要在界面中可点击的地方放置可点击注释,通常是手型标示,或者其他的半透明的圆形,这些是可以自定义的。对于不太常用的标识,需要在全局注释中的设计规范说明中加以规范说明。
2)批注框注释
当页面内容较多时,可以采用批注框注释的方式,对元素进行定向注释说明。通常采用在形状内写上注释说明,并用箭头连接形状与注释元素。但是连接箭头、注释框和说明文字要保持颜色统一,以区别页面原有内容。Ps:注释颜色可以在全局注释中说明。

细微处见功夫!聊聊那些不被重视的交互稿细节                                       ...-1 (设计师,功夫,产品,成本,规模)

△ 批注框注释
3)Axure自带控件注释
作为强大的交互原型设计工具,Axure怎么能没有标注功能呢?虽然Axure的标注方式与查阅不是很方便,但是在保证设计页面的整洁上确实很有效果的。这种比较适合大家相对来说比较熟悉的控件,在有特殊说明时,可以点击查阅,其默认状态为隐藏。选中要注释的元素,在NOTES中输入注释说明文字即可。在预览界面中点击元素右上角的标示,即可查看注释内容。


细微处见功夫!聊聊那些不被重视的交互稿细节                                       ...-2 (设计师,功夫,产品,成本,规模)

△ Axure自带控件注释
效果展示:
友荐云推荐




上一篇:用好这4个设计建议,让你的轮播图点击率更高! ...
下一篇:阿里专业干货!用户体验设计进阶修炼的思考总结 ...
酷辣虫提示酷辣虫禁止发表任何与中华人民共和国法律有抵触的内容!所有内容由用户发布,并不代表酷辣虫的观点,酷辣虫无法对用户发布内容真实性提供任何的保证,请自行验证并承担风险与后果。如您有版权、违规等问题,请通过"联系我们"或"违规举报"告知我们处理。

游览族 发表于 2016-11-5 13:40:09
明星脱一点就能更出名,我脱的光光的却被抓起来了
回复 支持 反对

使用道具 举报

*滑动验证:
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

我要投稿

推荐阅读

扫码访问 @iTTTTT瑞翔 的微博
回页顶回复上一篇下一篇回列表手机版
手机版/CoLaBug.com ( 粤ICP备05003221号 | 文网文[2010]257号 )|网站地图 酷辣虫

© 2001-2016 Comsenz Inc. Design: Dean. DiscuzFans.

返回顶部 返回列表