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

作者: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

相关推荐

  • 平衡用户体验设计和精益设计

    来源:人人都是产品经理 作者:AB Tester Blog 对你而言哪个更重要:是制作出拥有杀手级用户体验的产品来吸引用户?还是尽快制作出能满足用户的产品并抢占大量的市场份额? 如果一款产品用户体验很差的话,用户不会使…

    2014-09-27
  • 三跨362分考取北邮交互设计,复习经验分享

    2018北京邮电大学交互设计- 连庆欣大家好,我是18年考上北邮艺术专硕的学姐,初试总分362分。回忆过去复习的日子,仿佛刚刚就在眼前。我本科是信息管理与信息系统专业,从一所二本学校三跨考研北邮艺术专硕。我是8月底9月初左右着手开始准备考研的,前后大约准备了4个多月。当时刚刚开始准备复习的时候,也思考了好一段时间,由于自己是跨考的,手绘能力实在太弱,找了好几个学校了解,都是比较偏重手绘能力的,直到我看到了北邮,找了它相关的真题,发现对手...

    2018-05-01
  • 优秀的移动端UI,应当如何用微交互打磨细节?

    你的UI和交互设计中的每一个元素都是至关重要的,一个又一个细节设计让你的产品最终脱颖而出,而真正让人难忘的产品,靠的是这一个个精致到位的细节堆出来的。

    2017-05-19
  • 未来的汽车UI将惊艳世界

    今天多数汽车UI的设计,由于不直观、过时和缺乏美学表现力,一直饱受诟病。其他行业都将设计的品质奉为标准,汽车生产商在这方面则动作迟缓。所以,许多设计师抓住了这个机会,思考未来的汽车界面会如何改变我们的…

    2016-10-18
  • 用户体验设计:你必须知道的的9种状态(下)

    眼看着年纪比我们小却成就比我们高的人来说,我们依旧需要不停的汲取知识来成长。所以这个假期也是撸了两篇文章出来,这是第二篇,希望大家一起来探讨。

    2017-05-18
  • 用户体验要素,商品介绍,它们两竟发生了这种关系!

    有人去电影院是为了看电影,而有些人……上次我们讲到,网络课程的课程介绍的工作流程问题。广泛来说可以是网购中任何商品或服务的介绍的撰写或制作过程,这个工作流程和用户体验要素十分相似 ▼这一次我们来探讨用户体验要素具体对商品介绍的指导作用,先来看看一下详细的用户体验要素 ▼关于上图的模型,在《用户体验要素》一书中有详细的阐述,这里只讲与本文内容有关的部分。先来看到这个模型的右上方,有功能型和信息型两种分类。基于我当时的工作任务是商品介绍,那...

    2018-03-20
  • 交互案例实战!三个按钮背后由小见大的交互思考

    @窒息红Leon :初入交互设计工作,最常见的需求就是——放按钮。放按钮看起来是超级简单的事,无非就是设计按钮的样式、摆放按钮的位置、确定按钮的状态与反馈等,但殊不知其『麻雀虽小,五脏俱全』,小小的按钮设计…

    2015-09-18
  • 交互设计、视觉设计 | 专业、课程大起底,

    dadsadsadasdsadsMulticultural epicenters for arts, culture, design, and business.是什么原因让你对设计感兴趣?是爱吗?是责任吗?都不是!是因为当年某个app的UI设计让你眼前一亮然后就欲罢不能!于是确认过眼神,我遇见了最爱的专业。想为之奋斗一生。于是就这么愉快的决定了 在设计这条不归路上愈行愈远。纠结了许久,等到开始准备作品集时却分不清什么是视觉设计或是交互...

    2018-03-29
  • 用户体验地图(User Experience Map)制作过程中的一些误区

    作为一种新的产品设计以及用户体验设计工具,User Experience Map(用户体验地图)已经被越来越多的产品经理以及设计师们所接受;确实,在产品策略、功能设计、用户服务等一系列产品发展过程中,用户体验地图的建立可以直观的呈现用户在每一个目标任务下的行为、情感、思考过程,有效的为产品工作者提供各方面的信息。然而作为一种新的工具,铺天盖地的方法论将产品工作者淹没在前进的路上。大家都热衷于建立一个这样庞大而系统的“图片”,都不约而同的将注意力放在如何产出这个Map上,甚至是依葫芦画瓢根据国外的产出物反推这个东西是怎么制作出来的。基于这种现状大多产出的Map都会“徒劳无功”,着急产出的同时你已经忽略了很多原则性的东西。下面我们就从以下几个方面来聊一聊这个过程中容易进入的误区;

    2017-05-26
  • 交互设计新手?来看看这个!交互设计怎么出现的与能干什么?

    为什么会有交互设计,交互设计能够做什么? ▎1.成功的互联网产品具备哪些要素? ①当你的Boss需要做个产品时,它首先必须是可实现的,这也是为什么核心程序员架构师的待遇普遍较高的原因,因为他们是生产力。那么成功…

    2015-01-25