150-1924-0507

互联网产品——APP设计规则探讨

2019年08月17日 21:34  千赋科技 

  2010年是移动互联网从概念落实到人们日产生活中的第一年,这一年可称为移动互联网元年,移动互联网发展至今已有9个年头,这9年里我们也见证了各种类型APP的完善和演变,比如某宝、某东、某易……

  不知道大家伙在使用各种移动软件(APP)时有没有发现这些类别不同的软件之间却有着很多相识的感官感受和使用方式?今天我们一起探索下移动APP设计中的那些“小套路”。

  一、从桌面时代到移动时代出现了哪些主要变化?

  1、载体不同:桌面时代到移动时代最大的过渡就是从单一的电脑显示器衍生出Pad、手机、智能手表等多平台、多终端。

  2、交互方式不同:在PC端时代和蛮荒时代我们还只是通过鼠标、触控笔对电脑和触屏手机进行想要做的操作,操作不便利、效率较低。

  3、使用场景不同:手机之所以成为人类的“第二器官”,是因为它丰富了我们的使用情景、覆盖了更多的使用地点、利用了更多的碎片时间,也就是说移动时代相比于PC时代,人们上网的场景变得更加多样、时间占比更高。

  二、设计行为认知的三种设计方式?

  认知心理学家唐纳德诺曼指出设计的层次划分为“本能层—行为层—反思层”,虽然设计大V提出的理论不容反驳,但个人认为互联网产品“设计”始终由:感官设计、功能设计、体验(交互)设计三部分组成。

  1、感官设计

  感官设计就是人类的耳鼻喉等器官或直觉对产品的感觉、印象和认知,主要有视觉、听觉、味觉、嗅觉、触觉和知觉六个部分组成。比如,微信视频通话前的通知声和待接听界面,就是从听觉和视觉两种感官上告知我们“某某人正在邀请我视频通话”。

  2、功能设计

  互联网产品的功能设计是产品形成的基础和必要条件,这一点和传统的工业设计没有明显区分。比如,一个发送邮件的APP如果不能发送邮件,那就是个失败的产品,因为它不具备发送邮件的主体功能。

  3、体验(交互)设计

  较为抽象的设计行为就是体验(交互)设计,因为这里面涉及到工科学、交互学、设计学、心理学等多学科,下面“详谈APP设计规则”栏目时详细描述。不过,可以简单粗暴的理解成“就是让使用者用着不费力,不需要过多思考”。

体验(交互)设计

  三、详谈APP设计规则

  1、无论是电脑端还是手机端都遵循的6大设计原则:

  (1)、主次原则

  为页面元素(文字、图片、视频、链接、按钮等)划分出主要和次要,便于用户进行常用及平台提倡的操作。

  比如,我们在购物时各种电商网站都会用鲜艳颜色突出“加入购物车”、“立即购买”的按键。

  (2)、直接原则

  一方面,被拆分后的用户任务要将主要步骤直接展示给用户,减少其疑惑感;另一方面能在当前页面和步骤(当前环节)完成的动作,千万不要遗留到下一个页面和步骤。

  (3)、统一原则

  首先要保证多端统一,比如某新闻类APP在IOS端和Android端的注册列表不同,这是很致命的问题;其次要保证APP内设计风格一致、语言一致、页面跳转方式一致、加载loading一致、字体一致、弹窗一致……不要出现一个流程内有多种交互风格。

  (4)、少做原则

  通过标杆产品和设计心理学知“让用户选择远远优于让用户填写”。这样做有两个显而易见的好处:一是,可以大大提升用户使用产品时的操作效率,让用户更快的找到自己想要的东西或完成自己当前的任务;二是,有效的降低了用户的犯错几率也有效的保持了页面的简洁性。

  (5)、反馈原则

  无论用户在APP中进行了何种操作,系统都应该及时给予操作者反馈。比如,邮件发送成功,应该提示“邮件已发送”;视频播放失败,应该提示“当前网络未连接”。

  (6)、对称原则

  生活中很多事物存在辩证关系,移动互联网产品设计中也不例外,有正既有反,比如“展开/收起”、“下滑/上滑”。

  2、页面设计8大设计标准

  (1)、采用用户语言

  所谓采用用户的语言本质也就是“无论是按钮的名称、栏目的命名、说明文字,都可以让使用者看起来很容易理解”。像“购买、支付”都是很易懂的词语,而“采办、直拨”(分别为购买、支付的近义词)就不是日常生活中常用的词汇,这样的词汇放到APP中,也同样会给使用者带来疑惑。

  (2)、保持简洁

  保持简洁的定义很容易理解,就好比一件纯白色的T恤上面没有任何条纹和图像雕饰只有一个产品LOGO,这就是简洁性。保持APP页面的简洁性就是给使用者呈现重要和需要的信息,让使用者使用APP时不会感到费力气。

  (3)、利用习惯用法

  举一个简单常见的例子,现实世界中我们阅读书籍时会通过“书签”来记录上次阅读到的位置,以便下次阅读时可以快速定位到阅读历史位置。在很多阅读类APP中,也有类似书签的功能,这就是利用了现实世界中的习惯用法。

  (4)、建立有效的视觉层次

  将每个页面都划分出重要、次要、包含、相关的视觉区域,可以最大限度的让用户快速浏览并找到自己想要的内容。想必很多人都会阅读报纸或者杂志,杂志就是通过将页面内容划分出重要和非重要部分来突出重点。

  (5)、把页面划分成明确定义的区域

  (6)、明确标识可以点击的位置

  在设计APP页面内容时,要通过视觉区分分辨出哪些地方(按钮、选项卡……)可以点击,因为这些可以点击的地方是使用者们在APP中进行的最多的操作之一。

