当前位置:主页 > 技术文档 > 小程序资源下载
360小程序设计指南

360小程序设计指南 PDF 超清版

  • 更新:2021-02-04 21:27:57
  • 大小:1.66 MB
  • 热度:753
  • 审核:姚厦洁
  • 类别:技术文章
  • 格式:PDF

  • 资源介绍
  • 学习心得
  • 相关内容

资源介绍

此指南由360小程序团队提供,旨在帮助开发者们快速了解360小程序,并在提升小程序体验方面给出相关设计建议。

360小程序设计文档共分成5个部分:

  • 设计原则
  • 平台规则
  • 视觉规范
  • 常用组件
  • 设计资源

设计原则

设计大师Paul Rand(保罗·兰德)曾经说过:“设计绝不是简单的排列组合与简单地再编辑,它应当充满着价值和意义,去说明道理,去删繁就简,去阐明演绎,去修饰美化,去赞美褒扬,使其有戏剧意味,让人们信服你所言……”

结构清晰,布局合理

在进行360小程序UI设计时,需要充分考虑布局的合理化问题,优化功能逻辑,减少层级,让流程更顺畅。 遵循用户从上而下,自左向右浏览、操作习惯,避免常用业务功能按键排列过于分散,以造成用户鼠标移动距离过长的弊端。 多做“减法”运算,将不常用的功能区块隐藏,以保持界面的简洁,使用户专注于主要业务操作流程,有利于提高小程序的易用性及可用性。

功能一致,内容准确

坚持以用户体验为中心的设计原则,界面直观、简洁,操作方便快捷,设计风格与产品内容相一致。所以对于相同的问题,提供相同的解决方案,减轻用户的认知及记忆负荷,用户对界面上对应的功能一目了然、不需要太多学习成本就可以方便使用该小程序。

交互合理,友好礼貌

尽量确保用户在小程序可视框范围内可以流畅地完成常用的业务操作,各控件间都有良好的交互逻辑,操作减少等待、及时反馈。

闭环操作,体验完整

360小程序旨在将更好的产品内容和服务提供给用户,为了保证用户的使用体验,开发者需设计完整闭环操作的小程序。用户能够在小程序内完成所有操作,后期小程序将不支持跳转至网页。

响应式交互设计

360小程序打开后是独立窗口,能够发挥出PC的大屏优势。开发者可以根据业务需求对页面做响应式交互设计,给用户带来更全面优质的使用体验。

资源获取

相关资源

网友留言