马海祥博客是一个专注于分享SEO优化、网站制作、网络营销和运营思维的自媒体博客!
马海祥博客 > 网站制作 > 网站设计 > 如何使简单的设计变得更为简单

如何使简单的设计变得更为简单

时间:2015-10-02   文章来源:马海祥博客   访问次数:

常规来说,一个实用的网站,需要简单易学,直观易用,并让用户记忆深刻,但最重要的是,一定要简单!

简单与否,是用户初次接触并认识一款全新的用户界面时首先会关注的事情之一,为了让用户留下良好的第一印象,用户体验设计师应该不断的,深入的探索简化之道,让原本看上去就很简单的设计变得更为简单,在提供愉悦的使用体验的同时,赋予数字产品的在市场中的竞争优势。

如何使简单的设计变得更为简单-马海祥博客

现代人的生活日渐繁忙,注意力跨度缩短,用户对于应用产品直观易用性的标准日渐增高,如果一款应用看上去就有那么一点点的难用,那许多用户从一开始便不会麻烦去安装,用户对于软件的速度,功能,以及设计已具备一定的心理期待,那设计师必须至少满足这些期待(如果无法超越),对于一款应用软件卖1.99美金用户都会觉得昂贵,花两分钟时间去下载都会觉得没完没了的世界来说,这可是一项艰巨的任务!

但问题是,体验设计师往往与他们设计的产品距离太近,以至于很难判断用户是否真的认为产品是简单直接的,或其实是复杂困惑的。

1、简单至极的用户体验

观察用户真正的上手使用产品是测试设计功效最好的方法,但复杂的用户测试却不一定是最好的选择;最坏的情况是,体验设计师难以判断用户是否真的认为产品如自己设想的那样易用,为了解决这个难题,提供简单至极的用户体验,设计师应该考虑以下几点:

(1)、解构用户与应用的初次接触体验:让影响用户第一印象的设计缺陷暴露出来。

(2)、平衡界面的可供性(Affordances)与传统认知(Conventions):探索用户对于特定设计元素的传统认知与交互习惯能够展现深入简化的机会。

(3)、创新第一:简化用户的思维方式,真正解决用户问题是重中之重。

当提出创新方案之后,我们有的是时间去进一步简化方案。

2、创造最棒的第一印象

苹果的应用商店在2013年就拥有了一百万款应用,当中大量的产品在功能上大同小异,这给予了用户充分的选择权,如果一款应用很难用,用户可以轻松的选择更简单的另一款应用去替代,所以,简化使用体验与用户的选择是直接挂钩的。

在此,让我们想想用户是如何一步一步评判一款产品的:

(1)、需求及寻找

用户会根据自身需求去寻找相关的应用,举个例子,一位繁忙的母亲需要与家人分享日程安排,为了满足这个需求,她开始在应用商店搜索 “家庭日历应用”,希望找到相应的产品。

(2)、第一印象

根据尼尔森/诺曼集团的数据,用户在一个网页的平均停留时间为10-20秒钟,让我们假设上述的这位繁忙的母亲有15秒钟的时间去浏览每一个搜索结果,那当她在看到第一款出现的应用时就会想:这是不是我要找的“家庭日历应用”?

在还没来的及下载尝试这款应用之前,她已经花了15秒时间思考这款应用是否能够满足她的需求,她通过浏览该应用的截屏去判断其是否能够做到她想做的事情,在还未决定下载之前,这些界面就必须清晰无疑的展示出该应用的功能。

在这个时候,帮助她决定是否下载这款应用的重任就全落在了应用界面的简明易懂的程度上了。

(3)、基础保证

当这款日历应用成功通过了这位母亲的第一轮评判,她就开始下载使用了,她开始尝试添加一个日程,她通过应用的基础功能去判断自己是否做出了正确的决定,作为一款日历应用,简单的添加日程是最基本的功能保证。

基本功能的使用体验必须要简单,这之后用户才开始思考:这款应用还能做什么我没想到的事情呢?或是这款应用有什么我不需要的功能,甚至影响我正常使用了?

举个例子,为每个日程添加视频通话的快速连接可能对用户来说是个很方便的功能,尽管这位母亲一开始并没有特意寻找这个功能,但她也许会很高兴这款应用具备这个功能;但从另一个方面来说,同样的功能如果被强硬的添加在了这款应用的基础功能里,用户还无法通过正常的方式关闭,那这个功能对用户来说就会变得很厌烦了,附加功能绝不能够影响基础功能的实现,而简单就体现在产品的基础功能与增值因素的平衡上。

