现如今,和毅耘科技公司合作的客户在做小程序的时候,都想要跟美团团购小程序类似的制作服务,客户看到的不仅仅是产品的商业模式,还看到了优质的产品设计,今天毅耘小编就给大家分析一下用户导航界面。
首先是在用户进入小程序之后,首先看到的是首页,为此首页需要为用户带来更好的第一印象。而对于移动端产品来讲,主要的感知觉传递主要是来自于视觉,而对于颜色是主要作用与视觉,为此产品的整体色调选择淡绿色,因为绿色代表清新、希望,为此其能够通过为用户传递来安全、平静、舒适之感,能够进一步改善用户的情绪、增强其愉悦感。
其次是在导航的布局上,主要是根据眼球视觉从左到右,从上到下的浏览顺序进行设计,为此在页面的设计中,在顶部为用户提供固定搜索框,同时考虑到用户移动端使用场景与PC端的差异,再设计上尽量简化操作环节。而搜索功能的设计能够让用户在有明确的购物需求之后,能够在最短的时间内搜索到需求的产品,另外在对用户输入的内容提供自动匹配服务,节省淘宝贝的时间成本,进而为用户带来良好的体验。
再次是在页面的分类导航,主要是通过把团购商品按大类进行区分,设计引导入口,使得服务能够快速直达用户需求。在每个分类的设计中,采用了易识别的图标作为标示,降低用户的阅读成本。在不同类别之间设计符合 Gestalt Principle 的 proximity 原则,采用了不同的背景颜色,让用户知觉对不同类别进行辨识。而在各个类别中间部分提供相同间隔的留白,符合 similarity 原则,让用户感受到所有小的类别聚合起来就是一个导航的整体,这种设计对于没有明确购物需求的用户能够起到一种促进消费的冲动。
最后是出现在美团团购小程序制作页面底部的固定 Tab 导航,主要作用是对不同功能区的全局切换导航。因为对于屏幕空间有限的小程序来讲,所有内容是不可能完全展示出来的,为此在Tab 导航和侧边抽屉导航等方式,前者能够让用户清晰认知产品结构,减少多余操作。而侧边抽屉导航的实用性更强。