app开发设计应以人为本!浅谈app交互设计原则

author author     2022-08-09     784

关键词:

      为什么APP开发设计需要原则?设计原则其实就是对一些设计过程中基于人类的认知规律对设计做出的一些指导性原则,并且对已经成为行业共识的设计经验做个总结,用来指导设计师界定问题、提高效率。


      先就APP开发设计 http://www.czwew.com 常州紫竹云科技产品经理分享交互设计的时候最为大家所认可的几条设计原则:可学习性、一致性、简洁性、流畅性、及时反馈。除了这么六个?还有其他的吗?你放心,如果需要还有更多。

技术分享

一、经常用的设计原则有哪些?

1.可学习性

 

      目标用户在已有的知识和经验基础上,能正确理解产品界面,无需要思考而一目了然;或者是用户通过自己的学习,借助提示或帮助说明,能够理解产品界面。则界面具有了可学习性。


      可学习的内容包括:明确当前所在位置,知道当前能干什么、接下来要干什么,能快速辨别界面中的元素并明白其功能。在设计时可采用合理的隐喻、习惯用法、有效的启示。例如手机中收音机的调频显示和音量大小控制,模拟真实收音机,一目了然。其实这是隐喻的手法,隐喻是非常利于新用户学习的,从现实世界中直接映射过来。

 

2.一致性

 

      在相似的情景下,应在几个方面保持一致性:视觉表现、交互行为、操作结果。良好的一致性,可以减少用户学习成本培养用户习惯,也可体现产品设计的严谨。如果有不同,应作相应的区别处理,特别是视觉表现上要予以区分。

 

3.简洁性

 

      少即是多,尽可能精简界面上的元素。当设计出原型,先将元素减半,然后再看能否再简化。生活其实很简单,但很多时候我们人为将其复杂化了。保证主要任务流程顺利完成,消减其余不相关元素的干扰。

 

简洁体现在三个方面:

  • 减轻视觉干扰;

  • 精简文字表述;

  • 简化操作步骤。

  •  

 

4.流畅性

 

      用户操作连贯,任务完成顺畅,避免干扰或打断。明确最基本的核心任务,并保证它的顺利执行,辅助操作应在不影响核心任务的基础上展开。

 

      避免干扰,让用户明确在特定界面中的首要任务和目标,尽可能避免界面上的视觉噪音和其他干扰;避免打断,让用户的操作保持连贯性,模态框的使用要谨慎。Gmail在把邮件删除后,会将删除的弹框设计成List Notification非模态这种方式,提醒用户撤销刚才的删除操作,这种的处理,让删除的流程更加顺畅和轻松自如。

 

5.及时反馈

 

      界面中任何可操作的地方,当用户发生操作时,都应该及时给予反馈。让用户了解操作已经生效,界面还在用户的控制之下。反馈内容包括:用户操作反馈和产品状态反馈。

 

      操作反馈,指的是界面元素在用户进行滑过、点击、移开等操作时,元素的反馈变化。状态反馈,指的是产品在运行需要用户等待或者系统出错时的反馈,让用户明白状况。迅雷每次下载完成都有声音提醒音乐播放时的进度条显示就是这类反馈。

 

6.可探索性

 

      用户在使用产品过程也是一个探索过程,产品应该允许用户犯错,即使犯错了也不能埋怨用户,而且必须给用户重新尝试的机会,让用户处于放松的心态。

 

      设计过程中,首先要帮助用户避免出错,比如采用合适的控件(相同情况下选择控件比输入控件出错机会更小),给予输入帮助或启示。在登陆邮箱的过程中如果忘记密码,在登陆图标的旁边会有一个”忘记密码?”的提示图标,来提醒用户不用担心,点击进入来解决问题。

      用户出错后,需要提供撤销或返回功能,使用户返回到上一步操作重新探索。出错反馈要亲和,避免责备用户或鲁莽的打断或推出产品,要礼貌的指出错误所在并提供有用的补救建议。

 

除了这么六个?还有其他的吗?你放心,如果需要还有更多。

 

1. 一个界面为主要角色设计,而不是为所有人设计。

2. 为日常场景设计,不要让边缘场景主导你的设计。

3. 所有的习惯行为都需要学习,好的习惯行为只需学习一次。

4. 除了输入所有的行为支持鼠标操作;除了绘图所有的行为支持键盘操作。

5. 在满足需求的前进下,界面的信息越少越好。

6. 在满足需求的前进下,界面的功能越少越好。

