2023年4个值得关注的Web设计趋势

156 阅读3分钟

Web网页设计与开发已经是一个老生常谈的话题,在这个移动应用横行的年代,Web网页的用户量不断的被各类应用蚕食,随着用户体量的不断下降,如何通过设计优化提升用户体验,增加用户留存成了Web开发者们的首要重点。

1. 使用通用性图标

Web设计的首要任务就是让用户更快速更直观的获得他们想要的内容,因此网页交互的层级不能太深太复杂。

1280X1280.PNG

如何才能在保持页面简洁的基础上保留更多必要的页面功能入口?

这时候可以考虑使用图标来替换冗长的文字描述。

当然这些图标必须是具备大众识别度的。

同时增加悬停时触发的文本提示来帮助用户进一步了解功能。

1280X1280 (1).PNG

上图Bing就通过通用图标加悬停描述的模式替换了右侧导航,整体更简洁同时还能保留更多的功能。

2. 建立用户信任感

经营网站也要有品牌意识化,拥有一定的社会证明能更好的与用户建立信任感。

网站不止要优化seo获得更多的新用户,同时也要培养新用户的信任感,转化成活跃用户。

可以通过以下几种方式建立信任感:

  • 用户使用反馈

  • 用户满意度评级

  • 大咖引荐

  • 资质保障

1280X1280 (2).PNG

上图编程狮(w3cschool)网站轮播中通过突出课程讲师的背景资历就是一种很好的用户信任感建立方式。

1280X1280 (3).PNG

例如淘宝网提供的7天无理由退货也是一种很有效的建立用户信任感的方式。

3. 优化移动端体验

移动端用户体量不断增大,网站兼容移动端自适应,甚至一定程度上定制移动端版本页面已经是必不可少的需求。

移动端界面相对更小,因为需要更细致突出重点,折叠非刚需的内容及功能。

拿编程狮(w3cschool)这个网站举例:

网站端:

1280X1280 (4).PNG

移动端:

aa122e2a-58db-427d-a1f9-81930cbed179.png

移动端页面减少大量导航,仅保留头部与金刚区两块区域,用于突出网站重点功能。

4. 增加视频介绍

随着短视频等模式的爆火,视频替代图文介绍的模式逐渐进入用户的习惯中。

在原本图文介绍的基础上增加视频介绍,可以迎合不同用户群体的需求,同时也能在有限的空间展示更多的内容。

这种情况下如何让视频更好的融入页面中,而不是简单的放置一个播放器成了设计师们的重点。

同时视频的加载速度也是十分关键的,使用云存储等技术能提升加载效率。

图片

上图网站将视频与轮播相结合就是一种不错的方式,很好的融合了体验。

当然如果引入视频介绍需要因地制宜,根据网站的特性找到最融洽的方式。