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

在新用户引导流程中,如何用好空状态界面?

8月20日 眉梢欢投稿
  今天的文章,我们将会提供一些使用空状态来优化新用户引导的策略和技巧。
  当新用户打开你的APP的时候,最初的几个界面将会直接影响用户对你的网站的预期。为了确保用户不会在第一次打开之后就卸载APP,你应该用好最初的空状态页面,通过引导,帮助用户完成关键性任务,获得成就感,达成目标,并不断回来,成为你的APP的回头客。换句话说,要在第一次交互之后,成功吸引用户,让他们流连忘返。
  新用户引导流程是这当中的关键。创造第一印象,你只有一次机会。今天的文章,我们将会提供一些使用空状态来优化新用户引导的策略和技巧。
  什么是空状态
  对于许多APP而言,内容是它的核心价值。无论是新闻类APP,还是效率类应用,均是如此,因为对于用户而言,绝大多数时候是为了内容而使用引用。这样一来,一开始使用的时候所面对的空状态界面,就显得至关重要了:当用户还没有看到内容也没有内容填充APP的时候,它将如何引导用户完成从无到有的过程?
  对于默认为空的状态,或者仅仅只有基本默认设定的设置界面,也非常适合引导新用户熟悉产品。除了给用户对内容的期待之外,空状态界面还适合教用户使用APP。即使新用户引导流程在这里被压缩到一个步骤,它也能够称职地引导用户做正确的事情。
  在Expensify这个APP当中,空状态教会用户如何起步,让他们安全地使用产品。
  引导流程中空状态的价值
  作为用户首次使用所打开的界面,空状态界面对于用户熟悉产品有这毋庸置疑的价值。你应该利用这个机会尽可能地吸引用户,教育用户。
  教育用户
  首先,空状态界面应该帮助用户了解上下文情况,让用户熟悉当前的状况,为什么会发生这样的情况,安抚用户的情绪。此时应该这样展现信息:向用户展示界面有内容时候的样子,或者向他们告知此时应该如何操作来获取内容。
  提供行动指示
  绝大多数空状态界面会告诉你,为什么会遭遇这样的情况。但是真正有效的空状态,会告诉你下一步要做什么。教育你的用户很重要,但是在用户最初遭遇空状态的时候,你要驱动他们前进,前进了才是初步的成功。空状态界面就是最佳的起点,你可以通过设计来鼓励用户前进。
  创造愉悦的体验
  虽然绝大多数的APP都是功能性的(解决具体问题),也是可用的(易于学习,易于使用),同时它也应该是令人愉悦的。空状态是你的APP同用户构建起情感联系、塑造个性的绝佳机会。
  如何设计绝佳的空状态
  空状态能够吸引用户,但是在产品和UI设计的过程中,常常会忽略它的这一属性,甚至会忽略对空状态的设计。因为在绝大多数时候,我们所设计的都是填充好内容的界面,布局都被精心挑选的内容塞满了。但是,当内容还未来得及加入界面的时候,我们要如何展现界面呢?空状态界面,其实是展现创造力和可用性的优秀舞台。
  避免走入死胡同
  当用户进入空界面之后,发现整个交互和操作都走入了死胡同,不管怎么操作都无法改变现状,这才是最糟糕的局面。且不说陷入这样的僵局给用户带来的混乱感和无效的多余操作,它本身的不可用让用户对APP所产生的失望情绪,才是最致命的。
  看看Modspot两个界面设计案例吧。第一个界面是用户首次使用的空状态页面,巧妙的借助这个界面来引导用户发布作品:
  而第二个界面则是忽略空状态界面设计时候的样子,没有演示,没有引导,也没有说明,对于不会主动尝试的用户而言,这就是个死胡同。
  让空状态界面视觉上简单清晰
  空状态本身内容并不多,即使加上说明和指引,也应该足够简单。将最重要的引导和说明突出展示,减少无关内容,降低干扰。简而言之,需要将清晰直观的文案,和强引导性的视觉设计结合起来。下面iOS版Dropbox的离线文件空状态界面,就非常值得学习,简单清晰的文本加上有趣的插画,让用户瞬间明白了这个功能如何使用。
  让空状态具备直觉性
  当然,空状态页面要漂亮,但是它不仅仅要具备视觉美,它还需要恰到好处地让用户明白上下文场景。即使它只是新用户引导的一个环节,你也要让它的信息传达价值最大化,比如告诉用户如何让界面状态从空变为非空。
  下面以GooglePhotos这个应用为例简单说明一下。作为Google的产品,它在视觉上做的相当棒,精美的布局和漂亮的图形都非常不错。然而,它的空状态并不足以帮助用户了解上下文背景,也没有回答下面的问题:
  合集(Collection)是什么?
  我如何能获得一个合集?
  空状态界面不应该为用户创造更多的问题,而是要尽量解决问题。告诉用户当前界面是什么,以及要如何获得更多。
  强化个性
  个性化的设计让你的APP更加令人难忘。虽然在空状态界面中能呈现出的“个性”看起来并不多,但是即使是微小的个性化设计,都能让你的界面看起来和同类产品截然不同,它会让用户从这里开始体会到你的产品的不同之处。你可以看看KhayloWorkout是如何在空状态界面中借助文案和插画来体现个性的。
  拳击手套插画和Challenge这个主题相互映衬,文案着重引导用户创建新的Challenge,强化交互。
  鼓励用户操作
  你的首要目的是说服用户做点什么。在空状态界面中引导用户交互,不仅仅是告诉他们如何操作,还需要告诉他们这么做有什么好处。
  来看看FacebookMassenger的空状态页面吧,当用户抵达这一页面的时候,页面中萌翻的吉祥物会鼓励用户使用Messenger拍摄视频和照片,并告诉他们有多少好友正在做同样的事情,可以在此分享内容。直接点击安装就可以解除这一空状态。用户在此可以选择了解这一服务,也可以选择直接安装,无论是哪个导向,都是有利于开发者的。
  如果可能,提供个性化的内容
  个性化的内容服务本就是为了让你的产品和用户需求更好的匹配,而个性化的服务本身就是你的产品值得炫耀的价值所在。
  所以,当用户初次探索你的产品的时候,应该可以根据他们登录帐号或者其他的信息,为他们提供个性化的内容推荐、定制服务。就像下面这个阅读APP一样,在空状态页面中为用户提供推荐的图书:
  在界面中注入情感
  空状态还能为你展示你的产品富有人性的一面。积极的情绪刺激能够让你和用户之间构成情感联系。想要在空状态下呈现什么样的感觉,传达什么样的感情,都取决于你的目的,你想要达成的目标。作为一款社交软件,GoogleHangouts的目的很明显,是要引导用户尽量分享、交流和沟通,所以它所传递的情感也更加社交化。
  当然,这种采用负面情绪的空状态是有风险的,有些人会在这种情形下进行更多社交行为以规避它,有的用户则会讨厌这种方式。但是没关系,有情感反应总比没有来的好。
  巩固交互
  当用户在空状态界面的引导下,完成任务的时候,同用户一起庆祝,告诉他们做的很好,是构建情感联系的可行方案。当用户达成任务的时候,你可以趁热打铁,让用户做更多,来维持状态。
  比如在Writeupp这个应用中,用户需要达成列表中一系列任务。当用户完成全部任务之后,APP会给出“WellDone!”这样的祝贺语。为了巩固用户的成就,APP会提供后续的步骤和任务,让他们继续前进。
  结语
  当你在设计UI的时候,空状态页面从来都不应该是空的,它应该作为用户引导流程的一个起点,整个产品体验的重要一环而存在,推动用户前进,是你的产品服务的重要入口。
  
