您所在的位置:下载吧 > 软件教程 > 安卓使用教程 > 应用管理 > 正文

微信小程序ui布局 微信小程序ui设计规范

  • 时间:2017-01-04 10:06
  • 来源:下载吧
  • 编辑:linyanhong

马上在1月9号即将迎来了微信小程序的正式上线了,相信大家都很期待微信小程序将带给我一些什么吧?那么在微信小程序正式上线前,小编先给来给大家介绍一下微信小程序ui布局和微信小程序ui设计规范的介绍。

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

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

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

  概要

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

  友好礼貌

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

  重点突出

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

  反例示意

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

微信小程序ui布局 微信小程序ui设计规范

  纠正示意

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

微信小程序ui布局 微信小程序ui设计规范

  反例示意

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

微信小程序ui布局 微信小程序ui设计规范

  纠正示意

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

微信小程序ui布局 微信小程序ui设计规范

  流程明确

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

微信小程序例子

目前微信小程序还没有正式上线,在这里小编先为大家介绍一个即将在1月9号和微信小程序一起上线的小程序--嗨图!大家可以直接在这个微信小程序上DIY自己的照片,先来看看具体嗨图有些什么功能吧!

微信小程序嗨图功能

微信小程序ui布局 微信小程序ui设计规范

1、专题——DIY图片的模板,点击可以生成使用,分享到朋友圈。

2、分享墙——用户上传的自己DIY作品。

3、立即制作——可以用自己的图来DIY。

4、告诉我——告诉产品的改进,内容的增加。

想要体验怎么制作属于自己个性朋友圈照片的用户,等1月9号微信小程序上线后,扫一扫下面的二维码就可以啦!还等什么,赶紧扫码体验,开启你的嗨图之旅吧!

微信小程序ui布局 微信小程序ui设计规范

人气排行