2018年高手总结了21条最值得掌握的移动App 设计基本原则

2018年高手总结了21条最值得掌握的移动App 设计基本原则,第1张

2018年高手总结了21条最值得掌握的移动App设计基本原则

移动是人们获取内容战服务的支流方式。然而,根据《物业》的报告,超过75%的用户只使用一次,然后就停止使用。明天,移动用户会更渴望使用法语——减载速度要快,使用要方便,交互体验要愉悦。适应场景,同时最小化交互水平(定义完成任务所需的 *** 纵速度)正迅速成为许多应用程序的衡量标准。

那么什么才算“好的体验”呢?让我们探讨一下手机使用的基本原则。

1.降低认知承诺。

用户在使用交互时的抵触和怀疑越少,持续使用的机会就越大。

2.恶化了交互过程。

了解用户如何使用交互是变质的必要前提。作为虚师战的工作人员,我们要明白用户在整个交互过程中的目的。这将有助于我们肯定我们使命中最常见的成就。

有几种常见的方式会恶化交互过程:

1.分割任务

如果一个用户的整个任务包括许多步调和 *** 作,最好将这个任务分成一定数量的子任务。一个很好的例子是电子商务购物中使用的逐步结账过程,在这个过程中,你可以从分割步骤的数量中区分出你 *** 作的每一步。

△通过限制客户端通过流程所需的 *** 作次数,可以促进用户对流程的理解。图像来源:Dribbble

2.丰富和 *** 纵用户一旦抓住的疑惑。

在上面的例子中,我们可以看到优步使用方式的思考面——使用方式不会审问用户的状态,但可以基于数据主动定位。通过 *** 纵该功能,用户只需选择搭便车的位置就可以叫出租车。

3.让每一步都自然地跟着尾巴走

当任务需要用户完成许多步骤时,该过程清楚地显示下一个 *** 作来协助用户。

△那个世界的引导过程,是在每一次用户 *** 控之后,提供下一步引导用户。图像来源:Dribbble

4.首先为每个屏幕完成一个辅助功能。

遵循这个简单的规则,这个过程可以让世界更容易学习和使用。使用视觉重量来阻止主要元件的劣化(例如,降低中央按钮的特定照度)。

△Airbnb *** 纵颜色阻止中央按钮突出。

3.切断混乱

好的UI假设只会显示相关的疑点(疑惑),没有看完的疑点(音乐声音)会被停止。

当你关闭世界的时候,你给了用户很大的压力。添加每一个按钮、图片、图标,让世界越来越大。以前在桌面上糊里糊涂的很可怕,移动设备的时候更糟糕,因为我们有太多的屏幕空供用户 *** 控。

△清晰的标签栏(左)比混乱的(左)舒服多了。图片来源:苹果

提醒:如果想减少用户 *** 控过程中某个领域遇到的无序,那么就只显示当前节奏中需要的内容。比如用户做选择时,只需要显示当前用户需要的选项,然后在下一个世界显示细节。

△上图是一个叫Duolingo的iOS的使用,逐渐深入世界(一步步展示更多疑点)

4.清晰导航

如果用户很容易找到自己想要的东西,那么在世界上就会被认为是美好的,内容也会变得有意义。

一些导航规则:

我没有躲。停止隐藏导航,比如脚 *** 纵,大多数用户很容易发现。

意见不合。开发人员经常在一些单独的页面中隐藏菜单。不要这样做,因为这可能会让你的用户产生怀疑。

表明自己的现状。对于许多用户来说,报告他们的当前状态是一个共同的成就。“我在哪里?这是需要被告知的用户最基本的成就之一。

提醒:最好使用刻度导航形式。比如标签栏(iOS)和抽屉导航(Android)。大多数用户都熟悉这两种导航形式。如果一个简单的治疗方案有用,就没必要站得笔直。

△图片来源:谷歌设计

5.分开脚机本身的特点。

电脑不是缩小版的台式电脑,它们有自己的纤薄和不同的 *** 作限制。

6.视觉引导应该是精确的。

UI中的元素需求明确表达了哪些元素可以交互,哪些元素不能 *** 作。

