4000-888-103

资讯动态交互设计师的价值是什么?资讯详情

交互设计师的价值是什么?

2019-12-13 14:20:08

 

什么是交互设计?

交互设计就是通过设计出完整的用户操作流程和使用界面,同时保证设计的用户操作流程和使用界面符合用户的认知模型,从而减少用户在使用过程中产生的困扰和负面情绪导致操作任务的失败。

 

交互设计师的价值是什么?

交互设计师是承接上游(产品经理)和下游(视觉设计师)的角色。交互设计师的价值来源于两方面,一方面是团队工作流程中的价值,另一方面是提升产品的用户体验。

 

团队工作流程中的价值

 

产品经理的需求来自于业务、用户诉求和自身功能的迭代。产品经理通过将业务目标转化为产品目标并按照开发的节奏,从而得到产品的需求。产品经理完成了产品需求就要开始需求评审。对于需求的是否合理,用户研究员可以协同产品经理进行用户需求调研,以佐证产品需求的合理性。

在需求评审时交互设计师就要参与,需求评审通过后,交互设计师在熟悉业务的前提下要着手进行交互设计,将产品需求转化为用户操作流程、界面和对应的交互标注说明,交互设计师的产出是交互输出文档。

在交互评审时视觉设计师就要参与,交互评审完成之后,视觉设计师做出对应的视觉设计稿。在视觉设计师完成之后,交互设计师要审核一遍视觉稿保证交互逻辑和视觉界面无问题。再进行视觉评审。视觉评审后对应的视觉稿给到对应的开发人员。

开发工程师在需求评审后就可以开始功能性的开发了。开发完成之后有测试人员进行功能性的测试和交互视觉走查。

以上是比较常见工作流程。当然在ued团队中,交互设计稿和视觉设计稿内部先评审,然后再和产品经理、开发进行评审。

因为产品经理负责的面太广,方方面面需要精力,产品经理也将一部分的时间用在画原型的过程中,在这个过程中难免不够细致和全面。对设计的细腻度把控的不够。交互设计师的存在是帮助产品经理将产品需求转化为交互流程界面(原型)。交互设计师承接了画原型的工作,使得产品经理的工作负担大大减轻。

有了交互设计师,视觉设计师就不再需要重复的改稿子,因为交互稿和评审已经将界面和各种逻辑状态界面都确定了。视觉设计师可以将时间和精力放在界面的美观视觉上。

 

提升用户体验的价值

1. 以场景化思维设计

交互设计师一般更加擅长揣摩用户行为和心理特征,将用户行为按照场景化进行设计。场景化思维设计很符合用户的行为特征,这样保证了用户在使用过程中无障碍。

以手机邮箱为例,里面涉及到的主场景有:通过手机随时随地的查看邮件情况回复、转发、标记;发送一些内容简单的邮件;邮件搜索。

1. 小明将公司邮箱在手机邮箱app中登录,由于工作好多事情是通过邮箱进行办公,所以小明不在电脑旁时,偶尔看看手机邮箱收到的邮件情况。当小明看到一封重要的邮件,会进入查看详情,邮件需要转给其他同事,会进行转发操作,在输入转发人之后点击发送。如果这份邮件下次还会继续查看回复会进行标记,对于这封邮件需要回复时,会点击回复操作选择发件人还是所有人。

2. 小明手机上面有一些图片和视频,需要发送到电脑上查看和使用,由于微信发视频会压缩画质,而qq不怎么使用,所以会使用邮箱发送短视频和原始图片。通过自己给自己的邮箱发邮件,这样电脑端邮箱可以收到图片和视频。

3. 小明想找到过去的一封工作邮件,由于时间久远邮件过多,在列表查找很难找到,这时候会使用邮件搜索功能,按照主题/发件人等维度可以快速精准的找到。

 

2. 熟悉组件和界面的布局

用户在主流产品的使用下,对主流产品的设计已经潜移默化,同时主流产品的设计整体合理。我们在做产品时尽量遵循主流产品的设计可以提升产品的用户体验。

交互设计师对于Android、iOS、Web端组件控件和空间布局更加熟悉,能很好的辨别不同组件使用范围和场景。

以Android版微信为例,几乎相同的场景,为什么图1出现的是菜单,而图2出现的是底部动作条,而以前的版本点击视频通话出现的是菜单(图3)。菜单的出现往往是伴随着长按手势,而点击出现底部动作条更为合适,这也是为什么新版微信点击视频通话出现底部动作条。

交互设计师要求应该就是可以很容易的判断组件和界面的布局正确错误和优缺点。

 

3. 情感化的设计

情感是人对外界事物作用于自身时的一种生理的反应。是由需要和期望决定的。当这种需求和期望得到满足时会产生愉快、喜爱的情感,反之,苦恼、厌恶。

用户在使用过程中是否能够产生愉悦的情感,这样细腻的情感化设计大多需要视觉设计和交互设计师。常见的情感化设计可以从这些方面入手:表情、文案、拟人化、插画、动画等。

 

4.更加全面的交互逻辑

交互设计师对于原型的设计会更加细致和细腻,会关注涉及到多流程所有的状态、异常场景、手势操作、关键字段的规则定义、极限情况、多种角色、权限、刷新、加载、转场说明等

 

 

关键词:h5页面练习 h5网站框架 h5进入页面

上一页 下一页

0
↑ 回到顶部

热门推荐

发送
//www.weibenh5.com/newhome/images/manman.png