无论是通过应用商店或是其他渠道,体验设计师都需要考虑用户初次与产品接触的初步评判过程,尽管这个过程可能只持续几秒钟,简单明了的设计都会给用户留下良好的第一印象,要知道,简单可不仅仅能够成功说服用户去尝试你的产品,也可以确保用户持续使用你的产品。

3、通过传统认知与可供性进行简化

史蒂夫克鲁格在他的畅销书『别让我思考』中从多个方面的探讨了关于简单易用网站的创作,他写到,每次不假思索的鼠标点击与清晰明了的信息展示都是简化用户体验的良好机会,克鲁格提出简化体验最好的方法之一就是利用用户使用其他网站的经验,设计师应该记住“传统认知是我们的良师益友”。

大部分体验设计师都应该知道,传统认知是用户通过过去的使用体验的积累,从而对一些设计元素产生的预想,比如“汉堡包图标”代表“菜单”被广泛使用,用户在其他的应用程序中见过这个图标,所以,他们认识这个图标,只有少数用户会不清楚它的作用。

在带领用户首次使用一款应用之后,体验设计们应考虑自己是否错过了使用传统认知的机会,他们可能会发现使用一些用户已知的设计元素去替代一些特殊的元素可以提高易用性,每当设计师使用全新的设计语言,忽略传统的设计元素,用户可能就不会很快理解设计意图,甚至根本不明白,结果会很让用户很难对产品产生良好的第一印象(具体可查看马海祥博客《如何将需求还原成情景变成可用性设计》的相关介绍)。

可供性与传统认知很类似,但区别是用户的认知不一定来自于其他应用的体验,在『设计心理学』一书中,唐纳德诺曼对此进行了展开讨论,他提到某些设计元素之所以“合理”,那是因为它们暗示了人们日常接触的事物。

举例来说,一个代表搜索的放大镜图标之所以合理,是因为用户知道放大镜的作用是寻找物品,有趣的是,这同时也是传统认知的一个例子,因为其可供性,放大镜也已成为一种传统认知了,但双筒望远镜和手电筒就不能这么理解了,尽管它们也经常被用来寻找物品。

说这些跟简化体验又有什么关系呢?当设计师把用户与应用的初次接触过程细化的时候,实际上已经开始通过传统认知去寻找深入简化的机会了,但除此之外,设计师还需要探索:

(1)、能被传统认知替代的可供性。

(2)、能够运用可供性的机会。

合理的运用两者,可以很大程度的提高用户体验,首先思考如何使用传统认知能够让设计师充分利用用户先前积累的使用经验,而可供性是利用用户对现实世界认知的第二种利器。

4、持续创新

如果我们永远试图将事物保持简单和熟悉,那创新该从何谈起?每当设计师致力于通过平衡传统认知与可供性去达成简化的目的,那他/她必须首先思考一个问题:一个存在并被放置于某个网页,应用,或产品中的设计元素是否真的合理?

这种思维方式的好处就是能够让设计师首先思考创新,再去考虑简化,如果将一个应用界面看成一个独立的个体,而不与市场上的其他产品作比较,这便意味着设计师能够跳出市场标准的框框,接下来再使用克鲁格/诺曼的评判方法:这个设计是否充分运用了用户的传统认识,让用户对设计一目了然?这个设计所使用的元素是否有着充分的可供性去确保功能的实现?

最终,用户是依赖传统认知与可供性的帮助去建立对于一个界面的认知模型,从而达到一目了然,简单易懂的新鲜体验,设计师应挖掘创新所带来的自由,只有当创新之后才可以将设计元素更加直接,简单的决定下来。

重要的是明白简单的宗旨并不是违背创新,或只是用来执行受限的功能,有着复杂功能的应用也可以非常易于使用,同时功能轻量的产品也可能在使用上过度复杂。

举个例子,一个网站的联络信息表单功能非常简单,但是使用手机填写一定数量的信息就会变得复杂,相反的,一份能够自动提取用户的地理位的联络信息表单在功能上虽比较复杂,但是对于用户来说却因省去一些信息的填写,从而使产品变得更加易于使用。

