企业形象网站建设解决方案   |   集团公司网站建设解决方案   |    协会门户网站建设解决方案
您所在位置:首页 > 建站知识

网站设计

Website development

一个优秀的客户体验设计必需要点考虑的9个核心原则

发布时间:2016-08-12 10:20:01

TAGS:体验设计

在设计一个移动端的应用程序时,我们应该牢记在心的重要的一件事情就是务必要确保你的程序是有用且直观的。假如这个程序没有用处,那么对客户来讲就没有任何的实际价值,自然地也就没有人有任何理由去使用它。而假如这个程序有用但必需客户付出大量的学习成本,客户自然也是不会愿意去投入学习的。Npo上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司


Npo上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

一个优秀的客户体验设计必需要点考虑的9个核心原则.jpgNpo上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司


Npo上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

优秀的界面设计都能够克服以上两个难题:Npo上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司


Npo上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

为了达到可用性目的,应用程序应该是以客户为中心的。客户之所以安装你的程序是因为他们必需解决某个紧迫的难题,也就是说,你的程序一定是要有实际用途的。你要仔细考虑客户会是如何按着它们的方式尝试去完成自己的目标需求的。Npo上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司


Npo上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

赋予界面足够的清晰度。为了有效使用他们面对的客户界面,人们首先必须意识到这个界面是干吗用的又该怎样使用它。因此,在考虑界面是否还要清晰时绝不要犹豫。Npo上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司


Npo上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

以下是我认为在创建一个优秀的客户体验设计时必需要点考虑的9个核心原则:Npo上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司


Npo上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

1. 减少混乱Npo上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司


Npo上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

对于客户体验来说,客户的留意力无疑是一种非常宝贵的资源,而你的设计应该合理地分配这一资源。假如你的客户界面承载了诸如按钮、图片、文本等诸多杂乱的信息,势必导致信息过载给客户带来压力。Npo上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司


Npo上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

22.pngNpo上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司


Npo上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

有一句出自 Antoine de Saint-Exupéry 得著名的短语,即”达到完美,并不是好得不能再好,而是好得一点都不多余。” 类似的,在移动设计中,摆脱掉一切并非绝对必要的信息是非常重要的,因为其减少了混乱,而提升了客户的理解。Npo上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司


Npo上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

有一条简单的经验法则:每一个屏幕应该仅保存一个重要的动作。对于你的程序而言,其每一屏都应该向那些使用它的客户提供一个有实际价值的独立动作。这使的它易于学习,易于使用,易于在必要的时候加入或创建。相比于一个凌乱的屏幕,100个清晰的屏幕才是更可取的。Npo上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司


Npo上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

拿 Uber 来说,Uber清楚地知晓客户使用他们应用程序的目的是叫到一辆车,所以程序中并没有覆盖太多信息: 它能够基于地理数据自动定位客户的所在位置,唯一必需客户去做的事情就只是选择上车位置。Npo上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司


Npo上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

33.pngNpo上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司


Npo上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

2、 使导航不言自明Npo上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司


Npo上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

对任何应用程序来说,帮助客户导航前往正确的地方全是相当重要的一件事情。优秀的导航设计就好比指导客户旅程的一只无形的手。毕竟,假如客户都发现不了,那么再酷的功能特性或吸引人的内容也是没用的。优秀的移动导航遵循以下基本原则:Npo上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司


Npo上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

(1)导航必须是连贯的。Npo上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司


Npo上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

首先,你应该使用恰当的标识物(正确的视觉隐喻),这样导航元素就不必需额外的解释说明客户就能理解,其次,要确保每个导航元素(如图表)指向了正确的目的地。Npo上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司


Npo上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

44.gifNpo上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司


Npo上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

(2)导航必须保持一致性。Npo上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司


Npo上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

在不同页面中,千万不要把导航控件移动到不同的位置或者隐藏起来。这样会很容易使客户迷失掉的。Npo上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司


