LOGO-200LOGO-120×35LOGO-200LOGO-200
    • 首页
    • 课程
      • 建筑设计方案表现班
      • 建筑参数化设计犀牛班
      • 室内设计就业高级综合班
      • AutoCAD专项
      • BIM全科高级综合班
        • BIM企业培训
        • BIM建筑与结构实战班
        • BIM机电管线实战班
        • 全国BIM技能等级考试班
      • 景观园林设计表现班
      • 网课
      • 作品
        • 建筑犀牛作品
        • 园林设计作品
        • 室内设计作品
        • 产品设计作品
    • 课件
      • BIM课程课件
        • BIM建模结构课件
        • BIM机电课件
        • BIM装饰课件
      • 建筑
      • 建筑犀牛课件
      • SketchUp 课件
      • Auto CAD 课件
      • 室内设计课件
      • Lumion 课件
      • 产品设计课件
      • Keyshot
      • 平面设计课件
        • PS课件
        • AI课件
        • CDR课件
        • ID课件
      • 更多设计经典和教程
        • –室内设计–
        • –建筑设计–
        • –平面设计–
        • –产品设计–
        • –网页设计–
        • –CG插画–
        • –设计动态–
      • BIM技术
        • –BIM资讯–
        • –BIM教程–
        • –BIM案例–
        • –BIM考证–
        • –BIM软件–
    • 资源
      • 软件
      • -材质贴图-
      • -3DMAX模型-
      • -Sketchup模型-
      • -Rhino模型-
      • -BIM模型-
      • -CAD图纸-
      • -室内设计-
      • -建筑规划-
      • -平面设计-
      • -景观园林-
    • 晶网知乎
    • 教学管理
    • 其他
      • 制作
      • 合作企业
      • 招聘求职
      • 最新动态
      • 我们的风采
      • 住宿安排
      • 关于我们
      • 手机版
    • ===== 资 源 ======
    • >>>常用素材<<<
    • >>>材质贴图<<<
    • >>>3DMAX模型<<<
    • >>>Sketchup模型<<<
    • >>>Rhino模型<<<
    • >>>BIM 模型<<<
    • >>>CAD 图纸<<<
    • >>>室内设计<<<
    • >>>建筑规划<<<
    • >>>平面设计<<<
    • >>>景观园林<<<
    ✕
    【官网】在设计应用时,你会设计空白页面吗?
    2016年8月5日

    普通应用在安装后的前三天会失去 77% 的日活跃用户。更为严重的是:三十天内,大约 80% 的日活跃用户会流失.

    这些低留存率是因为应用做的很烂么?并不总是这个原因。

    用户试用了很多应用并且在最初的几天决定要删掉哪些。应用成功的关键是在关键时期吸引住用户。

    你的任务是确保用户停留足够长的时间并有很多交互操作来享受应用。 但在这些好情况发生之前他们应该享受第一次使用。

    通常我们设计一个很受欢迎的界面,布局里的每个元素看上去都安排的很好。空白状态界面通常是你最后设计的。事实上 empty state 对于吸引用户操作充满潜力。即使 empty state 只是一个临时的阶段,我们必须认真对待它带来的与用户交流的价值。

    什么时候用户遇到 empty state?

    • 第一次使用:应用第一次启动
    • 错误:遇到一些问题
    • 用户删除内容:当用户删掉所有的应用内容empty state 的作用不仅仅是装饰的作用。除了通知用户页面上期待展示的内容, empty state 也具有优化首次使用体验的作用--他们告诉用户需要哪些明确的操作,所以应用才会有预期的功能。当用户遇到一个问题, empty state 也是极好(或坏)的。

    一个成功 empty state 的完成下面三个目标:

    • 教育和帮助
    • 让用户愉悦
    • 提示用户进行操作empty state 的第一个目标是教人们怎么用你的应用。如果他们不理解功能,他们会离开。所以你应该通过建立起对未知的期待,让用户体验更好。68747470733a2f2f63646e2d696d616765732d312e6d656469756d2e636f6d2f6d61782f3830302f312a5373646c39614c6150703030615379586b5f396466772e676966Invoice app  —双色插图的空白状态页,清晰地展示了如何快速地管理数据、查看销售业绩以及掌握客户动态的所有功能。

      empty state 应该在出错的时候起作用。你需要在 empty state 的友好和有用间找到平衡。当显示错误的时候,向用户解释为什么他看不到任何东西以及如何解决这一问题:

      不好的例子: Spotify 的 empty state 只有 ‘An error occurred’ 信息68747470733a2f2f63646e2d696d616765732d312e6d656469756d2e636f6d2f6d61782f3830302f312a666c434a683044347048575f4d764e345752775278772e706e67

      Spotify’s 的错误提示并不像它本该的那样有用。

      好的例子: Azendoo .感到迷茫和失连啦,像你在一个废弃的小岛上?听从建议,保持冷静,点把火,持续刷新就好啦。68747470733a2f2f63646e2d696d616765732d312e6d656469756d2e636f6d2f6d61782f3830302f312a79646b593274543557494b555548364b4536546533772e706e67

      Azendoo’s 的错误页面好玩又有用。

      一个首次使用的好的 empty state 强调如下的时刻:

      一个好的印象不仅仅是关于可用性,还关于个性化。如果你的第一个 empty state 页面看上去和相似的产品有一点不同,你已经向用户表明整个产品的体验也可能不同。对于 empty state 你的目标是给用户一个愉快的惊喜。68747470733a2f2f63646e2d696d616765732d312e6d656469756d2e636f6d2f6d61782f3830302f312a6c6473355779337472395a66637a43764244516366412e706e67

      苹果上 Dubizzle 的没有喜欢的广告。

      你能设计一些新鲜或惊喜的么?像是一个动态的 empty state :

      68747470733a2f2f63646e2d696d616765732d312e6d656469756d2e636f6d2f6d61782f3830302f312a38725044456e77527a516e5265524c30434b644c7a412e676966

      Workmates  —动物在单独页面用可爱的hi和hello和你打招呼呢。

      或者你可能编个笑话?68747470733a2f2f63646e2d696d616765732d312e6d656469756d2e636f6d2f6d61782f3830302f312a4a42703147667a307445796a6b4d736e6e63762d57412e706e67

      Cognito Brain Training —你会吃惊于看到一只鲨鱼,不管内容。

      Aaron Walter 用人类需求的等级作为一个应用有成功的用户体验的一个解释;应用除了应该是有用的,可靠的、能用的,也应该是使人欢快的。所以设计下面的页面同理:68747470733a2f2f63646e2d696d616765732d312e6d656469756d2e636f6d2f6d61782f3830302f312a596b6b42756a7557676b416766487a46324c684749412e6a706567

      在 Line Play 里没有新闻结果。不管怎样,这体验很不好。

      看你的手机里的首次使用页和其他应用的 empty state 体验。通过以下方法来取悦用户:

      将一个 empty state 视为一个微型的登录页面。设计上保持微型的同时,一个成功的页面将会解释一个明确的特性并让用户有下一笔操作。68747470733a2f2f63646e2d696d616765732d312e6d656469756d2e636f6d2f6d61782f3830302f312a38756f48346d4a6758636b547258493030454e6373412e706e67

      为了在一个 empty state 促使用户下一步操作,你应该这样:

      • 刺激用户:用适合用户的刺激性的语言和设计例如: “Learn more” 或 “Let’s get started.”68747470733a2f2f63646e2d696d616765732d312e6d656469756d2e636f6d2f6d61782f3830302f312a7650713778422d37645052306c626d307972586f6b672e706e67Dropbox iOS 应用
        • 说服用户:提醒他们当他们使用产品后将会获取的好处68747470733a2f2f63646e2d696d616765732d312e6d656469756d2e636f6d2f6d61782f3830302f302a4e4a6e744a6b5f7a45534132576839722eFlipboard 移动端应用
          • 引导用户:向他们推荐并展示开始使用应用最好的方法。提供一个提示(或箭头)的按钮来引导用户采取必要的操作来关闭 empty state ,然后得到一个更有意义的页面“68747470733a2f2f63646e2d696d616765732d312e6d656469756d2e636f6d2f6d61782f3830302f302a7839504d77634f354459556f526d65502e706e67箭头在第二张图提示操作。来源: Dribbble
            • 深入研究 empty state 因为它不是用户体验中一个暂时的或很小的部分。让用户在使用你的应用的时候很欢快并且能将个人感觉和产品特性联系起来。向用户介绍应用的好处,用户才能知道他们为什么要在意这个产品。
            • 视觉上保持简单的设计:通常来讲,简洁的页面,清晰的图标或插图和一个 CTA 按钮足够了。
            • 如果 empty state 是被用户的良好行为触发的,用一个愉快的信息来奖励用户。
            • 如果 empty state 是出错后出现的,解释清楚怎样解决这个问题和返回到之前的页面empty state 和其他设计组件一样重要,因为用户体验是所有能和谐地起作用的部分的总和。用户界面需要信息和操作之间精细的平衡。 empty state 将用户和设计完善的UI界面相连接起来,以此来保留用户的注意力。

            Follow UX Planet: Twitter | Facebook

            文章来源 : 掘金翻译计划

            原文链接 : Empty State: Mobile App “Nice-to-Have” Essential
            原文作者 :Nick Babich
            译者 :MAYDAY1993

    Related posts

    2020年8月6日

    Illustrator快捷键


    Read more
    2020年4月20日

    3-3 课 Keyshot渲染实例(吉他)——材质图的应用


    Read more
    2020年4月20日

    3-2 课 Keyshot的HDRI贴图的编辑功能


    Read more
    2020年4月20日

    3-1 课 Keyshot场景的视频教程


    Read more

    严老师电话|微信|

    手机:18902259698

    QQ咨询

    严老师 QQ 275043888

    QQ联系咨询课程

    晶网设计培训是广州建筑室内设计培训知名机构,拥有专业建筑犀牛课程,BIM培训考证,室内设计学习,园林景观学习课程等完善的广州室内设计培训教学机构。

    地址:广州天河北路703号 曜一城 C座 21 楼 08 联系电话18902259698

    ©2018 晶网设计 粤ICP备10225019号-1