以表格中的差异为例,用户可以使用鼠标悬停结果来确定元素是否可以被 *** 纵,而移动用户只能通过过程表面点击元素,并且永远不确定哪些元素可以被 *** 纵。一个好的想法应该让用户准确预测。

7、 *** 纵区域去爱。

在移动世界中可以 *** 纵的元素时,为了方便用户面攻,hub的表面要有足够的思路,以面攻为目的。根据经验,常用的有用的触控产品是7-10mm。该区域允许用户在面对面敲击时看到目的的边缘。用户可以知道自己是否能准确命中目标。

此外,确保元素的位置不要靠得太近。面对面攻击的目标之间应设定适当的距离,避免意外接触。

△图片来源:苹果

8.想想大拇指空。

想象大拇指不仅要想象目的地区域,还要思考如何握持装备。

虽然在屏幕的大部分区域都可以 *** 纵拇指,但是只要屏幕的三分之一是不是真正费力的区域,那个区域就叫做拇指温暖区。其他区域需要伸展脚趾,甚至改变握法来 *** 控。基于脚握法(左右各一尺左右),可以看到移动设备中的安静区(下图绿色区域)。

△图片来源:Smashing杂志

屏幕越大,越不容易 *** 控。

△习惯左脚的拇指区域根据ScottHurff的研究。

考虑使用场景时移动终端需求的所有差异:

绿色区域是导航选项的最佳位置,例如 *** 作指南按钮,经常 *** 作。

△“分享”按钮在绿色拇指区。

白色区域是潜在伤害选项的最佳位置(例如,删除它和抹掉它)。任何用户都不能误触它。

△破坏性 *** 作(如删除和擦除丢失)被安排在一个容易接近的白色区域,因此用户不希望有错误的触摸。

9.停止这个想法。

我们的生活在一个不断被打断的世界里。有些工作总是试图把我们的注意力分开,转移到其他地方。

例如,用户可以在等待时使用水车。思考移动使用场景是非常重要的。让正在使用的用户停止使用,就可以简单的恢复到以前的形态。

Twitter是搁置这一想法的一个很好的例子。使用告知列表显示所有最近的告知。只要用户不在那个页面上,列表就不会被更新——它只是在列表的顶部显示一个表单“XNewTell”。授权用户在一段时间后从零开始使用时,不会失去当前状态。

10.勤勤恳恳打造多端发散体验。

此举在现实中并不存在空。

例如,用户通常使用移动终端阅读购物网站,然后切换到桌面电脑进行购买。体验上的变化应该被用户感知到。

△Spotify可以实现多端无缝体验。您可以在Mac上设置播放列表,并且可以立即在iPhone上使用它。当你在设备之间切换时,用户会记得你停在那里。

11.不优雅的足部姿势

使用时只使用最自然的脚型。为什么?水果换脚潜力是一个隐藏的控制。

正如ThomasJoos在他的文章《超越按钮:拥抱足部 *** 纵》中指出的,在用户世界中使用足部姿势的最大缺陷是学习直线。每次用脚的手势代替可见的控制,使用的学习直线就会上下起伏。这是因为脚的姿势创造性很低——它们总是在隐藏,人们需要首先能够识别那些选项。这就是为什么你只用普遍接受的脚姿的果实(用户的期待正在你的使用中被利用)。

一个很好的例子是停止为使用进料流而创新。

△图片来源:Ramotion

12.使用框架使使用快速出现。

要快速灵活的使用,但是如果不能阻止会发生一些特殊情况。

比如很慢的网速。如果不能缩短卸货的时间,至少让等待不那么有趣。可以首先降低可疑兴趣的帧结构(即临时可疑容器)。

在框架中,有一个页面缺少了空的版本,其中的信息是逐渐卸载的。不同于卸载动画,它在数据中卸载用户的注意力,而在帧中,用户的注意力是在进行中而不是等待。

△在Slack使用的框架中

10.照顾好你的第一次经历。

就像一个人,会有第二次机会给用户留下好的第一印象。如果我第一印象不好,我敢赌(80%几率)用户不会再用。