归根到底,简单的设计主要依赖场景,只要设计师围绕场景为中心进行设计(具体可查看马海祥博客《移动场景下不同类型的图像处理应用设计》的相关介绍),那他就永远不必通过牺牲创新去达到简单的目的。

另外,马海祥还必须指出,简洁性与产品的环境有密切关系,设计师只要牢记产品的工作环境与意义,就永远不会以简洁的名义牺牲产品功能。

5、运用简单作试验

简单的设计通过提供清晰度提高用户体验:清晰明了的输出(这款应用能为我做什么?)以及清晰明了的输入(我需要做些什么?),在设计过程当中,体验设计师必须按部就班地一步一步确保简单的体验,解构用户的第一印象,同时合理的运用传统认知与可供性进一步的去简化体验。

这里为体验设计师们提供一些能够最大程度达到简化目的的主意:

(1)、竞品分析:调研竞品能够找到其他的产品是如何运用传统认知与可供性提高产品用户体验的(具体可查看马海祥博客《如何做好产品数据的竞品分析》的相关介绍)。

(2)、重新审视现有设计:想想设计元素背后的功能目标,利用可供性的概念去发掘创意。寻找并识别现有设计的来源(如果有明确来源的话)并试着去思考替代方案,启发新的创意。

(3)、跨越传统认知:对于已经极度依赖传统认知的产品体验,设计师可以挑战自己,利用不那么常见,却具备较强可供性,能够被用户快速识别的方案去替代传统方案,今天的创意或将成为新的传统。

6、将极简主义落实到实践中

在整个设计过程中,UX设计师都必须力求将用户的操作精简到极致,无论前面讨论的解构用户的第一印象,还是应用恒常性及可供性,都是为了将原本简单的界面进一步简化,以下是马海祥给追求极简效果的设计师的一些额外建议:

(1)、在比较的基础上分析:不妨研究下别人是如何在设计中运用恒常性和可供性原则的。

(2)、反思现有设计:思索一下已有的产品中,各个设计元素与功能之间的对等关系,这或许会启发你在可供性方面得到更多灵感,思考一下在现有的设计中,那些视觉元素在生活中是有对应之物的,这些元素是否还有别的替代物,这也是一种激活创新意识的好方法。

(3)、超越常规:UX设计师也不妨挑战一下常规,将并不常用但具有良好可供性,容易辨认的新图标或视觉元素用于产品设计中,今日的创意很可能就是明日的规范。

在自己的设计实践中,设计师应牢记简洁的产品永远会受到用户的青睐,这是一个毋庸置疑的事实,所以,设计师在工作中应该常常考虑用户的心态,这样才能自觉地以创新优化产品,积极致力于解决用户的需求,直至为用户提供已精简到极致的UX体验。

马海祥博客点评:

在一切试验中,体验设计师需谨记用户不断的在数字产品中寻找简单的使用体验,这是不变的事实,所以,设计师应抱着用户的心理去创造体验,这个过程始于创新,同时运用传统认知与可供性进一步的去简化方案。

本文发布于马海祥博客文章,如想转载,请注明原文网址摘自于http://www.mahaixiang.cn/wzsj/1307.html,注明出处;否则,禁止转载;谢谢配合!

相关标签搜索: 设计  

上一篇:2015年LOGO设计的趋势
下一篇:响应式设计时代该如何进行网站设计