7. 在满足需求的前进下,界面的交互次数越少越好。

8.  界面的操作方式最好一目了然,不需要帮助。

9. 操作前可预知;操作中有反馈;操作后可撤消。

10. 充分利用隐喻设计。

11. 让用户知道身在何处。

12. 界面结构合理、功能布局、措词统一,突出重点。

13. 日常场景使用的界面应放在主要位置,且尽量的大。

14. 一般界面的颜色不超过3种,且避免大面积使用刺眼的颜色。

15. 减少用户的记忆负担,尽量让用户识别,而不是回忆。

16. 尊重用户的习惯思维和行为,除非你有更好的设计。

17. 关注用户的目标,而不是任务。

18. 尽量避免对话框,且对话框深度最多不应超过3级。

19 …

现在是不是已经看到快吐了?

技术分享

二、设计原则这么多,到底该怎么用啊?

 

       紫竹云科技产品部深切的感受到如果每次做设计都按照这些原则一条条的去比对,那么就会“一条复一条,原则何其多”,于是就简化总结了一下,交互就是设计行为,行为就是一连串的动作,具体到动作中的每一个环节都会有一个受动的对象,比如点击按钮、弹出窗口、阅读弹窗内容、关闭弹窗等等,截取整个一连串动作中的一个对象——按钮来看,分为前、中、后三个阶段:

 

       ● 前期:用户在点击前对于点击后的结果心理是有个预期的,是由之前页面的上下文和按钮本身信息(文案、形状等)来决定的;

 

       ● 中期:点击的每一步动作都需要按钮有个反馈,鼠标进入按钮的感应区域、悬浮(hover)在按钮上,按钮应该自身有个状态的的变化,比如颜色,点击中也应该有个变化;

 

       ● 后期:手动点击后弹出的对话框是否符合用户的心理预期,比如按钮上边的文字是“下载”,预期其实就是下载文档,结果弹出一个对话框告诉你积分不够,这样做的体验就是不好的。

 

     简单的按钮是这样,复杂的登录注册流程甚至是时间间隔好几天的流程也是这样,都适合用这个三个阶段来划分,只是量的大小问题。

 

虽然设计原则众多,但是可以分为四类:

 

1. 设计价值

 

      这个是设计工作是否有效的必要条件,决定了一下几个层次的次级原则其实就是这个设计是否符合用户的需求,是否满足用户的目标,交互设计在这一层次能够为用户做什么。这一层做不好,后边的都免谈。

 

2. 概念设计

 

       用来界定产品定义,产品如何融入广泛的使用场景,产品是怎么使用的?以什么形式呈现给用户?是Web还是App?是为新手做引导还是为中间用户提供方便等等。

 

3. 行为原则

 

      描述产品在一般情景和特殊情景应有的行为,这个才是我们上边提到的一堆设计原则,什么及时反馈啦、可学习啦。

 

4. 界面原则

 

     描述行为及信息有效的视觉传达,这个就是“布局要突出重点”啦、“一个界面同时最好完成一个任务啦”等等。

 

 

三、符合设计原则与满足用户目标有冲突时如何权衡?

 

       设计是的本质就是为用户解决问题提供价值,设计以人为本,用户目标是最重要的。

技术分享

app后端api设计

...ttps://blog.csdn.net/newjueqi/article/details/44037011 app和后端的交互,一般都是通过后端提供的api实现。api的设计,估计很多刚进入app后端的小伙伴会一无头绪,不知道怎么入门。下面根据自己3年的app后端经验,总结出下几个api设计... 查看详情

app架构设计经验谈:接口的设计

...,RESTFul最重要的一个设计原则就是,客户端与服务器的交互在请求之间是无状态的,也就是说,当涉及到用户状态时,每次请求都要 查看详情

浅谈混合开发与android,js数据交互

本文是作者原创,如转载请注明出处!一.概论现在时代已经走过了移动互联网的超级火爆阶段,市场上移动开发人员已经趋于饱和,显然,只会原生APP的开发已不能满足市场的需求,随着H5的兴起与火爆,H5在原生APP中的使用越来越广泛,... 查看详情

app端上交互架构设计思考

零、背景考虑下手机App业务和底层电商商业化服务端交互要有什么样的设计原则和架构思考。技术架构角度,尽量减少不必要请求交互,降低耦合业务架构角度,业务内核聚焦,减少上游感知底层[商业化]业务 一... 查看详情

[ui]app界面设计流程

