提高交互设计技能的五个方法

 设计师 交互设计师

  现在,所有基于Web进行设计的人都需要对交互设计原则有一个基本的了解。即使你没有在人机交互、用户体验设计或人性因素等方向的正式学习训练,但只要你了解这些学科的基本原理,依然会大大提高了你设计的成功机会。这一点对视觉设计师尤为明显。大多数视觉设计师都在艺术学校或者在培训机构经过正式或者非正式的训练。

  虽然这些机构专注于对沟通进行设计,但两类机构通常都无法提供强大的交互设计基础。对于你来说,拥有更广泛的技能集合,不仅使你的设计更成功的,而且会让你变得更有就业价值(即你变成了独角兽)。在这里没办法说得详尽,不过在你开始之前,下面有五个关键的策略,值得你在下一个项目中去理解和实现它们。

  

提高交互设计技能的五个方法

  1. 主动与你的客户交谈

  在设计在线体验的时候,你要了解的最重要的事情是你的受众。了解他们是谁,他们做什么为生,年纪多大,如何工作,他们如何理解网络,并如何使用它,是在什么样的设备上,这些都提供了对他们的痛点的宝贵观察,而你需要负责解决他们的痛点。

  对你的设计制定明确的约束也有助于你的设计过程。例如,如果你的受众在医院主要使用移动设备访问网络,那么你的设计必须能够响应式地兼容这些设备,以及设备被使用时的环境。此外,你应该在构建在沟通型设计的基础上了解你的受众,发现用户对颜色和字体之类元素的敏感性(比如物理上或文化上的)。

  要了解你的受众,需要你与目标用户直接对话。这些对话可能发生在不同的论坛里。而最客观的方法,比如问卷调查是挺好的,但没有什么能比面对面地与你的客户交谈更好。根据你的工作目标,找到目标受众也有可能简单到比如,直接去当地的咖啡馆,花5美元买一把的礼物卡片,然后和咖啡馆里的顾客聊天。大多数人会很愿意花10到15分钟的时间分享他们的意见,来换一张咖啡馆的礼物卡片。其他用来发现用户方法还有比如,在Craglists网站上发布广告,从你的客户名单里拉取名字,联系贸易组织(例如对于像护士之类的特定用户类型),还有花时间去那些你的用户也会花时间去的地点(例如,音乐爱好者会出现在音乐会上)。

  最初的对话可能会是令人尴尬的,但是随着次数越来越多,交谈的节奏会越来越接近问题。用户的模式也开始出现,从而让你可以定制每个访谈的问题,使之更为恰当。你从这些活动里学到的经验,可以用来帮助你创建用户角色模型——比如典型用户对你的设计的表现的集合,可以为你未来的设计决策提供决策的上下文。

  

提高交互设计技能的五个方法

  2. 为用户确定方向

  现在你已经对你的用户是谁有了理解,当他们使用你的设计时为他们确定方向是很重要的。为用户定向可以为他们提供一个非静态的体验。为了有效地提供这种体验,你的设计应该告诉用户三件事:

  1)他们现在在哪里

  在网站的大背景下,任何在线体验的关键都是理解用户目前在处理什么。如果用户很明显地知道他们在哪里,他们更有可能明白在当前的页面上你需要他们做。例如,如果用户知道他们在一个”产品详情页面“上,他们应该会期待看到购买的链接,也许还有一些关于其他产品的选项。

  2)他们如何是到达的

  如果说提供给用户明确的当前位置能为你预期的用户行为提供环境,那么你也要向用户展示他们到达过程的路径,提供了一个安全网。安全网是指用户对自己的行动有一个舒适的认知,如果用户跑到了错误的地方,他们就会知道他们可以退到之前的地方再试一次。

  3)他们可以到哪里去

  你已经明确了用户在哪里,以及他们如何是到达的,使得如果他们到了错误的地方可以回溯并尝试另一条路径。但如果他们已经准备好继续前进,或者他们认为回溯的路径也不会提供他们想要的内容,那么让用户知道在这一点有什么选项可用是必要的,不要让用户处在一个死胡同里。

  永远都应该有一个可以继续行进的选项。有一个很好的例子是没有结果时的搜索结果页面。你应该让用户知道没有结果可以匹配他们的搜索查询,但同时应该有选项可以帮助他们寻求答 案(例如相关搜索词)。用户行进的方式可以体现在你网站的导航上,但也可以作为情境支持来实现。

  情境支持是指显然是可点击的界面元素,如按钮和滑块。

  

提高交互设计技能的五个方法


  清晰的网站定向为用户提供舒适的感受,同时减少了用户犯错的机会,提高了当他们真的犯错时可以很快恢复的可能性。

  3. 尽量简单

  视觉设计师有可能是受美学追求的驱动才把某个元素添加到布局里,但不一定能够服务于交互的目的。虽然说美学元素很可能为体验润色,增加好感,但在设计一个交互体验时,应该考虑选择更简单的设计。

  简化则意味着把屏幕上的元素减少到最基本的,能够促进用户的任务完成的那部分。以这一部分作为基线来开始,然后再添加少量的装饰。你要考虑好网站的品牌。品牌不仅审美的反映,更是体验的反映。如果一个网站做得很漂亮的,但这种漂亮又使得用户无法完成事务,那么这个网站(或品牌)最终是会失败的。

  美学元素在任何体验中总有一席之地并且用途强大,但至关重要的的是你首先要确保体验是可用的。

  4. 设计出对话

  视觉设计训练主要专注于对沟通的设计,交互设计则努力地关注反馈回路——从本质上讲也就是用户与网站之间的对话。

  当你打磨好网站的体验,便为系统提供了当用户做对或做错什么时与用户沟通的方式,确保你的体验能明确显示出用户是否成功操作以及用户要完成事务必须进行的动作。

  你要使用你的视觉设计和沟通技巧为这类反馈式的对话构建视觉语言,确保无论用户在体验的哪一部分,任何来自网站的信息在设计和表示方法上是一致的。不同的信息可能需要不同的对待方法,用户会迅速学习整个系统,然后用户与该网站的对话就开始出现。从本质上讲,你是在人性化网站的体验(以及其背后的公司),主动预测用户的需求和提供能减轻用户受挫的信息和行动。

  

