随着移动互联网不断进步和完善,移动终端与智能手机性能完美结合,各式各样的微信小程序顺势而生,在解决特定的需求的同时覆盖了人们生活大小事,让人们的生活方式更加舒适便捷。
现在,随着微信在人们生活中扮演越来越重要的角色,微信小程序将成为未来发展的趋势,现在每天都会有成百上千的应用程序被提交上线,但通过并体验好的却只有那么几个,那么通过怎样的方法才能让自己的微信小程序在这么多的应用程序中脱颖而出呢?
阿麦君今天就为大家初步介绍UI交互设计中的一些基本原则~
采用扁平的设计
快速高效是扁平化设计的一个很重要的基因,时间就是金钱,更扁平的设计将多余的设计元素去掉,这样可以让用户的注意力集中到界面的核心信息上,给人一种“更轻”的体验。
到了2017年,扁平化设计进入了全新的2.0时代,为了避免纯粹的扁平化设计导致的一些交互问题,比如按钮不容易找到,可操作元素不明显等,一些细微的效果逐渐被加入其中,比如:轻微的阴影效果、双色渐变、幽灵按钮、圆形的应用等等。其实扁平化的设计并不仅仅局限于视觉上的变化,还体验在交互体验上,减少业务流程,让用户操作更轻更快。
运用卡片和留白
在以往的设计中,我们常常使用线条来将不同信息之间相隔开,但是这些线条却创造出一个笨拙的拥挤的界面。现在,我们可以用卡片来放置不同的信息,以卡片作为内容载体,让每条信息都能形成一个完整而又独立的信息单体,然后使用空白将不同内容块进行划分,这样我们就可以腾出更多的空间,去搭建一个干净的界面。
设计中的留白不只局限于白色,而是采用空白的方式,无额外元素干扰,让用户更集中在信息的获取上。分隔线的弃用带来了一个具有现代感的外观,使用户注意力能更加集中在功能性上。
微交互
微信小程序设计的细节很重要,它不仅体现在静态的元素上,微交互在使用场景中是一个很小的用户体验,这些可能体现在用户切换一个界面,对一条动态进行点赞或者弹出一个消息,每一个微小的瞬间都形成一个微交互作用。
简单地说,一个微交互作用是一个动作,每一种交互作用都是以一种以人为中心的设计理念为基础的,其中的数字工具和功能反映了人们是如何能真正做某事。这些交互都是十分细节的,它们驱动着用户去完成一项项任务,好的产品总是会在用户使用过程中产生愉悦的感受的,它们可以给用户带来更简洁、更有趣、更有参与感的用户体验。
减少颜色的使用
颜色作为重要的表现物体,在表达情绪、引导用户注意力、传达品牌理念上都有着十分重要的作用。随着扁平化设计的越来越流行,使用更少的颜色来进行设计逐渐变成了一个流行趋势,尤其是在微信小程序的视觉设计中,更少的颜色让产品设计变得清晰和简洁。
更少的颜色往往不是只用一种颜色而是使用同一种色系,通过改变颜色的明度、饱和度来组合不同的颜色搭配,这样的界面往往给用户一种更干净更简洁的感觉,同时也更容易突出产品的设计理念。
更短的交互流程
化繁为简是当下设计的主流,相比通过复杂冗余的文字来介绍如何使用产品,一个精心设计的界面就可以帮你省去这些不必要的麻烦,并且减轻你投入到微信小程序上的不必要的时间和精力。
例如,当用户完成前面的字段输入后,一个表单可以自动打开或突出后续的输入区域,以此提示用户后续操作。手机用户更喜欢在一个微信小程序中快速地完成所有操作,尤其在他们忙碌的时候,快速高效的操作更让他们记忆深刻,从而对产品产生持续的好感。根据人们的这个需求,设计者在产品的使用上缩短了使用流程,这可以增加转化率以及人们打开微信小程序的频度。
重视原型设计
原型设计可以看作是画家着手绘画前的草图构思,它可以是对一个产品最基本的展示。通过原型设计我们能够以一个更直观的视角去观察产品功能、业务逻辑等设计,同时检验产品想要让人用户注意到的亮点是否突出,我们可以通过原型设计来测试产品的所有功能,看看能否解决规划阶段所计划解决的问题,如果出错也不会造成不可挽回的局面。
阿麦君(amaishuo)认为,使用原型设计不仅可以保证产品的正确性而且也不必浪费设计师和开发工程师太多时间和精力。通过创造这些低成本的“试验品”,可以方便地了解清楚产品的关键因素,包括功能特征和需求等。