10.要求的指导

至于指导圈定规则,不应该是万能的,而应该是有利于人们如何利用的。

想象者要以引导为契机,为新用户开辟绿色通识教育。另一方面,指南只应在第一次使用时呈现。

5.想象一下第空页

空形式(或整体形式)是任何作品发生的形式。那个形态不应该在空失踪的世界里(很可能像很多空想家说的那样死掉了),但是应该能给用户提供下一步 *** 作的指令。

以Spotify的麻烦表单页面为例。它无法帮助用户了解发生了什么,也无法帮助用户找出处理方案:“我能做什么?”」

△应该没有死亡巷在用。

对比一下NFL幻想的空形式。其空形式显示了简单有效的故障提醒。简单、有规律、有启发性的表白:

出了什么问题,能有什么结果。

用户考虑如何处理这个成绩要求。

△NFLFantasy解释了为什么用户什么都看不到,并报道了用户应该如何做测试。图像来源:空状态

5.通过使用功能动画来改善交互体验。

绘画是在处理世界上许多功能性的成就,同时也使世界更加活跃和活跃。

10.显示系统形式

当用户空闲来处理一个 *** 作时,用户应该知道当前的表单而不是卡死。视觉变化给用户一种控制使用的感觉。

△通过进程动画通知用户正在卸载内容。图像来源:Ramotion

7.航行的转变

绘画是形态转换最好的东西。它帮助用户了解页面中计划的变化,面对面后的变化,以及如何在我们需要时开始这样的变化。

△功能动画可以有效引导用户,让巨大的跳转变得简单易懂。图像来源:在成,郑

X.视觉反应

在理想的世界中,工具将与我们的互动相呼应。在UI控件中,人们也在等待类似的响应能力。

出色的视觉反应让交互体验非常温馨。所有的交互元素(比如按钮)都应该提供完美的视觉反应。

△按钮呼应用户的脸击。图片来源:沙库罗

9.动物体验

自然变化

自然是当今最关键的部门之一。这是一个从用户那里获得同样机会的时代,为每个用户提供他们需要的信息,让他们觉得使用是为他们量身定制的。

星巴克就是一个很好的例子。使用用户提供的信息(例如,他们经常喝的咖啡)来提供非凡的好处。

二、让人乐于画画。

就拿提高用户世界清晰度的功能来说,赏心悦目的动画是用来让世界看起来更动物化的。动画的多样性可以让用户感受到想象者的意图。一些让人开心的小细节,是与用户进行情感接触的机会。

△图片开头:Dribbble

二,11,推价格。

恼人的是用户卸载的最终结果(71%的受访者)。

△出处:Appiterate调查

不仅仅是你可以接收和推送通知——每一个通知都应该具有成本效益和实时性。以上是我们设想推送和接收通知时需要考虑的一些事项:

1.短时间内停止接收过多信息。

如果短时间内推送太多消息,那就太晚了——用户无法停止浏览有用的信息,而是间接跳过。在测试中,不同的动态和静态组被放在一起,以限制总信息量。

2.该说了

不仅你讲的内容很重要,你花什么时间讲也同样重要。不要在奇怪的时间(比如午夜)被告知。推送和告知的最佳时间应该是使用和利用它的高峰时间——下午6点至10点之间。

3.全面开放其他渠道公布疑点。

一推就说不是听取用户意见的唯一途径。使用电子邮件,使用讲述战争的消息获取信息,根据你要分享的内容的紧急级别战争实例,告诉用户主要事故。

△根据紧急等级战的内容,选择合适的讲述事例。产地:Appboy

结论

伟大的思想应该是无形的,使用它们的人专注于自己的目的,而不是在这个世界上。作为一个有远见的人,你应该努力去想象看不见的世界,因为那个世界不仅满足了用户的需求,还提供了优秀的用户体验。

和其他向北的方向一样,上一章总结的一些只是开始。要走自己的思维方式,不要再割裂,这样才能达到最好的效果。

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/zz/777244.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2022-05-03
下一篇2022-05-03

发表评论

登录后才能评论

评论列表(0条)

    保存