Npo上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

(3)导航应该传达出客户当前的位置。Npo上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司


Npo上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

无法表明当前位置或许是我们在应用程序菜单中常看到的一个难题。“我在哪里?” 是客户要成功的导航前必须回答的基本难题之一。Npo上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司


Npo上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

3、 创建一个跨平台的无缝体验Npo上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司


Npo上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

你不应该将移动设计视作是孤立的。对客户来讲,创建一个在移动端、桌面端和平板端无缝结合的体验是非常重要的。Npo上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司


Npo上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

55.pngNpo上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司


Npo上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

以 Apple Music 为例,你在 Mac 端设置一个播放列表后会很快在 iPhone 上也看到该列表。 Apple 意识到在跨平台间保持这种数据的同步,创建出良好的无缝结合的体验是非常重要的。Npo上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司


Npo上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

4、设计对手指操作友好的控件Npo上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司


Npo上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

相比于大的触控控件,小的自然更难于操作。当你在设计移动端的客户界面时,好是让你的控件的可触摸面积足够大,这样客户才容易触及到。Npo上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司


Npo上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

控件的大好要控制在7 – 10毫米,这样客户方能够准确地使用手指触及到。;另一方面,客户在跟控件产生交互时,控件的边缘应该是可见的,能够以清晰的视觉反馈向客户传达他们确实触及到控件本身了。Npo上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司


Npo上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

66.pngNpo上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司


Npo上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

另外,要确保不同的控件间有合适的留白区域。Npo上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司


Npo上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

5、文本内容应足够清晰Npo上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司


Npo上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

相比于台式电脑,智能手机的屏幕要相对小的多,这就意味着如何把大量的信息装到这个小屏中不得不说是移动设计的一大挑战。您或许有一个挺吸引人的想法,即把所有信息都进行尺寸上的压缩也照样能显示很多的内容。但无论如何,你应该杜绝这种想法。Npo上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司


Npo上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

针对移动端的一条经验法则:文本大小应该至少在11pt左右,好让客户在不用放大的情况也能够清晰的浏览。Npo上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

77.pngNpo上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司


Npo上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

通过增加行高或字符间距都能够提高易读性,合适的大量的留白可以使一些乱的界面也能够看上去简洁不少。Npo上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司


Npo上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

88.pngNpo上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司


Npo上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

6、 保持界面元素清晰可见Npo上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司


Npo上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

应该使用颜色和对比度来帮助客户查看和解读你的内容。选择出能够支撑你的程序可用性的主色调、次要色和强调色,确保不同的界面元素间有足够的色彩对比度以使那些视力不佳的客户也能浏览使用你的程序。Npo上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司


Npo上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

对于使用有背景的文本来说,要保证文本的颜色和其背景色间有足够的对比度,好让文本部分清晰易读。W3C 中针对正文文本和图像文本的对比度给出以下的推荐比值:Npo上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司


Npo上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

小号文本跟其背景色的对比度应至少为4.5:1。Npo上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司


Npo上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

大号文本(14 pt bold/18 pt regular及以上)跟其背景色的对比度至少为3:1。Npo上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司


Npo上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

99.pngNpo上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司


Npo上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

使用足够的对比度在手机上显得尤其重要:因为客户或许在户外使用是,阳光的照耀会降低其对比效果。Npo上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司


Npo上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

10.pngNpo上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司


Npo上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

图标和其他关键的元素同样应该遵循上述的对比度推荐值。Npo上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

101.pngNpo上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

7、基于手指的触控点设计控件的布局和位置Npo上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司


Npo上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

Steven Hoover 在他的“客户究竟如何使用移动设备”的研究中发现,49%的人习惯于使用单个拇指来完成所有操作。在下图中,屏幕中不同颜色的区域表明客户拇指能够触及的 难度等级,其中,绿色区域表示很容易触及的范围,黄色则表示拇指要伸展开来才能够到,而要触达红色区域则需求客户改变设备的手持方式。Npo上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司


