App UI设计：“看得见”有多重要

原文：http://www.lukew.com/ff/entry.asp?1945
译者：杰微刊

作者按：为了简化移动应用的界面设计，通过菜单控制（menu controls）这种方法非常有效--特别是在小尺寸屏幕上。但如果关键功能被隐藏在了这些菜单背后，那就会带来糟糕的用户体验。

眼不见，心不烦 Out of Sight, Out of Mind

为了使Polar app的可视化设计更加简洁，我们将分段控制菜单（segmented control menu）换成了一个下拉切换菜单（toggle menu）。下拉切换菜单更加“清爽”，但用户的菜单切换频率却骤然下降了。为什么呢？用户不会在这个应用的主要几个部分界面切换来切换去，因为这些部分现在都已经隐藏在下拉切换按钮中去了。

当他们将展示应用主要部分的标签行导航栏（tab row）换成抽屉式菜单导航（a navigation drawer menu）时，同样的命运降临在Zeebox应用上。由于应用的关键部分现在看不见了,用户也不会放在心上了。结果是：应用的不同部分切换度大幅度下降。

切换时间减少了一半：周频率和日频率都下降了；用户在应用的停留时间也下降了

看在眼里，留在心里 In Sight, In Mind

当应用程序的关键部分是可见的,那么这些部分的使用频率会增加。Facebook发现当他们将iOS版Facebook的顶部“汉堡包”菜单（“hamburger” menu）移向底部标签栏（bottom tab bar）时，不仅仅是切换频率上升了，其他几个重要指标也上升了。

提升项：切换度频率，满意利润，速度和知觉速度指标

同样，Redbooth应用将汉堡包导航栏换成了底部标签菜单，这使得该应用的在线会话人数和用户激增。以前看不见的功能现在放在了前面和中心。

会话数是之前的两倍：在线会话时间增加了70%；日活跃用户增加了65%

为什么“看得见”如此重要？What’s Important Enough to Be Visible?

因为手机屏幕空间是有限的，并不是所有东西都能在手机界面上展现。这使得手机界面设计变得富有挑战性。与桌面应用不同的是，大屏幕往往能让我们把应用的每个特性和功能展现在屏幕上，而手机则要求我们做选择：哪个功能在手机上更应当被用户看到？

要回答这个问题需要你了解：什么是对你的用户和业务来说重要的。换句话说，这些都需要更好的设计。

App UI设计：“看得见”有多重要相关推荐

ui设计看的书_5本关于UI设计的书
ui设计看的书 Want to develop a better eye and vocabulary for judging layouts, type choices and imagery? 是 ...
自学UI设计看什么书好？
自学UI设计看什么书好?UI设计这个概念在最近几年经常被提到台面上,越来越多的企业开始注重自己产品的UI设计,这也让越来越多的人开始学习UI设计,有不少想入门的同学都想问自学UI设计看什么书好?都要学 ...
【APP UI 设计模式】（一）APP UI 设计原则和流程
一.基本原则 1.用户体验原则UCD,以用户为中心去设计 2.设计模式是可重用的设计规范实现 3.反模式是糟糕设计的典型,极力避免使用 ...
最意想不到的5个APP UI 设计范例
现如今,智能手机已成为人们生活中不可或缺的一个物件,琳琅满目的手机APP充斥着各大应用市场.对于普通人来说,他们的衣食住行因此而变得简单方便:对设计师们来说,他们则面临更多的机遇和挑战.每位设计师都梦 ...
Android开发详解：第3章《App UI 设计》
第3章:App UI设计 3.1:UI设计的相关概念 3.3:布局管理器 3.4:常用APP UI界面设计 3.1:UI设计的相关概念 View View类在Android中可以理解为视图.它占据屏幕 ...
adobe xd_如何在Adobe XD中创建Finance App UI设计
adobe xd 在本教程中,您将学习如何在Adobe XD中创建财务应用程序设计,以及(更重要的是)如何轻松对其UI的各个部分进行动画处理. 您将在本Adobe XD教程中学到什么如何在Adobe ...
APP UI设计及切图规范--2016
1.概述 1.1 编写目的该文档主要针对移动端开发的视觉设计和开发过程中的工作环节做统一的规划规范,是系统进入UI设计的前置文档. 1.2 读者对象项目实施工作组UI/UE设计人员. 2.色值规范 ...
【设计】近期发现的 APP UI 设计趋势
翻译文章,作者:AppMaster.io https://appmaster.io/blog/top-10-mobile-app-ui-design-ideas-2022 -------------- ...
大屏UI设计-看这一篇就够了
目录前言: 一.素材库 1.借鉴 2.大屏UI的7大元素梳理. 二.7大元素 1.布局 2.风格 3.主视觉 4.图表选择编辑 5.字体 6.规范 7.动效三.总结前言: 本文从UI设计师与 ...
博客园客户端UAP开发随笔 -- App UI设计的三大纪律八项注意
前言每一个页面都是这个App的门面,尤其是主页面,看上去干净整洁清爽宜人容易操作,那么你的App就成功了一半.这也反映出了你这个开发团队的基本审美素质和设计理念.如果你不是一个团队,而是一个个人开发 ...

App UI设计：“看得见”有多重要

App UI设计：“看得见”有多重要相关推荐

最新文章

热门文章