当前位置:首页 > 网站用户体验专题

如何自定义移动端的用户体验

2020-01-07

那么心理学与它有什么关系呢?当涉及到用户体验时,几乎所有内容。

拥有如此众多的设备类型和尺寸以及为这些设备设计网站的方式如此之多,设计师所创造的用户体验决定了网站的整体成功以及用户是否会返回。

 

用户心理是什么?

用户心理是人们访问网站或移动应用程序时所需要和需要的一门科学。心理学植根于一切,从用户是否信任您的品牌到他们对您试图传达的信息的感觉。

设计是其中很大的一部分。从彩色,图像,图案到网站的工作方式,一切都可能影响这些感觉和情感联系。

这些元素中的每一个都应最终导致用户采取行动。大多数心理学教科书都引用引起人们行动和反应的触发因素。这些触发器也适用于Web设计,尤其是移动设计,在该设计中,用户几乎总是必须与网站进行物理交互才能发生某些事情,例如在屏幕上滑动或点击手指。

  • 互惠:  如果您为用户做某事,他们将为您做某事。(他们签署了新闻通讯,您可以免费赠予他们。)
  • 框架:  用户将事物之间进行比较。(我想要这个还是那个?大多数用户都落在所有选项的中间。)
  • 显着性:  用户想要现在重要的事情。(这就是为什么电子商务网站在购物体验期间将相关项目添加到屏幕上的原因。)
  • 社会证明:  用户寻求他人的帮助。(社交媒体的影响。)
  • 稀缺性:  用户想要他们不能拥有的东西。(项目数量有限。)
  • 对比:在用户脑海中突出的内容。(设计理论101。)

 

两种不同的用户体验

尽管无论设备如何,触发器都是相同的,但用户体验却不同。用户非常希望内容与设备无关而相同,但是对于如何使用该内容并与之交互有不同的想法。

桌面网站可供阅读和阅读。阅读和信息收集过程可能会导致行动,但是用户通常有访问网站的明显原因,例如工作。并非所有这些体验都是基于娱乐或乐趣,并且大多数可能不是。

台式机用户也相对而言仍处于在线互动状态。每个操作都是通过键盘或鼠标完成的。与设备的实际交互并不多。(很少有用户会触摸屏幕。)

移动用户的体验明显不同。用户不断触摸设备–外壳和屏幕。因此,这些元素的大小及其感觉非常重要。物理触摸的这种使用使在屏幕上设计元素尤为重要,因为它们必须易于触摸,而台式机版本的鼠标单击始终是相同大小。

移动设备用户经常访问具有不同意图的网站。娱乐或任务完成活动比阅读和研究活动更为普遍。(想一想,您多久掏出手机去杂货店排队玩游戏或回复短信。”

物理差异也会影响移动设计的心理。您必须考虑照明条件,设备尺寸和触摸选项。对于实际用户,这些元素将如何组合在一起?

 

用户期望

一切都归结为一个核心问题:移动用户想要什么并期望什么?

与台式机网站不同,在台式机网站上,用户期望相对二维的视觉动态和引人入胜的体验,而移动用户希望一切都在三维空间中感觉真实且真实。

移动用户已经从界面中期望某些东西:

  • 每个动作都必须是可轻敲的。(并且易于查看和点击。)
  • 图形和图像应快速加载,并且可能根本不属于移动体验。
  • 选项必须是上下文的。用户想知道下一步是什么以及从这里可以去哪里。他们不需要知道所有可能的选择。
  • 网站需要与所有移动设备功能集成,例如映射,调用和与其他应用程序集成。
  • 交互必须简单,并遵循公认的模式。移动用户的注意力跨度几乎为零。如果元素在第一时间不起作用,并且没有太多的思考或解释,那么用户将迷失。

 

如何设计

实际的秘密在于结合触发器和用户期望。然后为他们设计。让我们分解一些可以很好地做到这一点的网站示例,以及它们如何结合触发器和移动设备期望来获得出色的用户体验。

薄荷

Mint使用卡式界面,其中每个框都是其移动应用程序设计中的可单击元素,而桌面版则具有更多的单击式链接。鲜艳的色彩和充足的空白空间也有助于简化移动版本。

触发因素:框架和显着性是这里的主要触发因素,因为作为一项免费服务,薄荷要求您根据您可能正在考虑或需要的东西(从信用卡到保险报价)注册有限时间的报价。 

移动期望: Mint使用最新的用户数据加载异常快。该移动应用程序删除了许多显示在桌面站点中的较重图像,并使用简单的垂直模式供用户跟踪信息。它还集成了一些不错的UX工具,例如iPhone上的指纹访问和用于在元素之间移动的直观手势控制。



蒸馏器 

Distiller使用了响应式框架,因此内容在桌面和移动版本上的外观和感觉几乎完全相同。不过,该网站的工作是通过独特的导航内容的方式来最大程度地发挥移动格式的潜力。

触发因素:您可以轻松地看到该网站使用对比来创建用户参与度的方式。两种网站变体中都使用彩色和白色,目的是激发人们的兴趣并鼓励号召性用语。(只需查看颜色鲜艳的按钮和突出的位置即可。)

移动期望: Distiller使用大量公认的模式来吸引用户参与,并提供一些微妙的提示,以防用户可能需要帮助。例如,看第二个移动屏幕:可以来回滑动卡片样式的元素(每个都是唯一的链接)以查看更多内容,而点样式的条用于向用户显示还剩多少元素。导航也得到了极大的简化,并隐藏在一个汉堡图标中,因此用户不会被各种选择所淹没,可以在移动网站上自由移动。



天气频道

天气频道  在其桌面网站和移动应用程序上提供的内容完全相同,但是体验却截然不同。桌面站点上有更多信息可供阅读和浏览,而应用程序则侧重于用户现在需要了解的内容。

触发因素:显着性(如上所述)和社交证明是The Weather Channel移动应用程序与众不同的重要组成部分。打开屏幕是用户此时站立的天气。轻弹手指,用户即可报告状况,在社交媒体上分享,并成为知名品牌天气故事的一部分。

服装网站设计该应用程序采用现代,扁平,卡片式设计,使每个元素都易于挖掘。没有菜单可说,因为整个前提是上下文相关的,根据用户的选择将用户从一个元素引导到另一个元素。

免费获取报价

  • 29923329

  • 杭州市丰庆路498号北软智慧科创大厦203

  • 0571-85815193

  • pady@1t2.cn

网站地图 版权所有 © 2008-2021 杭州派迪科技有限公司  Copyright © 2008-2020  www.hzpady.com  All Rights Reserved    浙ICP备14029905号-1     公安备案:33010802008411    软著登字第3457658号