您可能还会对以下这些文章感兴趣!

  • 网站设计的重要因素及注意事项

    网站设计(Web Design)就是一个把信息需求转换成用软件网站表示的过程,就是指在因特网上,根据一定的规则,使用Dreamweaver、photoshop等工具制作的用于展示特定内容的相关网页的集合。网站设计的目的就是产生网站。简单的信息如文字,图片(GIFs, JPEGs,PNGs)和表格……【查看全文

    阅读:1306关键词: 网站设计   网站设计因素   网站设计注意   日期:2012-10-05
  • 分享20个极简主义的网页设计风格

    极简主义的设计之所以总是流行,是因为他们一直用一些很简单的创意和资源去表达概念,网页设计的领域受极简主义设计的影响很大,许多有才华的设计师总是用几个简单的工具就设计出了不起的网站,比如字体和几何图形等元素。简约设计的优势不仅仅是其优雅的风格,也有在网页加……【查看全文

    阅读:718关键词: 极简主义   网页设计   设计风格   日期:2018-11-01
  • 全方位解析响应式网页的设计与应用

    响应式网页设计可以提供一个比较满意的效果,他给广泛的应用设备提供了一个自定义的解决方案,无论是一个老式旧笔记本还是最先进的设备都能够获得比较好的体验。但响应式网页设计也并不是最好的,这只是个单纯的概念,它可以有效的提高用户体验但是却不能彻底解决。我们……【查看全文

    阅读:1301关键词: 响应式网页   网页设计   响应式应用   应用设计   日期:2014-05-08
  • 响应式网页布局的实现方法原理

    昨天我在马海祥博客上跟大家详细的介绍过《什么是响应式网页设计?》,我觉的响应式网页设计不仅仅是一种趋势,还更是一个新的设计解决方案!它有助于解决不同的分辨率和设备(台式电脑,笔记本电脑,平板,手机)相关的设计问题。既然是设计的问题,这里就会涉及到很多……【查看全文

    阅读:52335关键词: 响应式网页   响应式布局   响应式原理   响应式设计   日期:2013-09-17
  • 什么是响应式网页设计?

    响应式网页设计(Responsive Web design,通常缩写为RWD)是指:页面的设计与开发应当根据用户行为以及设备环境(系统平台、屏幕尺寸、屏幕定向等)进行相应的响应和调整。可以说是一种网页设计的技术做法,该设计可使网站在多种浏览设备(从桌面电脑显示器到移动电话或其他……【查看全文

    阅读:5336关键词: 网页设计   响应式设计   响应式网页设   响应式网页   日期:2013-09-15
  • 网页设计新手需知道的10条实用法则

    大胆留白是设计概念中常常会提到的理论,但真正能根据理论具体落实的设计师却为数不多,可能是因为设计师胆儿不够大,另一种可能是没有在实际中领会到留白的美妙,网页设计中的留白是为了在有限的容量中预留一些让其中元素呼吸的负空间,并不是一种所谓的“偷懒”行为,……【查看全文

    阅读:733关键词: 网页设计   设计法则   日期:2015-01-15
  • 响应式网页设计的排版设计趋势

    假如你研究一个流行的作品集网站,里面展示了当今的网页设计,毫无疑问,你会注意到网页的基本结构千变万化,根本没有固定形态,它可以伸缩变化成任何所需的东西,我认为这是响应式网页设计带来的最棒的副产品,事实上,新的准则,就是根本没有固定准则,我们能观察发现……【查看全文

    阅读:1117关键词: 响应式网页   响应式设计   排版设计   设计趋势   网页设计   日期:2015-04-01
  • 基于页面易读性的文字编排设计要点

    文字的编排还应注意文字本身的格式效果。图文画面构成中,把不同重点的文字内容用不同的字体来表现,是设计中常用手法,如:行首的强调、引文的强调等。但字体过多画面就显得不安宁,字体过少又缺乏必要的生气,字体数量的多寡常暗示平面中核心内容的多少,所以我们要详……【查看全文

    阅读:760关键词: 易读性   文字编排   文字编排设计   设计要点   日期:2014-04-15
  • 全能型设计师必备的10个技能

    为了成为一个全能的设计师,你必须学会掌握一些技能来有效的应对客户或你的老板,很多情况下,一个设计师需要有良好的审美观和许多年的经验,而将那些“经常被雇佣”的设计师和其他设计师区分开来的就是下面列出来的技能,掌握这些技能,你不仅能在团队中成为更有价值的……【查看全文

    阅读:1071关键词: 设计师   设计技能   日期:2014-11-07
  • 关于响应式页面重构的一些关键技术点

    单纯的页面重构,所涉及到的工作内容一般是“分析设计稿>切图>写HTML和CSS”,虽然看起来很少,但要做好这份工作,绝非所想的那么容易。原因很简单:工作内容单一,在时间和工作量上必会很苛刻,往往跟设计师的工作时间是3:1,即设计师给三天的时间,制作只给一天的时间……【查看全文

    阅读:698关键词: 响应式   响应式页面   日期:2016-09-25
↓ 点击查看更多 ↓

互联网更多>>

SEO优化 更多>>

百度搜索用户建议专区上线公告 企业网站SEO推广能给企业带来哪些好处?