【交互设计】入门交互设计需要注意什么

作者:Mufly

最近一直在想,交互设计的核心是什么?因为身边不少设计师对交互设计有也兴趣,常常被问到怎么学呢?交互设计要注意什么?对于入行不久的我,如何回答这类问题成了难点,因为我怕回答得不好,误人子弟。

今天回顾了工作中做的内容,加上从相关书籍理解的交互设计知识,试着回答“交互设计需要注意什么”这个问题。

1、一看就懂

这个说起来挺好理解的,就是让用户直观的理解产品功能,而事实上,这个概念包含的东西太多了,这里简单说下常见的2点。

  • 图形化:

    图片相对文字来说,所承载的信息更直观,也更能渲染气氛,给用户留下更深的印象。

    常见于各种小图标,比如下载按钮,通常会看到用一个向下的箭头来表示。对于重要的按钮来说,一般会将其图形化,就算没有采用小图标来辅助表达,也会采用“色块”来讲“文字”图形化。

  • 文字:

    刚说了图形化,其实并不是说,所以文字都可以用图形来替代,文字的存在还是很有必要的,特别是一些具有“独特性”的功能按钮,用户接触得少,没有相关的理解经验,难以图形化。大多数情况,文字不会删去,而会保留,辅助说明图形内容。

    文字还有一个很常见的问题,就是文字太多,用户没有耐心去看,或者看完后没有理解到所表达的核心。在设计的时候,要将文字删了再删,把“介绍文段”变成“产品口号”,有助于用户更好的了解产品。

    用词也很重要,如果产品定位是专业人员使用,那么可以使用一些专业术语,如果不是,请把各种专业术语“平民化”。

这一点,更偏向产品的表面形式,这需要交互设计师跟视觉设计师相配合,把产品页面中,需要突出的重点,更视觉设计师沟通好。这一步,也是用户感觉这个产品好不好用,最先接触到的一层,即从视觉效果反馈的结果。

2、一用就对

这点可以说是”一看就懂“的骨架,更多涉及产品的框架,让用户眼中的产品跟设计的产品一样。

  • 归纳:

    同类功能归到一起去,这就像电商网站的导航,把各种商品归纳分类。在这里,交互设计师需要根据需求档,整理产品的框架,然后把同一类型的功能归到一起去。

    归纳说起来挺容易的,但是做起来涉及的因素就比较多了。经常看到一些产品,把同一个功能,重复出现在同个页面中,这种做法,不一定是不合理的。比如:登陆功能,一个页面经常有多个入口,一般也是合理的。

    在工作中,最常遇到产品经理想要突出某个新产品,明明这个产品功能应该归到A页面,但是产品经理要求去B页面宣传,这时候就要留意,这个位置是否合理了。(这里要展开也讨论的话,都可以单独写一篇了,这里就简单举个例子:在电商里,如果把“手机套”放到“手机页面”去宣传,这里不一定是框架错了,如果把“手机套”放到“电脑页面”去宣传,这里的框架就有问题了。)

  • 一致性:

    这是交互设计最基础的知识之一,保证产品各种元素的一致性,不要让用户迷茫。比如标题的一致性,同一个功能,这里用A来表达,到了另一个页面,也要用A来表达。这里保障用户不会在使用过程中迷茫的基础。

    除了产品本身要保持一致性之外,在于产品所属的行业来说,这点还有一些有趣的方面可以讨论。对于产品的同行,特别是该行业中的老大,他们的设计是怎样的,这点需要交互设计师去了解清楚。因为用户长期使用这些产品,会养成一些操作习惯,比如现在很多信息类APP,下拉代表刷新页面,如果你设计的信息类软件,没有这个功能,那么在用户体验上,就会有所影响。

这点说白了,就是要搭建合理的结构框架,也是交互设计师工作的核心之一。保障用户操作顺畅,就靠它了。不过这里的标题“一用就对”,其实也不太严谨,因为产品一般都允许用户“试错”,用户可以通过错误操作,来学会使用产品。这里就引出了下一点反馈的内容了,当然,这个错误不能是“致命错误”。

3、别发呆了

这点主要讲的是“反馈”,反馈也是交互设计的一个基础知识,涉及的范围挺广,但是核心就是要让用户别发呆,了解当前的操作,明白怎么去操作。

  • 错误

    各种错误操作的反馈提醒,这点需要交互设计师去发现,一个产品可以存在的各种情况,简单点说,就是找茬,还不能找太少。比如:留言超过100个字符怎么办?再极端点,服务器空间不够,保存不了留言怎么办?用户短期内持续留言,服务器超负荷怎么办?

    这些情况都需要交互设计师考虑好,当然有些涉及开发编程的内容,这部分内容就需要跟相关技术人员沟通下。考虑后,还需要给出适当的视觉提醒,比如,提醒“你刚刚已经留言了,我们会尽快回复,如需补充内容,请30秒后重试”。

  • 等待

    漫漫的等待,是大多数用户无法忍受的事,如果还没有适当的提醒,用户基本不会继续等待。对于长时间的等待,最好有具体时间倒计时,而不是以单纯进度条的方式。而对于1-5秒之类的短时间等待,有时候采用纯进度条的方式会带来意外的收获。比如在游戏的跳转过程,因为读取数据需要等待,而这个过程大概要2-3秒,这时候,如果采用读秒的方式,用户容易产生烦躁,特别是需要重复操作时,容易让用户觉得,游戏没优化好,怎么这里还要等待2-3秒啊;如果采用进度条的方式,用户会把对游戏加载慢的原因,怪罪到自己的设备配置低。

  • 导航

    导航相对于产品的游园指南,除了告诉用户有什么东西外,还承担着用户的指南功能,时刻告诉用户,当前位置在哪,不要让用户迷路了。这也是交互设计的基础之一,适当的指引,别让用户发呆。

