网页设计5个秘诀
文章来源:青云网站建设 作者:青云有梦 发布时间:2020-06-29 10:26:24 返回列表
滚动是用户交互的最基本,最核心的部分,创造良好的滚动体验只是Web设计的基础。内容的设计,多媒体和动态效果的添加,都是出于相同的目的:让用户浏览。
无论内容有多好,用户都必须看到它才有价值,而矛盾的是,始终限制第一屏幕。因此,我们始终希望用户向下滚动页面,从某种意义上说,长滚动页面和无限滚动的设计非常流行,因为它符合用户无意识的滚动习惯,并且内容的创建者希望用户看到它。
一般而言,小屏幕上的相同内容量需要根据交互页面滚动更长的距离。同时,设计人员还需要提供更好和更有用的导航和辅助元素,甚至引导用户以动态效果和其他元素滚动浏览。
如果您想使您的网站更具可滚动性,可以采用以下五种策略来帮助您更加接近理想的目标。
1.从一开始就提供有趣的内容
尽管许多用户习惯在页面加载后立即进行滚动,但是第一个屏幕的内容对于用户的决定至关重要。第一个屏幕的质量对用户对以下内容的期望产生重大影响。如果第一个屏幕足够有趣,则用户将主动向下滚动并希望看到相同的有趣内容。
因此,作为整体设计的一部分,设计者应尝试将用户感兴趣的内容放在第一屏幕上,以便向用户传达以下内容也很有趣的信息。
设置内容时,请尝试为用户提供:
有趣的元素和内容(引起用户注意的内容和信息)
引人入胜的图片或视频(用户密切关注的视觉信息)
2.给用户视觉提示
有时,如果您希望用户向下滚动,可以告诉用户这样做。向用户提供视觉提示,例如指向下的箭头,或者简单地向下滚动文本以告诉用户更多内容位于第一个屏幕下方。
呈现视觉提示的方法有很多,如果不够优雅,您可以尝试使以下内容出现在第一个屏幕上,以使用户知道更多内容。
3.保持导航可见
导航是网站的重要组成部分。它可以使网站体验成败。在设计网页时,最大的风险之一是导航仪的可用性低,导致用户在此过程中迷路。通常,这种设计会使用户感到沮丧。因此,一方面,尝试使用顶部浮动的导航栏或固定的导航栏,以便用户始终知道自己在哪里,另一方面,也便于用户跳转到其他位置。
在为移动终端进行设计时,应注意导航是否会占用过多空间。一种更合理的策略是在滚动时隐藏导航,并在准备返回顶部或停止时将其可见。
4.增加动态效果,增强参与感
视差滚动表示的动画效果是一种使滚动和浏览更加有趣的设计技术。同时,它吸引了用户不断滚动浏览有趣的设计,因此用户始终处于探索下一步的过程中。
鉴于页面通常被设计为不同的块,因此可以将创意操作应用于不同的块,从而允许用户沿设计的路径滚动。
视差滚动是当今最受欢迎的特殊效果之一,设计人员可以利用元素速度的差异来创建深度和沉浸感。视差会产生一种沉浸感,使用户在平滑滚动内容时感觉仿佛置身于场景中。
5.避免滚动劫持
滚动劫持这个概念并不难理解,浏览器本身被替换为滚动机制,用户无法遵循他们的期望,习惯于滚动浏览,有时这种情况是设计师故意创造的浏览效果,但不一定能给用户带来良好的体验,至少在大多数情况下超出了用户的预期并且难以控制。应尽可能避免这种滚动劫持的情况。
结论
滚动是用户交互的最基本,最核心的部分,创造良好的滚动体验只是Web设计的基础。内容的设计,多媒体和动态效果的添加,都是出于相同的目的:让用户浏览。只有当信息到达用户时,才能传递其值。