提高交互设计技能的五个方法

  5. 工作流:理解前提和后继

  视觉设计是美丽的,也是静态的。交互设计则是构建多个页面间和多个状态间的一系列工作流。当你设计每个单独的页面时,要考虑好用户能在这个页面做什么,以及下一步如何汇入到工作流中。如果你刚刚在页面上添加了注册表单,就要想想当用户按下“提交”按钮后会发生什么。页面会刷新吗?会有一个确认页面吗?如果表单上有错误呢?如果用户点击“返回”按钮呢?这些体验的工作流中的组件。每个页面或者状态都只是用户的点击流中的一小部分。你要面临的挑战是,每个用户可能都有一个相对独特的点击流,这取决于他们是如何到达你的网站的还有他们来这个网站的原因。你已经使用你对用户的理解为用户导向,你也提供了简洁的界面,创建了与用户间的成功对话:现在你要确保每次交互都有合乎逻辑的下一步骤。下一步骤应该适应你已经创建的体验和视觉语言,这样的体验才会令人感到完整性和一致性。这些元素都能够增加品牌的可信度,增加用户对你的设计的信任。

提高交互设计技能的五个方法

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

(0)
TinadminTinadmin
上一篇 2017-08-01 18:21
下一篇 2017-08-01 19:24

相关推荐

  • 如何应对交互设计中的技术实现问题

    数十万互联网从业者的共同关注!作者: 山晓,作者授权早读课转载。公众号:LEX设计生(ID:Lex-design)编辑:Dva技术实现是交互设计的last but not the least环节,甚至有时应该是设计优先考虑的问题,毕竟…

    2017-08-02
  • 产品经理的末路,交互设计的穷途

    2016年上半年我跟进了几个项目,“开始众筹”、“finger”、“分答”和“袋鼠云”,“袋鼠云”是企业级服务,前面三个是toC的服务,在为这些老板提供支持的时候,问他们需要什么人才,都说需要技术大牛和运营大神,没有一个提…

    2017-08-02
  • 帅气的YouTube改版交互设计,获Adobe大奖

    美国设计师Ziarekenya Smith为Youtube制作的概念交互设计,获得2014年Adobe设计大奖。项目视频↓↓↓Ziarekenya Smith一人承担了设计、动画、音效所有内容.新Logo,一个简洁的取景器,更强调用户UGC特色新的登录页面新…

    2017-08-02
  • 交互设计的未来在哪?

    这是2017年的第13篇文章除了电脑和手机,越来越多承载了新交互形式的产品涌现。语音、体感等更加自然的交互方式会不会成为主流?未来的产品形态和交互方式会走向何方?当NUI(自然用户界面)代替GUI时交互设计师和…

    2017-08-01
  • 新手入门做交互设计的那些事儿

    数十万互联网从业者的共同关注! 作者:panda,交互设计师个人微信号:D1173740249作者授权早读课发表,转载请联系作者。欢迎投稿到早读课,投稿邮箱:mm@zaodula.com文章底部可以评论留言啦,欢迎大家赞同质…

    2017-08-04
  • 【交互设计】手机界面中的灰色运用

    苹果手机的出现,有效的提升了设计师的地位。我有个在微软工作过的朋友告诉我,在苹果手机产生规模性的影响前,他们把设计师称为“美工”,后来,才尊称一下“设计师”。在手机界面的设计中,灰色的使用常常可以为界面…

    2017-08-01
  • UI交互设计手册

    Good UI是一家研究用户体验的设计机构。我们知道成功的页面设计不仅有很高的转化率更便于用户使用,既能满足商业目标更能为用户带来良好的体验。今天为大家分享一些Good UI 在一些项目中获取的设计以及运营策略等方…

    2017-08-01
  • 交互设计 ▏当谈论『隐形设计』时,大家会谈些什么?

    设计并不总是耀眼夺目的艺术。它讲究微妙、实用,而且常常是不确定的。很简单,好的设计往往是隐形的。原作者:Carrie Cousins 翻译:IFEC团队译者 十萬個為什麼当你创造网页、移动应用甚至智能手表的交互时,就是…

    2017-08-01
  • 2017年交互设计的10大趋势

    UI 设计的趋势是变化非常快的,有的时候我们的脚步总是可能慢了一拍。 随着 2016 年接近尾声,Lin. 为大家整理了外网大牛 Jamie Leeson 总结的 2017 年 UI 设计的 10 个重要的趋势。01. 沉浸式的全屏视频Campos Cof…

    2017-08-02
  • 交互设计的三个半原则

    一些设计的基本原则往往是通用的、甚至可以说放之四海皆准的,例如优先级、一致性、界面的隐喻等等,好的设计都需要考虑到这些问题,甚至再更广的范围内也同样适用,而不仅仅是交互设计范畴。一个设计师&产品经…

    2017-08-01