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

 设计师 交互设计师

  现在,所有基于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

相关推荐

  • 交互设计背后的心理学原理

    作者介绍郑少娜,云之家里一只特立独行的用户研究员。想把生活踩在脚下,说:“叫你搞事情!叫你搞事情!”✦✦✦✦✦某次下班偶遇一开发,他问:“你们平常做的交互设计,有什么准则吗?”我列举了尼尔森十原则之类,却遭到…

    2017-08-01
  • Don't make me think 读书总结

       这本书算是一本很入门的交互设计图书,很多内容其实都是通过以前的积累已经知道的内容。我相信对于大家来说,“要记得在每个页面上加导航栏”这种提醒已经不需要了。所以,我在下面列出一些看完过后,觉得可以温习…

    2015-08-20
  • 交互设计新人的核心竞争力

    从实习的第一天起,我就数着日子在过,时间走的太快拦也拦不住,要做要学的事情又太多。转眼七月已经过去,总觉得还是有点后知后觉,花了一个月的时间去适应新环境和新工作,慢慢才知道寻求突破点的重要性,所以今…

    2017-08-04
  • 移动视觉与交互设计10项法则自查表

    转自:设计夹(ID:sezign)英文:medium译者:孙怡娜Photo by Medium近年来,移动手机风靡全球。用户们也已经习惯依照一定的法则在移动端获取信息。在这个微渺的事物就可以定胜负的世里,开发者们需要去了解并迎合…

    2017-08-01
  • 让人最不喜欢的交互设计错误列表,来看看你中枪了没!

    好的交互设计可以区分开有质量的网站和其他普通网站。然而,如果有明显的设计错误,它只会给予你本来想打动的用户以刺激和挫败感。下面是Speckyboy上总结的让人最不喜欢的交互设计错误列表,来看看你中枪了没!1缺…

    2017-08-02
  • 交互设计 | 2个概念,梳理成熟的交互设计作品思路

    直接上干货,给大家介绍作品设计中至关重要的两个概念——storytelling 和 process。这两词不是我拍脑袋想的,是我和很多hr(包括一些美国的agency,知名大公司如amazon)聊天的时候直接问的。不仅如此,我…

    2017-08-01
  • iOS10交互设计启示

    数十万互联网从业者的共同关注!作者:MOGU_Dribbbler。作者授权早读课发表,转载请联系作者。来源:站酷。欢迎投稿到早读课,投稿邮箱:mm@zaodula.com背景前段时间被一篇名为《从iOS10设计指南变化看设计的新趋势…

    2017-08-04
  • 如果你想成为一名交互设计师

    第一篇:Cooper《如果你想成为一名交互设计师》    我们收到很多来自学生和可用性从业者的邮件询问如何成为一名交互设计师,需要什么样的背景才能进入这个行业,怎样才算优秀的交互设计,需要什么样的实际技能和经…

    交互专题 2016-10-26
  • 交互设计:如何设计更好用更舒适的触控手势?

    引言:我们生活在一个人机互动频繁,由设备驱动的世界中。 随着触摸屏逐渐成为移动设备的标配,多点触控手势的广泛应用,让我们与手机、平板电脑甚至是笔记本电脑之间建立起了一种更宽广的联系方式。我们通过模…

    2017-08-04
  • 走进交互设计——感受生活中的交互设计

    交互设计交互设计(英文Interaction Design, 缩写IXD),是定义、设计人造系统的行为的设计领域,它定义了两个或多个互动的个体之间交流的内容和结构,使之互相配合,共同达成某种目的。交互设计努力去创造和建立的…

    2017-08-01