按钮

  (7)、最小化干扰

  关注用户及其任务给予明确的指引,去掉页面中不重要的信息。比如,欢迎广告、亚洲交友网站上花哨闪动的图片,对用户不仅没有帮助还会使其产生反感情绪。

  (8)、为内容创建清楚的格式

  想必很多常常在网上冲浪的用户都见到过很多《注册协议》、《XX条款》,里面大量的文字说明都有着清晰的格式以便于用户们阅读。试想一下,如果这些文字没有标题、没有留白、字体大小和颜色通通一致,那这些文字将会成为一堵高墙阻止我们去探索和了解。

  3、APP发展出来的独立特性

  移动软件(APP)对于桌面软件(PC)除了上诉通用的设计准则和标准外,移动端还有着以下不可替代的优势:

  (1)、不可忽视的移动设备硬件功能

  手机上自带的重力感应器、GPS、摄像头,可以让APP给用户带来更顺畅、更便利、更及时的使用体验。比如,DD打车、BD地图这些常用APP,给我们的生活带来极大的便利。

  (2)、简单实用的指点、手势操作

  在电脑上我们只可以通过鼠标间接的去操控桌面软件,这样不仅操作冗余而且效率低下。移动互联网时代,我们在APP上通过指点、手指操作就可以简单、快速的完成一系列动作,比如“下拉刷新/上滑加载”、“右滑返回上一层级/左滑切换下一栏目”、“双击放大图片”……

  (3)、常被忽略的推送设计

  一方面,APP可以有效的获取到注册用户的手机号,所以在进行用户运营、推广和挽回流失用户时,运营方可以准确、及时的触达到APP的使用者,这点PC端桌面应用是很难做到的,哪怕做到了这点也很难保证时间有效性;另一方面,APP站内(系统内部)通知触达效果较桌面应用更佳。


标签 :APP设计
上一篇 DHCP服务如何配置才能减少被攻击
下一篇 没有CSS的网页会变成怎样?

声明:本文内容由深圳市千赋科技有限公司原创或者通过网络收集编辑所得,所有资料仅供用户参考;对收集的资料本站不拥有所有权,也不承担相关法律责任。如您认为本网页中有涉嫌侵权的内容,请及时与我们联系,并提供相关证据,工作人员会在5个工作日内联系您,一经查实,本站将立刻删除涉嫌侵权内容。

相关文章 Related articles
服务热线

150-1924-0507

网站建设公司 www.me345.com 粤ICP备15080528号-1

Copyright© 2008-2019 深圳市千赋科技有限公司 版权所有