绿茶软件园
资讯首页 > 软件教程 > 使用教程 > 微信小程序设计指南 微信小程序ui设计规范汇总

微信小程序设计指南 微信小程序ui设计规范汇总

作者:佚名 来源:绿茶软件园 2016-11-04 18:06:26 0

  微信小程序设计指南来啦!微信小程序已经开放公测了,可能还有开发者还不会设计,下文带来微信小程序ui设计规范汇总,一起和小乐哥来了解下吧!

  • PC版

微信小程序开发工具v1.0 官方版

微信小程序开发工具v1.0 官方版

大小:3.02KB 语言:简体中文

类型:编程开发 等级:

立即下载 查看详情

  微信小程序ui设计规范汇总:

  微信小程序是一种全新的应用形态,微信小程序平台不需要下载安装即可使用应用的平台,微信小程序实现了应用“触手可及”的梦想,用户扫一扫或者搜一下即可打开应用。

  也体现了“用完即走”的理念,用户不用关心是否安装太多应用的问题。应用将无处不在,随时可用,但又无需安装卸载。

  概要

  基于微信小程序轻快的特点,我们拟定了小程序界面设计指南和建议。 设计指南建立在充分尊重用户知情权与操作权的基础之上。旨在微信生态体系内,建立友好、高效、一致的用户体验,同时最大程度适应和支持不同需求,实现用户与小程序服务方的共赢。

  友好礼貌

  为了避免用户在微信中使用小程序服务时,注意力被周围复杂环境干扰,小程序在设计时应该注意减少无关的设计元素对用户目标的干扰,礼貌地向用户展示程序提供的服务,友好地引导用户进行操作。

  重点突出

  每个页面都应有明确的重点,以便于用户每进入一个新页面的时候都能快速地理解页面内容,在确定了重点的前提下,应尽量避免页面上出现其他干扰项影响用户的决策和操作。

  反例示意

  此页面的主题是查询,却添加了诸多与查询不相关的业务入口,与用户的预期不符,易造成用户的迷失。

微信小程序设计指南 微信小程序ui设计规范汇总

  纠正示意

  去掉任何与用户目标不相关的内容,明确页面主题,在技术和页面控件允许的前提下提供有助于用户目标的帮助内容,比如最近搜索词,常用搜索词等。

微信小程序设计指南 微信小程序ui设计规范汇总1

  反例示意

  操作没有主次,让用户无从选择

微信小程序设计指南 微信小程序ui设计规范汇总2

  纠正示意

  首先要避免并列过多操作让用户选择,在不得不并列多个操作时,需区分操作主次,减轻用户的选择难度。

微信小程序设计指南 微信小程序ui设计规范汇总3

  流程明确

  为了让用户顺畅地使用页面,在用户进行某一个操作流程时,应避免出现用户目标流程之外的内容而打断用户。

1 2 3 4 5 6 7 8 >
返回顶部