移动行为改变网站设计和pc体验的6种方式

2022-10-30    分类: 网站建设

1. 汉堡的菜单

不管你喜不喜欢汉堡菜单,它都是你从移动设备跳到桌面的显著的元素之一。

如果你不熟悉汉堡包菜单,UI/UX设计师会用它来指代一些网站用来代替传统导航菜单的三栏图标。

虽然支持和反对使用汉堡包菜单的理由有很多,但归根结底还是要看你的网站的目标以及你选择如何实现它。

如果操作正确,汉堡包菜单为用户提供了一个干净、不显眼的布局,让他们专注于页面的内容。汉堡菜单也消除了“决策疲劳”或“分析麻痹”,当人们在页面上看到太多选项时,就会出现这种情况。

在下面的设计机构中,Telepathy使用汉堡包菜单和传统菜单的好组合来创建干净的UI。

它们在导航栏中显示了重要的链接,同时在汉堡菜单中巧妙地隐藏了其他链接。这种方法非常出色,可以为用户设置明确的路径。

2. 粘性元素移动到页面底部

粘性元素是那些看起来被“粘”在页面特定部分的元素。

虽然这些在网页设计中并不新鲜,但我们通常会在页面顶部看到它们。这些元素可以包括一些东西,如粘贴的标题,cookie免责声明,或“你好”栏推广一个提议。

移动浏览的增长使得人们在设计时特别考虑到所谓的“拇指区”。

这指的是用户可以通过拇指轻松访问的页面元素。

考虑到这一点,元素开始从页面顶部向下移动到底部,以便更容易地单击它们。

例如,Facebook在设计“拇指区”方面做得很好。

在下面的截图中,你可以看到他们将所有的应用程序导航项都移到了屏幕底部。这给了他们更多的关注,使链接更容易点击。

这种方法不仅给用户带来我之前提到的熟悉感,而且还提供了一种较少干扰的方式来宣传消息或要约。

典型的用户从上到下阅读,因此将这些元素放在页面的底部可以使人们专注于内容,然后在准备就绪时轻松地与内容进行交互。

下面的示例显示了Medium如何在页面底部使用粘性元素向用户显示剩余的免费阅读次数。用户仍然可以轻松阅读内容,然后在准备好后选择注册。

3.渐进式加载和骨架屏幕

为了避免用户的注意力缩短,我们一直在努力寻求网站速度的提高。

当涉及到移动设备时,情况更是如此,因为它只需要发出信号,并且需要等待用户失去兴趣并转到下一页的额外几秒钟。最近在移动设备上,我们已经看到渐进式加载骨架屏幕的使用

变得越来越流行。

渐进式加载允许页面的各个元素在加载后立即可见,而不是一次全部显示所有内容。

在加载各个元素时,您会看到一个骨架屏幕,该屏幕本质上是页面的线框。下面的示例是Facebook的框架屏幕。

渐进式加载和骨架框架的好处在于,用户感觉好像正在取得进展,因此等待时间缩短了。

现在,这种趋势已转移到桌面站点,并开始替换(或与之配合使用)陈旧的进度条和微调框。

您可以看到诸如Linkedin之类的网站和诸如Slack之类的应用程序已经利用了这种技术。

4.表情符号的使用

表情符号在2011年进入电话领域,自此变得多产,甚至还拥有自己的电影。

随着人们在文字和推文中添加不同的表情符号,营销人员已经采用了这种趋势并找到了将其应用于营销的方法也就不足为奇了。

营销人员从表情符号中获得很多成功的领域之一是电子邮件主题行。益百利(Experian)发现,在主题行中使用表情符号的品牌中有56%的品牌获得了更高的开放率。表情符号可说少而又多,从而帮助我们节省了文字有限区域的空间。

表情符号不仅可以帮助我们节省空间,而且易于识别,帮助公司在营销中注入一些个性和乐趣。

5.极简设计风格

简约的设计风格基于“少即是多”的思想。

极简主义和简化的配色方案最初是在移动网站上使用的,目的是缩短加载时间并避免在有限的屏幕空间上造成混乱和混乱。

今天的设计师现在正在采用这一概念,并将其扩展到桌面网站,这在Google的Material Design的带领下取得了很大的进步。

实施简约的设计有助于为您的用户提供清晰的焦点。

许多*限度的站点都使用足够的空白空间,使用户更容易一次消化一个部分的信息。这也迫使我们作为营销人员停下来,真正考虑页面上*必要的内容以及绒毛。

我喜欢的示例之一是原型软件Marvel App的主页。

就在您进入他们的主页时,您会得到一个大胆的清晰陈述,说明他们的软件功能以及如何注册。

当您滚动浏览页面时,该网站感觉非常开放和整洁。它不是太多文本,但是您可以获得所需的所有必要信息。

6. SaaS的入职体验

用户入职不再*于应用程序和移动网站;提供那些用户可能不熟悉的独特服务或软件功能的公司正在使用它。无论他们是在移动网站还是台式机网站上。

简而言之,用户入职是一种工具,可以向客户介绍服务的特定元素,以确保他们获得成功。

一些网站(例如Quora)使用此策略作为设置手册,以使用户启动并运行其产品。

其他站点,例如Duolingo,会使用其入门设置来提醒您可以在其软件中使用的不同功能。

这些入门功能在减少用户首次使用您的软件时可能产生的摩擦或犹豫方面做得非常出色。

它们还使您有机会真正给人留下良好的*印象,并立即使用户满意。

重点介绍

随着移动设备的持续增长,我们很可能会看到越来越多的趋势(例如上述趋势)逐渐转移到台式机网站。

因此,请密切注意自己喜欢的应用程序和网站,并集思广益如何在网站上使用类似行为。

在网站上创造更好的体验时,对这些趋势持开放态度可能会有所不同。

网站名称:移动行为改变网站设计和pc体验的6种方式
文章地址:/news40/209590.html

成都网站建设公司_创新互联,为您提供Google微信公众号建站公司做网站网站制作App开发

广告

声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联

手机网站建设