400 693 6199

2018年UX趋势指南指导如何做页面设计

时间:2018-06-04 10:34:59 关键词:网站设计 个性化 siri 语音助手 apple iphone 动画 app 设计师 定制设计

  在网页外观领域,用户感受(UX)的地位一直无可撼动,各位设计师在做网站过程中应已深有体会。不论是最新的潮流趋势、合理的网站栏目、极佳的网站性能或是别出心裁的布局,最终目的都是为了满足用户需求、服务于用户感受的。这是因为,只有用户觉得感受好了,相应的下单行为才会发生,网站的转化率和成交量才会上升。2017年已进入尾声,在接下来的一年里用户感受方面又有哪些趋势需要我们注意呢?今天小飞就来探讨探讨2018年熏染用户感受设计的9个关键趋势。快来先睹为快吧!

  1. 内容感受设计

  专注内容的感受设计是近年来的热门趋势,它在2018年也将持续潮流下去。诸如极简主义和扁平化等就是这类设计的典型代表,它们聚焦于网页内容本身,摒弃一切干扰性元素,致力于通过内容本身传递消息。也就是说,在这种设计中,网站设计的焦点都在内容元素上,用户感受也是通过内容本身营造的。因此大家在应用这一趋势的首要任务就是尽量降低阻碍用户消息阅览的存在,以下是内容消息视觉设计方面的一些倡导:

  清晰的视觉层次。视觉层次清晰便能用户更快更好地理解网页内容。

  功能性的极简设计。通过去除不必要的元素可以给用户提供更为清晰、更有针对性的感受。

  丰富的留白。网站留白丰富可以极大提升用户的阅览感受。

  要想通过内容给用户提供极佳的感受,各位设计师们还不能只局限于视觉层次处理,更应关注内容本身。网页内容应是有意义、引人入胜的。Medium是内容感受设计的一个典型,设计师页除了简便的图片、CTA按钮外,余下的全是内容消息。

  

 

  2. 节省期间式设计

  目前比较成功的网站设计并不仅仅让用户以相对轻松的法子理解内容消息,还力求降低摩擦和阻碍,最大程度节省用户期间、提高效率。这是因为,不管是在PC还是移动设备上,期间和效率都是网站成功的基本要义。用户在阅览网站时总是带着一定的目标的,倘若你可以尽快帮他们完成既定的目标,他们会更轻易对网站产生好感并成为网站的忠实用户。下面是节省用户期间、提升网站效率的几个设计法子:

  清晰的网站栏目。合理的网站栏目搭配清晰的消息架构,便能用户极速抵达网站的不同页面,找到自己想要的消息。

  结合上下文的内容消息和功能。在用户阅览过程中提供与特定情境最贴合的消息,可以给用户提供更加出色的感受。

  用户引诱。网站中的用户引诱有多种形式,从直接的倡导,微妙的视觉暗示,再到合乎用户需求的小奖励,都能给用户带来不一样的感触。

  线性用户感受。线性用户感受是指网站的设计流程应清楚明了,有明确的开始、高潮和结束,允许用户在阅览的不同时段采取特定的操作。

  符合预期的设计。预期设计是指网站设计应预先考虑用户的需求并正确预知,以提供给用户最佳的感受。

  总的来说,节省期间式设计就是奔着节省用户的期间、提升效率去的。Airbnb在这方面就做的很好,设计师页重点突出"查找"按钮,尽或者以最短的期间帮助用户找到自己想要的消息。

  

 

  3. 个性化感受设计

  尽管个性化设计趋势本身没有那么突出,但将它单独拿出来讲还是有必要的。与前几年不同,人们不再喜欢那种一体适用的用户感受,而是更加倾向于个性化的定制设计,尤其是在机器学习和人工智能极速崛起的今天。而对于广大设计师来说,要想牢牢抓住用户,就需要不断寻求新的方法提供充满个性化特征的品牌感受,这将个性化感受设计推向一个更高的层次。目前网站或app中最常见的个性化特征就是基于用户行为的针对性推荐,比如商城网站会依照用户以往下单记录推荐相关商品阅览,音乐App会依照用户的听歌记录呈现新的歌单。这些推荐在某种程度上提高了用户主动进行个性化定制的或者。

  

 

  4. 多渠道、全方位的用户感受

  在未来几年里,我们或者需要重新审视"移动端"优先这种设计了。因为随着网络连接的不断发展,手机和平板设备已不能满足绝大多数用户的日常互动了,这也意味着网站设计需要从移动端优先向多渠道、全方位方面靠拢。这种趋势出现的基本原因在于用户和网站互动的焦点一直是互动行为,而不是互动设备。对于用户而言,互动是怎样发生、通过什么的并不重要,他们或者在这种情况下使用这种设备、又也许在另一种情况下使用另一种设备。换句话说,用户需要多种能与实时情景相符合的感受,这就促使企业将更多的注意力放在全方位、多渠道上了,致力于为不同的设备设计一致、有效的感受,让用户在不同环境下,使用不同设备都能完成流畅的切换。这种类型的用户感受设计在如今的app中可以找到一些栗子,Uber就是其中一个。在Uber界面上,用户可以通过Amazon Echo打车,然后通过iphone结束行程。尽管这个操作需要跨越两个不同的平台,使用两个不同的界面,用户感受始终是愉悦一致的。

  

 

  5. 更加人性化的感受设计

  用户总是希望与数字产品之间的互动更加自然,最好能像和彼此之间那样交谈。不少开发者也洞悉了用户的这一需求,正朝着这一方向努力,Siri等语音助手的不断改进就很好地验证了这一点。如何让网站设计更加人性化?更加人性化的感受通常更加注重用户情绪,用户与某个产品互动过程的愉悦与否直接熏染着他们是否会长期使用这件产品。也就是说,我们可以通过满足人们的一些基本需要如坚信感、安全感等来让互动过程更加人性化。概念说起来或者很空泛,下面还是看一个栗子吧!下图是Stripe的结算流程,这个App的页面就很好地应用了动画来安抚用户情绪,当用户点击"付款"按钮,在"成功状态"出现以前这会有一个简短的旋转动画,这种符号动画会让用户感触自己的结算过程非常轻松、简便,这种感受设计就是人性化的。

  还有,Apple公司在最新发布的iphone X中使用了Animoji动画,这种设计也有助于提升用户使用的愉悦感,让互动过程更加人性化。

400 693 6199
微信客服 在线咨询
重庆市渝中区重庆村1号商务大厦11F