反馈虽然也是属于表面层,但是这部分工作却是交互的重点之一。

4、总结

一看就懂,通过视觉上的优化,让用户更直观的理解产品功能

一用就对,通过产品框架上的优化,让用户更顺畅的使用产品

别发呆了,通过用户的眼睛,让用户开开心心使用产品

小技巧:

1、设计好一个产品后,把文字重新读一篇,思考,如果这段文字删了,会不会对用户使用造成影响,不会的话,那就删了吧。

2、随便打开一个页面,然后看看有没有合适的“当前位置”指南,会不会迷路,如何返回之类的。

3、重新检查一次里面的用词/图标,是否一致。

4、常见的遗漏情况:软件/硬件(兼容性问题比较常见);网络状态(无网、超时、慢等);转场(过程是否可以取消,是否有反馈等)

5、大必杀,找几个“新用户”(没有接触过该产品的人),看他们操作。

写在最后,情感化设计,从我大学开始,就一直对这块内容很感兴趣,而如今作为一名初级交互设计师,我觉得情感化设计可以更好的融入产品之中去,就比如各个网站的404页面,这个页面的设计也间接表达了各个网站的情怀。

原创文章,作者:Tinadmin,如若转载,请注明出处:https://www.iamue.com/7258/

(0)
TinadminTinadmin
上一篇 2015-07-19
下一篇 2015-07-20

相关推荐

  • 一个项目解读交互设计的3个核心价值

    作者: 小米渣和大冬瓜   说到交互设计的价值,很多人可能一脸懵逼,交互不就是一个画线框图的嘛,然后再用各种乱七八糟的线连在一起。其实这一直以来是行业内对交互设计的一种“误解”,线框稿只是交互设计师最终产…

    交互专题 2017-08-07
  • 澳洲留学交互设计专业名校有你的菜吗?

    出国留学,去往澳洲留学,澳洲留学交互设计专业名校有你的菜吗?一、澳洲留学交互设计专业的就业前景交互设计师在一些公司的职位列表中通常又被称为用户界面设计师、可用性设计师、用户体验设计师等。例如在淘宝ued团队内部把交互设计师的岗位命名为交互设计工程师,这意味着交互设计师职业定位朝着一专多能的复合型人才方向发展。交互设计的学生在中国的就业领域一般是:大型外企、通讯类企业、手机设计公司、专业的设计公司等。二、开设交互设计专业的澳洲名校1莫纳什...

    2018-04-24
  • APP细节打磨绝招 “微交互动画”

    著名魔术师 Dariel Fitzkee 曾经说过:“魔术是表演和细节的艺术。”而交互设计同样是如此。设计师大多能够很好的控制设计的大方向,但是细节处理不当的话,会让优秀的设计方案功亏一篑,要不怎么说“细节当中藏有魔鬼”呢?也正是因此,那些精心设计的微交互会让用户体验显得精巧而到位。

    2016-09-08
  • 交互设计与心理学的关系

    具体联系什么的大家看专业书籍吧,我从另一个角度说一下我的理解吧。 每个学科/专业的产生都是有它的历史使命的,为什么一定是这个时候,为什么一定诞生在这个领域,为什么会如此发展······类比一下其它学科/专业,…

    交互设计 2015-09-11
  • 转载:昨天就听闻快的与滴滴的恋情,万万没想到今天就不要脸的在一起了。

    原文:阿西博客http://wangguangxi.net.cn/?p=126 今后我要怎么选择出门打车是开滴滴还是快的尼? 又或者这俩货都没了,直接统称一个快滴打车? 不过阿西梳理了几条关于上述两个产品的使用交互体验上的建议 1.打车…

    交互设计 2015-02-14
  • 认知心理学与交互设计(1)--识别容易,回忆很难

    ♝点击上方“交互设计学堂”关注我们,送电子书这是一个新的系列,主要内容来自《认知与设计--理解UI设计准则》,经过重新整理并加入一些自己的思考。识别和回忆是记忆的两个重要功能,识别是指根据记忆对某个物体做出…

    2017-08-01
  • 十种数字字体免费下载

    当你数字和文字融合时,让数字脱颖而出是很重要的。 这些数字可用来吸引用户的眼球。在广告或打印使用创造性的数字字体和颜色,它们将脱颖而出。 国外设计师Heather Moritz跟大家分享了十种免费数字字体,这些字体仅…

    2015-01-20
  • 做设计不得不讲究的一个点:平衡

    做设计,最难的不是搞清楚解决问题的最佳答案是什么。而是,站在全局去平衡问题与问题之间的关系,做当下资源条件下相对正确的设计决策。

    2017-05-05
  • APPLE WATCH 中文手册:WatchKit Apps--App概要

    原文:Apple Watch Programming Guide:App Essentials Xcode支持用storyboard来创建Watch app的界面。当你在工程中新建一个Watch app,Xcode提供会提供一个storyboard来实现你的UI。这个Storyboard至少有一个Watch…

    2015-06-15
  • 坚持梦想选择学UED设计,斩获13K月薪

    达内UI设计,中国UID课程标准制定者当你选择一家餐馆吃饭,你有没有想过是什么让你选择这家餐馆?刚进去的时候,餐馆给你的第一印象是什么?服务员够不够勤快体贴?你是否还想去这家餐馆吃?......这一系列发生在你生活中,你留意或不留意的问题, 就是一个完整的用户体验,这种用户体验设计也称作UED。小王是达内UED学员,经过四个月培训,成功成为一名UED设计师,月薪13k。四个月,她如何实现成功?我毕业后一直在一家公司做产品工作,由于一个偶...

    2018-01-31