童话说说技术创业美文职业
投稿投诉
职业母婴
职场个人
历史治疗
笔记技能
美文纠纷
幽默家庭
范文作文
乐趣解密
创业案例
社会工作
新闻家居
心理安全
技术八卦
仲裁思考
生活时事
运势奇闻
说说企业
魅力社交
安好健康
传统笑话
童话初中
男女饮食
周易阅读
爱好两性

设计规范详解组件控件结构体系:引导类

3月7日 桃花醉投稿
  本文是系列文章之详解组件控件结构体系的第三篇引导类。enjoy
  引导是带领用户更快速更愉悦地达到目标的过程,能在用户使用产品功能前或遇到障碍之前给予及时的引导提示。
  为了业务或者产品目标的需要,有时候需要给予一些适当的提示方便用户去理解产品。
  为了完成不同的引导内容和引导的目标,移动端的引导设计会根据需求进行不同的多样化处理。常见的引导有:引导页(幻灯片)式引导,浮层式引导,嵌入式引导。
  3种类型的引导各有各自的特点以及使用场景,本篇文章详解组件控件结构体系引导类
  依旧附上一张脑图,组件控件分类(如果单纯通过组件控件,难以满足功能划分的需求,所以我将这个范围扩大,分类里面不仅仅含有组件和控件,所以请不要在意细节。)
  引导页(幻灯片)式引导
  定义:一般出现在app首次启动的时候,是一系列宣传、解说、帮助等页面的组合。
  在移动互联网的产品的设计中,引导页的设计则是在用户初次使用该移动产品时,给予的一些必须性的帮助以使得用户能快速愉悦地了解这个产品的功能与具体操作方式。
  一方面从产品的角度考虑,产品希望用户能够方便得理解产品的特性,减少对产品的陌生感;另一方面,从用户角度来看,一个应用里好的引导不仅能使他们对一个应用有好感,也可能更容易得留住他们。
  用途
  1。让用户快速了解是一个什么样的产品。
  2。让用户快速了解该产品的主功能、或者要重点宣传的特色、重大更换功能。
  建议
  1。文案简单易懂,重点突出
  2。内容可以是图片、视频、插画漫画等,且内容和文案要有一定的关联性。
  3。分页符一般是25个。
  4。提供可以直接跳过引导页的操作。不强制用户一定全部浏览。
  使用场景
  1。用户第一次使用时,产品通过引导页让用户快速了解产品的主功能。
  2。用户更新产品时,产品通过引导页给用户传导更新的新功能。
  浮层式引导
  定义:一种轻量级单目标性很强的引导方式,一般是浮层结合文案的,样式类似气泡的引导方式。
  用途
  1。提示用户新增功能或页面调整,或如何使用该功能。
  2。提示用户重要功能或一些隐藏操作。
  建议
  1。特有文案、带有指示箭头的类似气泡设计。
  2。一般为非模态浮层,大概显示3秒左右自动消失,对用户干扰较小。
  3。文案上尽量简洁,表意清晰,建议控制20字以内。
  使用场景
  1。有些新增功能不易让用户察觉同时这些功能对产品本身来说显得比较重要,这时候需要浮层引导,让用户知道该功能或者使用方法。
  2。用于新手引导
  嵌入式引导
  定义:将引导内容直接嵌入到界面中的引导方式,可以嵌入到状态栏、导航栏、工具栏,比较常见的是嵌入到主题内容界面中。
  用途
  1。让用户了解当前界面或者操作处于何种状态,并指导接下来如何操作使用。
  2。保留当前界面的内同同时,增加引导提示。
  建议
  文案简短表述当前状态并告知用户如何操作。
  使用场景
  1。异常状态时使用嵌入式引导,目的是提示用户异常状态。
  2。初始状态时,由于界面数据为空,这时候通过嵌入式引导提示用户操作。
  3种引导类型按照重要度依次为:引导页(幻灯片)式引导浮层式引导嵌入式引导。3种引导可相互组合使用。到底使用哪个?则根据业务和对产品的定位来判断。
  相关阅读
  设计规范详解组件控件结构体系:导航类
  设计规范详解组件控件结构体系:加载类
  设计规范详解组件控件结构体系:网络异常类
  设计规范详解组件控件结构体系:空数据类
  设计规范详解组件控件结构体系:提示类
  设计规范详解组件控件结构体系:操作类
  设计规范详解组件控件结构体系:单元控件类
投诉 评论 转载