投诉 评论

设计思考利用控制感,为用户体验加分用户体验的概念一路成长壮大,系统性概述的书籍和理念层出不穷,可执行落地的方法技巧随着技术的进步在不断变换。然而无论概念、环境如何变换,都是让产品通过媒介与人建立关系。所以其研究……作为UX设计师,你需要知道的52个专业术语“注意用户做什么,而不是他们说什么。”雅各布尼尔森《作为UX设计师你需要知道的52个专业术语》是给设计者的一个有意义的补充,我将用通俗的语言把这些专业术语按字母顺序……以开发的视角做设计:开发眼中的设计稿长什么样?面对完全不一样的媒介,设计师们会有不一样的目标,也会使用不一样的手法进行设计。比如说一名UI设计师与平面设计师的最大区别,大概就是在于UI设计师能够以开发的视角来做设计。……在新用户引导流程中,如何用好空状态界面?今天的文章,我们将会提供一些使用空状态来优化新用户引导的策略和技巧。当新用户打开你的APP的时候,最初的几个界面将会直接影响用户对你的网站的预期。为了确保用户不会在第一次……成也排版败也排版:一个选择的过程作为设计师有一个重要的技能:如何选择文字。这是因为文字是设计师和客户沟通的主要方式之一。那么排版就是决定你设计好坏的重要因素。大家觉得排版即美丽又复杂。幸运的是,很多人把……译文iOS10人机界面设计指南(完结)iOS10发布了,苹果遵循了一切从简但又增加了一些提升用户体验的功能,比如向开发者开放了更多接口,设计者又如何跟随iOS的步伐做好产品设计呢?本文是系列文章的完结篇,enjoy……百度高级UI设计师:规范、方法、一致性,真有那么重要?本文来自百度用户体验部高级UI设计师大牙的佳作,此文是她对自身工作的一种思考:一个遵从设计规范,按照所谓的系统设计方法,步步推导而来的解决方案,是否真的就是一个好的设计?你的答……当与需求方争论时,UX设计师的正确姿势该是怎样的?在我们平常的设计工作中,和需求方产生各种争论的情况很常见,双方都比较偏执强势的时候,很容易陷在各自的立场中,谁也说服不了谁;如果设计师本身就离自己负责业务的用户有一定距离(比如……iOS和Android规范解析简易菜单、简易对话框和弹出框今天的这几个控件的中文名字,在网上查了半天,没有找到统一的叫法,所以自己翻译了一下:简易菜单对应的是MD(MaterialDesign,下同)中的SimpleM简易对话……Web页面中的表格设计,远没那么简单表格的设计远远没有想象的那么简单,除了纯粹的数据展示,现在的表格越来越兼顾到一些导航的功能在里面,不仅仅纵向展示数据,在横向方面也做了相应的扩展。本文作者将来详细聊一聊表格。……铃木说马云的双11是错的铃木敏文:“判断项目是否可行,应该由用户立场出发,以用户视点深入考察是否符合需求。一旦决定开拓,就一定要坚持到底。”铃木说马云的双11是错的逆增长41年旧零售……总结了一套完整的设计分析思路本文主要是根据个人在各个大大小小的项目中总结而来的一套做设计分析的参考思路,应用于常规的项目场景基本是够用了。很多交互设计师特别是新手设计师,常常会出现接到一个需求不知道……
简短的职场正能量的语录86条职场的语录经典职场的语录职场的语录职场正能量的语录职场正能量的语录36条职场心灵鸡汤语录职场的语录常用职场的语录职场的语录职场正能量的语录70条简洁的职场正能量的语录75条中纬度地面西风带是由地转偏向力导致的吗?疫情期间可以打乙肝疫苗吗疫情期间乙肝疫苗怎么打调皮可爱的孩子们ampampshy福建又一古镇走红,千年前就有书斋,被誉理学之乡,就在南平春天里一首最深情的歌假如我是哆啦梦科哲基本原理的宇宙学证明西周、东周、东周国、西周国、春秋、战国一。。。学会面对中国最帅十位男明星,胡歌谢霆锋上榜,第一无争议海钓鲈鱼有什么技巧幼儿园工作总结

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