10大优享服务
62项会员特权

视觉设计与交互设计,如何做好交互设计

发布时间:2022-03-07 09:00:00     阅读次数:9292次     评论数:0次

  视觉设计交互设计

  在整个产品设计的过程中,视觉设计与交互设计的“工序”非常紧密,两者关系也是相辅相成,互相影响。而视觉界面作为最直接与用户交流的层面,如何把交互设计以良好表现形态展现给用户,这里主要集中探讨视觉在提升交互的可用性方面的作用:提升可浏览性。精确与高效地传递信息与任务,贴合用户的心智模型让交互富有情感。

  具体如下:

  提升可浏览性

  1、信息结构的良好表现 视觉设计在对交互的帮助中,首要满足对产品与交互信息结构的展现,展现信息的清晰可读性,然后才是品牌,情感的传达。视觉语言可以通过分层,分类,对比等语言手段对产品概念及信息进行处理。最重要的文章详情信息一目了然,结构有序,条理清晰。能感受到视觉语言的有效干预,能对信息结构的展现起到很大的帮助作用。

  2、增强信噪比 信噪比(Signal to Noise Ratio)又称为讯噪比,原义是电声学里输出信号的电压与同时输出的噪声电压的比。 一般来说,信噪比越大,说明混在信号里的噪声越小,否则相反。类比到界面设计中,有效的视觉元素就是信号,而其他干扰元素,就是噪音。界面的噪音是由多余的干扰信息造成的,会分散用户注意力,使用户不能把注意力集中到直接表达产品功能和行为的元素上,导致给用户带来认知压力和妨碍导航的速度和精确度。不合适的字体,表义不明确的ICON,不必要的装饰等等,都是界面噪音。在视觉设计中如果保持最高的信噪比来展现信息,能增强界面的可浏览性。换句话说,如果去掉这些次要的或者干扰的设计元素,并没有使功能有所影响,那强烈建议缩小这些元素的应用比例,或者直接去掉。

  精确与高效地传递信息与任务 良好的视觉设计,能增强信息条理的清晰度。这里的清晰度有两方面的含义:清晰的视觉引导,和视觉引导元素本身的精确性。

  1、信息引导 良好的视觉设计能用色彩和层次等语言,自然而又清晰的罗列出一条视觉的“路线”,引导用户流畅的阅读,而不用自己费力的去疏通条理,或者在密密麻麻信息的忙海中寻找未知的方向。这条指引的路线,称他为“视觉流”。视觉引导的形成很好的帮助了用户在填写过程中的顺畅感。

  2、准确直观的信息符号 有了清晰的视觉引导还不够,这些视觉引导元素本身需要遵循一定规范,和富有准确的语义,才能起到有效引导的作用。

  贴合用户的心智模型将现实生活中的影子,借鉴模拟到产品设计中来,是交互设计中常用的方法,而视觉设计,也能在这方面更好的起到贴近用户感受的作用。增强用户的认知熟悉度,和适应性,能让用户感受到无缝而舒服的用户体验。

  1、由于在现实生活中,红色被用来代表警示,警告,危险等语义,用户已经潜移默化的被影响。当看到红色按钮时,不需仔细思考,潜意识会小心谨慎点击该按钮,以免带来不好的结果。

  2、体现交互的统一性很多大的网站平台,都沿用了相同的视觉风格设计,并且每个不同产品本身的工业设计,也近乎一致,让用户在“切换”每个不同产品时,又能找到产品身上相当多的共同语言。

  让交互富有情感:如果说交互是产品的骨骼,视觉就是他美丽的外衣,让产品看起来有血有肉有性格。也使得产品能和 用户产生情感上的交流互动。而抓住目标用户的情感场景而做出的视觉表现,能有效触动和推进产品和用户间的交流更顺畅。熟悉,亲切,喜爱甚至贴心的情感,都由此而建立起来了。

  如何做好交互设计

  做交互设计,分为多个不同的模块,

  策划-设计-编程-运营

  每一步是非常重要,但策划其实是起到一个根基的作用

  我拿一个某国内*臣氏商超的APP案例来分享一下是怎样做的

  交互设计是一个系统的工程

  我首先会大量的寻找市场上同类型的APP,了解他们风格

  然后把这些APP逐个下载使用

  这里大概是一个过程,当时我下载了80多个APP,然后一个个注册使用,写了一个300页的分析PPT,列出所有的好处和坏处,并写明我觉得这个功能的利弊,这就得到一个原始的分析文档

  接着,我组织我的团队一起开会,这里选择了设计,运营,编程,然后我把所有我认为效果突出的点都诉说一次,然后让大家去掉认为不好的,最后就得到几个比较有用的地方,由于是大家一起筛选出来的,所有可行性是非常好的

  接着我找回相应的这些有用地方的APP,

  然后针对这个功能多次试用,正试,反试,

  从而看能不能发现做得不好的地方,

  找他不好的地方,就是想可以在好的大方向中,

  我们升级有突破,这样就会更好

  接着就把这个功能详细的用图形策划出来,

  用AXURE做成一个交互的原形,

  然后自己试用,并看下我们想优化的效果是否能实现

  策划把该想的都想好了,接下来设计,编辑,运营的工作就变得很简单了

  8

  总结,要做好交互设计,关键是学会吸取别人好的地方,改善别人不好的地方,这样得到的东西才是最好的

本文地址:
来源:一品威客,转载须经版权人书面授权并注明来源

留言(0

↓展开留言

该攻略尚无留言记录