此教程从交互开始进行APP界面设计,主要是一个流程,还是值得童鞋们学习一下的。包括:1、交互流程设计;2、风格定位;3、功能icon设计;4、界面视效整体优化;5、应用icon设计。 查看详情

ui设计设计题目

...面我为大家介绍ui设计设计题目,希望能帮到大家!  1.浅谈UI设计中的视觉设计风格发展  2.浅谈UI设计中的视觉表现  3.UI交互智能迷你净化器设计--创意思维设计  4.回合制手游新增UI设计规范研究  5.基于用户体验的... 查看详情

测试浅谈(原则简单流程)

1、测试的原则:·测试证明软件存在缺陷·不可能执行穷尽测试、·测试应尽早启动、尽早介入·缺陷存在群集现象(二八定律)·杀虫剂悖论·不同的测试活动依赖不同的测试背景·不存在缺陷的谬论2、测试的流程·1.需求分析·2.测... 查看详情

浅谈ioc

一、引言IOC-InvertionofControl,即控制反转,是一种程序设计思想,世上本没有路,走的人多了便有了路,本文将一步步带你了解IOC设计思想的演进之路。在学习IOC之前我们先初步了解几个概念依赖(Dependency):就是有联系,表示一... 查看详情

游戏开发浅谈游戏开发中常见的设计原则

  俗话说得好:“设计模式,常读常新~”。的确,每读一遍设计模式都会有些新的体会和收获。马三不才,才读了两遍设计模式(还有一遍是在学校学的),属于菜鸟级别的。这次准备把阅读设计模式的想法记录下来,... 查看详情

unity项目开发——浅谈设计模式的六大原则(代码片段)

目录前言首先,六大原则是谁?其次,为什么需要学习这六大原则?正文一、单一职责原则示例:因此我们需要进行拆分,根据具体的职能可将其具体拆分如下:Unity单一职责原则二、开闭原则Unity开闭... 查看详情

如何开发一个简单的聊天app?

...根据解决方案设计产品。这部分有两个团队,一个是APP的交互设计团队,另一个是负责界面设计的UI设计团队。这两个团队负责不同的任务。交互设计主要是在分析用户需求的基础上,在产品管理器中设计出最简单方便的操作方... 查看详情

浅谈开发中常用的设计模式

设计模式在开发中占很重要的地位。在大型项目中使用好设计模式往往会取得事半功倍的效果。本篇博客就介绍下几种在开发中常用到的设计模式。设计原则先看下一些约定俗成的设计原则,其实要遵守以下所有原则很难... 查看详情

app后端设计(12)--图片的处理

...改动UI,那么图片的尺寸也就必须要改变。 在app后端设计(1)—api(http://blog.csdn.net/newjueqi/article/details/14053733)这篇文章中,我提到过app后台图片处理的一个基本原则,数据 查看详情

如何设计app的架构

...的整体框架,首先要清楚我们做的是什么一般我们与网络交互数据的方式有两种:主动请求(http),长连接推送结合网络交互数据的方式来说一下我们开发的App的类型和特点:数据展示类型的App:特点是页面多,需要频繁调用后端... 查看详情

我的《冒号课堂》学习笔记设计原则依赖原则

依赖原则 间接原则有一个直接的推论,就是依赖反转原则(DependencyInversionPrinciple),简称DIP。依赖反转原则就是高层模块不应依赖低层模块,它们都应依赖抽象;抽象不应依赖细节,细节应依赖抽象。1)DIP的产生背景从代... 查看详情

高级ui设计培训都有哪些

...不仅仅只是将界面设计好就行,还要考虑到和用户群体的交互,考虑到用户体验等多方面,还有学习html、div、css代码等中软卓越高级UI设计培训课程包括:课程一阶段UI手绘【15天】■学习内容:UI手绘■学习目标:掌握绘画设计... 查看详情

浅谈面向对象开发原则:高内聚,低耦合

软件设计中通常用耦合度和内聚度作为衡量模块独立程度的标准。划分摸块的一个准则就是高内聚低耦合。这是软件工程中的概念,是判断设计好坏的标准,主要是面向OO的设计,主要是看类的内聚性是否高,偶合度是否低.每一... 查看详情

设计原则

  一、单一职责原则:一个类承担的职责过多会造成耦合,导致一个职责的变化会对其他职责的能力产生影响,应该尽量根据功能将类进行划分。二、开-闭原则:对于频繁变化的部分应将相同的部分抽取出来,对于这部... 查看详情