Npo上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

102.pngNpo上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司


Npo上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

将顶级菜单,高频使用的控件和公有的动作放在绿色区域是非常重要的,因为单拇指能够很舒适的跟它们产生交互。Npo上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司


Npo上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

103.pngNpo上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司


Npo上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

另一方面,把那些具有否定意义的动作(例如删除或清除)放在手指不容易触及到的红色区域,因为我们不期望客户意外的跟它们产生作用。Npo上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司


Npo上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

8、减少对打字输入的必需Npo上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司


Npo上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

在手机上打字输入是一个缓慢而易于出错的过程,因此好要尽量减少移动应用程序中所需的输入。Npo上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司


Npo上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

尽量移除那些不必要的输入域,保持表单简短。Npo上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司


Npo上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

104.pngNpo上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司


Npo上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

在合适的地方,使用自动补全的功能或填入客户个性化数据,这样客户就只必需输入少的信息。Npo上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司


Npo上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

105.pngNpo上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司


Npo上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

9、测试你的设计效果Npo上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司


Npo上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

若把你的设计方在一个大屏的电脑屏幕上看,其效果往往非常不错,然而,一旦放在一个实际的手机屏幕上测试,其效果甚至不及前者的一半。 即使是那些设计为用心的客户界面,放在逼真世界中也难免会包含一些不可见的缺陷,这就是为何我们要让逼真客户在多样的移动设备上测试我们程序的原因。要 把你的应用程序当做一个不断进化的实体,使用分析得来的数据结果及客户的反馈信息不断的提升你的客户体验设计。Npo上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司


Npo上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

结论Npo上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司


Npo上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

就如同任何其他设计元素一样,本文提到的诸多准则或许只是我们在开始可以参考的一部分。你要尝试将这些准则跟自己的想法融合过滤,找出那些好的恰好自己的设计思路。一定要记住,设计不仅仅是面向设计人员——设计是面向客户,是为客户而设计的。Npo上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

原创不易,未经授权,严禁转载

原文地址:/i,72,6729,0.html

客户评价

更多+
  • 感谢特马资料qq群,系统提前完成,在整个项目周期内,特马资料qq群对待我们并不像是对待客户,更像是朋友一样,每一次,都能以专业的角度向我们提出更合理、更有效的解决方案,并快速、细致地完成我们的每一个需求,再次感谢以至诚之心做事的特马资料qq群团队。

    潘涛

  • 我是东方龙马集团,在云智家做了2个企业官网,服务态度超级好。假如想做网站,选择他家一定不后悔。性价比高,服务态度好。值得你的信赖!

    谭娇

  • 技术好,设计精良,操作便利,很专业!配套的服务和后续的服务都很好,网站封面堪称精品,运行方便,后台操作的简单。技术还会耐心教我,很好的特马资料qq群(上海)科技有限公司,建站很不错的。

    陈曦

  • 不错,价格比较合适,要点是响应速度蛮快,有什么难题都会马上给你解决,公司很满意,因为他们全是针对每个项目建了相应的讨论组,有难题可以再里面提出,人员分工到位,解决难题很及时。

    张经理

联系方式

工作时间:10:00-19:00
咨询电话:010-64758810
客服邮箱:net@cnlink.cc

服务领域

  • 网站定制开发
  • PC网站设计
  • 域名邮箱
  • 网站维护
  • 网站二次开发
  • 响应式网站设计
  • 虚拟主机
  • 网站优化
  • 网站设计开发
  • 创意设计
  • 云主机
  • 项目合作

合作伙伴

All Rights Reserved.©2010-2016 特马QQ群|资料网站京公网安备 110105019435 京ICP备123124426号
本网站设计已受版权保护,任何公司及个人不得复制,违者将依法追究责任,特此声明。法律顾问:上海市辉瑞律师事务所。
嘿,我来帮您!