为什么蓝色会成为UI设计中最常用的色彩?蓝色依然是一种安全的色彩,当你的产品或者网站契合蓝色的气质的时候,不妨选择它,但是始终记住一点:选择适合自己的产品的色彩,才是正确的选择。你可能已经猜到这篇文章是关于蓝色……关于交互设计,你应清楚的一些基本概念我们总是对UX、Interaction、HCI、UI等等一些交互设计概念傻傻分不清楚,到底这些概念的基本定义是什么?又有何区别?文章一一解读。一直以来,经常有学生来问我,……提问解答:如何优雅的设计APP页面页面框架设计只是整个产品设计中的一环,不要把眼界局限在这一环,也不要只站需求、只站在交互、只站在视觉上思考问题,从多个角度看问题,你才会学会成长。小密圈被封了一段时间后终……如何设计出最难实现的交互方式?能够考0分的人,一定是有考100分的实力,因为他竟然能够巧妙的绕过所有正确的答案,而那些难以实现的交互方式背后一定也有其可借鉴之道。今天看到了一些很困难很困难的交互方式。……产品交互乱,设计效率低?你需要一套好用的产品设计规范说到产品设计规范,大家一定不会陌生。一套好的产品设计规范,将产品设计模块化、通用化、标准化,不仅能够为产品建立起统一的交互规则与品牌视觉,让用户拥有更好的产品体验、对产品……设计实战城市指南网站着陆页是这样设计出来的今天咱们要聊的是“城市指南”(BigCityGuide)网站这一概念设计案例研究。有人说,世界是一本书,不愿远行的人只能读到其中的一页。的确,旅行是我们生命中最有意义的几……一个小小城市选择控件引发的深度思考很早以前小Q在《用好的交互设计来管理复杂“筛选器”》一文,较为全面的剖析了筛选器的各种分类及其利弊。本文会继续筛选器的城市选择控件继续分析。大家都知道,吃喝玩乐,永远是人……7个技巧,帮你搞定网页首图设计首屏设计的7个技巧,它们并不复杂,却能帮你的首图设计更上一层楼。网页首屏的重要性是不言而喻的,用户打开网页的第一眼看到的就是首屏中的信息,它是网页的门面,颜值担当,也是给……接下来炎热的8月,这3个设计趋势会更加流行趋势大多是这样,兴衰随着时间的推移快速的变化。骄阳如火,阵雨连连,不得不宅在室内的局面,似乎让百无聊赖的设计师更有时间在设计细节上投注更多的精力。不知道是不是夏日不适合做……转化率低是设计师的问题?这锅我们不背!市场反馈好不好是由那些自带话语权或流量的人或产品决定的,这些人或产品既左右了大部分人的喜欢和习惯,又代表了大部分人的喜欢和习惯。不知道大家有没有这样的经历,就是说你接到了……设计规范详解组件控件结构体系:引导类本文是系列文章之详解组件控件结构体系的第三篇引导类。enjoy引导是带领用户更快速更愉悦地达到目标的过程,能在用户使用产品功能前或遇到障碍之前给予及时的引导提示。为……品牌基因法做图标实战篇菜心的品牌基因法不知道大家有没有忘记,之前有写过两篇,今天来写第三篇实战篇,根据真实的案例来再次讲述如何运用品牌基因法制作图标!如果你忘记了之前的品牌基因法(升级篇),可以先去……
4个步骤,做好设计回顾总结“用户体验”有什么用?QQ8。0语音消息改版设计和它的策划故事智能硬件之配套软件产品设计总结(2)表单设计十个错误提示设计指南产品设计真的是用户至上?还是产品至上?拼多多金猪储蓄罐的细节和数字,远比你想象中严谨B端产品经理思考:如何从01,1n设计软硬一体产品计算广告中主要模块、策略及其场景(上)如何构建电商平台规则体系(二)画底部tab图标,不知道用面性还是线性?产品思考:极简至上?这几个场景需要刻意“复杂设计”
综合疗法治疗失眠的疗效探究中国娱乐圈十大富二代,在娱乐圈风生水起(后台原来这么硬)吉林省各地区教师工资水平怎么样?5个坏习惯让你的肚子堆满肉肉光谷样本超高纯度科创之城进化论日常生活中的减肥小妙招陕西渭南地方特色小吃排行榜小腿肌肉怎么减《聊斋异志》读后感履约担保的期限是多长的?人老脾先衰,脾虚百病生,这3种食材,中老年人常吃,精神足异地协议离婚怎么办理?

友情链接:中准网聚热点快百科快传网快生活快软网快好知文好找作文动态热点娱乐育儿情感教程科技体育养生教案探索美文旅游财经日志励志范文论文时尚保健游戏护肤业界