认知心理学的APP设计研究论文(通用11篇)
篇1:认知心理学的APP设计研究论文
认知心理学的APP设计研究论文
【摘要】一款APP设计的评价很大程度上依赖于用户的交互体验和其使用反馈。基于认知心理学,采用该学科研究中的自我报告方法对用户使用目的、体验进行调研,根据调研结果对选用的样本进行改进并进行改进版原型测试,以达到删减多余功能、优化信息架构、改善用户使用体验的目的。
【关键词】认知心理学;交互设计;移动端APP
随着数字化和信息时代的到来,人们的出行生活方式发生了颠覆性的转变,移动端电子产品如手机、个人电脑等得到广泛的运用,与此同时依附于移动端的APP作为数字化时代的产物之一也进行着不断的更新迭代,这一现象带动了交互设计成为了设计学的新热点方向,在“用户为中心”理念的引导下,用户心理研究成为设计过程中不可或缺的环节。
一、认知心理学
认知心理学(Cognitivepsychology)是心理学的分支之一,其主要研究领域是以人为中心的包括知觉、记忆、语言、思考等方面。根据唐纳德布罗德本特(DonaldE.Broadbent)的相关理论著作,他提出了一种基于认知和心智的接收信息处理模式。该过程在人脑中的演算可以类比计算机软件的运作,在提及认知心理学概念时我们常常会提及“输入-处理-输出”等概念,下图呈现了调研对象在接受调研时的复杂信息处理过程。表一.调研对象在接受调研时的复杂信息处理过程[1]由此可见,在进行APP交互设计的交互对象研究时,设计者所需要关注的不仅仅在于调查问题与调查结果的直观联系,其关键点即在于受调查者是否以与调查者(往往也是设计者)相同或相近的思维方式来理解调研问题和内容,从而调整研究方法和形式,基于以上考虑才能获得与受访者真实感受最为接近的调查结果。(一)认知心理学与自我报告自我报告(Self-report)属于认知心理学中的变量概念之一,是基于被测者的体验对自身情绪进行反馈的一种方法。早期的自我报告一般是由被测者直接对其情绪进行汇报,近来的研究虽然保留了这一方法,但目前主要是通过情绪量表或者问卷形式呈现。情绪量表的形式主要分为三种:(1)直接提问,如“你是否感到高兴?”;(2)以一系列的形容词对自身的情绪状态进行描述,例如形容词核对表(AdjectiveCheckingList)就被广泛用作心境测量的工具;(3)运用现存的等级评定量表(RatingScale)进行分析。该方法的一般形式是列出若干种基本情绪,由被试者按其感受体验的程度在量表上进行等级评定。尽管自我报告的形式在其测试精确度等方面存在一定欠缺,但由于它仍然是目前在情绪测试研究中最为广泛采用的方法,同时也是最具心理学研究特色的方法之一。(二)自我报告的非实验研究方法问卷调查中的认知反思。问卷调查中的认知反思,又称认知组建测评,即调查者对一个现存的问卷进行测评,在其中寻找符合目的的,可以向受访者提出潜在问题的提问形式或者术语。认知测评可以选择采用或不采用正规的编码系统。认知任务分析。认知任务分析阶段,专家对问卷进行研究从而决定受访者需要执行怎样的认知任务,这项研究法方法参考了人因工程方法。基于现存认知心理学的文献,通过该阶段实验,调研者可以确定受访者在回答问卷中的能力范围和局限性;进一步而言,通过有目的的设计问卷调研者可以假设并测试受访者的能力范围和局限性。目标群体。目标群体即一个与研究有关的小范围人群。在问卷设计阶段,目标群体的概念至关重要:它可以用于测试主要与认知相关的话题(如怎样的线索适用于促进受访者进行回忆),也可以用于兼具认知性和社会动机的话题(如受访者是否愿意回答有关隐私的问题)。认知访问。认知访问的进行并不必须依赖于目标群体的框定。这类认知访问多以受访者一边接受访问一边即时应答的形式呈现。自言自语式(Think-aloud)的访问形式帮助调查者理解受访者对于问题的认知过程处理。
二、美食类移动端APP设计
移动端APP设计的兴起是基于数字化、信息化的时代背景,在技术和经济不断进步中,人们的生活出行方式发生了颠覆性的转变,如何扩充基础用户群体并保持用户的活跃性,即提升产品的用户粘性,是APP开发者和设计团队所面临的关键问题。在种类新颖、内容丰富的移动端APP市场,如果没有足够的`设计针对性和准确的人群定位分析,那么一款移动端APP便缺乏特色和核心竞争力。现如今越来越多的人会使用手机APP搜索菜谱。同时,他们也将APP作为交流工具,比如分享烹饪心得,展示成果,甚至用于社交。此类APP拥有诸多优点,如:资源丰富,更易获取,便于操作,便捷的社交系统等等。然而,它们的缺点是什么呢?用户在使用APP时的体验如何?由于其中涉及社交与动机的相关因素,认知心理学可以用于产品的改进。本文以针对城市上班族和学生用户群的美食烹饪类APP为例,基于认知心理学的研究方式对其使用某款APP的体验进行问卷调研,并通过结果分析找出该款APP目前存在的设计缺陷及潜在设计点,对其进行改良。(一)自我报告与目标群体调研由于本文选取非正式编码的方法,通过对类似调研问卷的问题收集,对问题进行整理分类,梳理出具有针对性的问卷调研问题。目标用户涵盖从在校大学生、毕业生到上班族的人群,年龄大约在20-25岁。目标用户被分为三个等级:高级使用者、一般使用者和初级使用者。其中高级使用者多数对烹饪极为感兴趣(个人爱好);一般使用者和初级使用者仅仅是不时地有在家做饭的需求,同时他们当中部分人也会对美食咨询有兴趣(需求和兴趣)。我们进行了一份简单的问卷调查,其中包含了一些关于对于用户的需求提问以及用户对于现有功能的评价,例如:你使用该APP的动机是什么;描述使用过程;你更偏爱何种信息展示形式等十个问题。从此问卷中我们可以提取到的用户需求:出于兴趣爱好—家庭烹饪;寻求食物信息参考;为了特定偏好的食材或烹饪方法;搜寻有趣的美食信息。(二)基于自我报告结果的需求分析与设计概念生成基于自我报告的调研结果和使用者描述使用过程和感受分析,调研/设计者可以从中了解到使用者的潜在需求(功能或情感)以提出改进方案。通过对于调研结果的分析,发现实验样本APP存在以下问题:1.信息系统过于繁琐且功能过剩;2.信息及功能安排无序;3.部分功能针对性或目的性不强;4.特色功能不突出无法与同类产品区分。样本APP的部分功能涉及认知心理学相关概念,基于用户的使用动机(需求),如出于兴趣目的,信息获取需求,自我表达需求,购买相关商品或服务时的信息参考需求、社交需求等,对其需求所指向的对应功能进行分类:食谱参照/美食信息获取//社交/购物。依照分类筛选现存功能、内容,针对其特征、信息架构、呈现方式(视觉效果)进行设计框架的重新组建,根据该框架扩展功能并制作交互原型.
三、使用场景和设计反馈
用户使用行为是基于先前的相关经验,而用户期待则是基于该类经验智商产生。一些交互设计师将其称为用户的“心理模型(MentalModels)”,并且通过该模型建立情境从而预测用户在场景中与产品产生的交互行为。选取代表上文中所述的三类使用人群高级使用者、一般使用者和初级使用者进行原型测试,并对反馈意见进行收集,以测试改进措施的有效性。阶段一着重测试功能性,即通过其自述反馈检测改动阶段是否对产品功能性造成影响;阶段二着重测试信息架构的合理性,分析信息和功能的重组是否带给用户更加愉悦流畅的使用体验,反馈意见将验证以上优化设计是否可行且有效。
四、结语
设计学作为新型交叉型学科,其辅助学科知识的选取至关重要。对于以数字化界面为交互媒介的移动端APP,其信息的呈现与用户体验反馈的收集尤为关键。运用认知心理学的理论和相关研究方法在设计前后对用户的反馈进行收集,是提高设计有效性的可靠手段。除上述自我报告等方法外,基于情境的设计对于明晰设计目的,将使用流程可视化等设计阶段都是切实可行的方法。
参考文献:
[1]WillisGB,RoystonP,BerciniD.Theuseofverbalreportmethodsinthedevelopmentandthetestingofsurveyquestionnaires.ApplCognitPsychol,1991.
[2]JaredB.Jobe.Cognitivepsychologyandself-reports:Modelsandmethods.QualityofLifeResearch12:219-227,.
[3]徐延章.智能手机视频APP交互体验设计的趋同性探析[J].包装工程,,38(10):128-132.
篇2:认知心理学的APP设计研究论文
2015-05-13 友心人 36氪 36氪
wow36kr36氪(36Kr.com)是中国领先的科技新媒体,我们报道最新的互联网科技新闻以及最有潜力的互联网创业企业。
到底受欢迎的APP有没有共同点?让用户拿起手机到进入APP中到底经过多少步?用八分钟阅读国外知名产品设计人士Jason Hreha的干货文。本文由“友心人”译自《Introduction to Behavior-Based Design》。我认为一个能与行为产生交互的产品才能成为好产品。在Techcrunch上充斥着很多华丽丽的产品的残余,它们曾被当做完美产品来设计。但却没能得到真正的用户认可。这些产品没能适应,或改变它们用户的行为模式。
这一点显而易见。那么问题来了:为什么这些产品没能适应,或改变它们用户的行为模式?
通常来说,当一个行为没有发生,这意味着以下三点中至少有某一点缺失(或不足)。1.动机 2.能力 3.触发
一个行为得以发生,行为者首先需要有进行此行为的动机和操作此行为的能力。接着,如果他们有充足的动机和能力来施行既定行为,他们就会在被诱导/触发时进行。这个简单的模型叫做福格行为模型。它以BJ Fogg(斯坦福说服力科技实验室主任)命名。
我们可以将上述几个要素一一拆解成分要素来更详细的说明。但现在,我们先来从宏观层面上理解一下,以跑步来举个例子。
比如,你今天下午想去跑步,但却没去。为什么?
认真的说,你没有去跑步有可能因为你感觉自己很棒完全不超重。你没有狂燃的欲望目标去进行跑步。这种情况下,行为没有发生是因为缺少动机。
另一种可能,你无法去跑步是因为你昨晚没有得到充分的休息回到家时已经彻底精疲力竭。这时,行为没有发生是因为缺少执行它的能力。
也有可能因为你正被其他事物缠身而完全忘记了要去跑步。有可能你正深深沉浸在新一季的《纸牌屋》里。在这种情况下,你的跑步行为没有施行是因为缺少一个触发点。所以,当我们看待一种行为,就像用Google搜索一样,我们需要问问自己问题在哪里。在大部分的情况下,与这三种要素都有关系。然而,通常会有一个最主要的原因——主要的行为施行障碍需要被界定出来并予以解决。
一、触发
据我自身的经验来看,困扰大多数APP最主要的施行障碍就是使用APP触发点。正如我和Nir•Eyal写的那样,触发共有两种表现形式: 1.内在触发; 2.外在触发。
一般来说,当用户从一个APP中不断获得好的体验时,内在的行为触发点就出现了。在不断地从APP中获益之后,APP与用户想要打开使用APP的需求之间就建立起一种联系。像Instagram,用户的内在触发点就是“哇,这太美了!我得照下来。”而Yelp(外国的大众点评),内在触发点就是“好饿,有什么好吃的吗?”由于内在触发的形式一般是人们不可控的想法或者内在驱动力,所以开发者想要依靠内在触发达成APP的使用基本是不可能的。所以说,外在的行为触发才是产品设计者最好的朋友。
以下是外在行为触发的几种形式: 1.邮件 2.推送 3.短信
4.指示/提醒
当一个用户在有行为可能性的时候收到一个电话提醒,那他很有可能会照做的。如果他之后在APP的使用过程中收获了好的体验,未来他的使用次数就会增多,如此往复,就会形成习惯模式: 行为触发(通常是外在的)→打开APP →好的体验
诸如Facebook之类的公司都极大地依赖外在行为触发点帮助他们的用户建立使用习惯。这些刺激的目的就是使得APP的用户能在一天中尽可能多地想起他们的产品,带来以下几种效应: 1.会增大用户们点击使用APP的可能性。
2.为我们提供了一种机会使得用户们在APP与日常使用之间建立起联系。试想一下雅虎每天为他们的用户们推送5至10条以下的提醒: 你有什么需要吗?尽情地列在这里吧。你饿了吗?这里有不错的餐厅推荐哦。
想知道明天的气温究竟要不要穿夹克?我们有几种很棒的天气预报APP推荐。等等……
我的意思并不是说雅虎一定要采用我的策略,但是这种方法的确可能会扩大APP的使用。基于现今智能手机的行为动力模式,人们已经被大量的APP淹没了。你的APP只是一部手机中上百个APP中的一个,而且它可能并不是你的用户在这一个星期内最新下载的那个。如果设计者不努力将APP不断地留在用户的视野范围内的话,这个APP 就很有可能被遗忘。
这就是外在行为触发如此重要的原因所在——他们可以提醒用户你的APP存在并且会帮助解决问题。当你觉得某些行为提醒很烦人的时候,可能你的用户们并不这么觉得。由于你自身时刻都在惦念自己的APP,所以当你收到行为刺激时,你并不会觉得被提醒或对此感到高兴。这就是为什么提醒那些使用自己设计软件的人总是很难。扩大你的考量范围才能更好地估量提醒方式的适用性及有效性的最佳方案。
虽然大量的提醒使APP的用户们感到厌烦(并且卸载率会急性上升)的现象是很难避免的。然而,从以上的观点来看,用户的使用行为触发点越多,APP会越成功(根据行为的观点分析)。
二、能力
如果触发不是主要的障碍,接下来最该关注的就是能力。如果一个APP十分难用,人们就不会使用它。他们会转而去使用更易用,更简单的替代物。这都是关于易用性。在我的经验中,优化这一要素最好的办法是做大量的用户测试(在最开始做非任务型的)。
BJ Fogg将能力分解为六个子成分。我认为它们在我们的工作中不一定特别有用,但在这里我简单列举一下: 1.时间 2.金钱
3.认知要求(精神付出)4.物理要求(物理付出)5.社会偏差 6.非常规
他依据障碍情况来架构“能力”。如果一种行为需要大量的时间,那用户很有可能执行它的能力较低。如果一种行为需要大量的金钱,或是认知上使用起来非常有挑战性,也会导致执行能力较低,诸如此类。我将时间/任务完成比视为这一特征(能力)的可用性的一个很好的指代。如果一项任务花费的时间很短,它很有可能没有认知需求和物理需求,或者不会“非常规”。因此,时间变量有可能是判断一个app及其性能是否可理解、易使用的最佳指标。
三、动机
动机在两个不同的水平上起作用: 1.APP水平2.屏幕水平
APP水平的动机指的是这个APP实现的功能或者解决的问题。举个例子,比如有家公司邀你使用一个应用,这个应用是用于帮助人们了解当地不同咖啡店里咖啡水平高低的。结果你被按键弄得团团转,最后笨拙地终于实现了各项功能的便捷使用。但一天的体验过后你意识到,你根本没有关心这一款APP要解决的问题根本。那么这个开发过程的动机水平就实在太低了,就算再多的游戏化和调整都没办法掀起人们参与的浪潮。
我们看每一款应用,都需要带着批判性地去问:人们真的在乎吗?它解决的问题究竟是不是人们真实困扰的?
在整个开发的世界里面,这可能是最少被问到的问题。而且这个问题通常会在团队对先前的结果进行讨论的时候被提及。
所以,首先如果一个应用确实解决的是一个人们真实存在的问题(APP层面的动机),接下来在动机层面还有些什么?
还有很多方面的内容,但是我们先从激励机制讲起。Dan Ariely和Jason Hreh已经将各种不同的激励机制划分成为四大种类: 1.金钱激励 2.有形物质激励 3.积分制度激励 4.社交激励
金钱激励是很直接的,在这里也就不赘述。
有形物质也同样非常浅显,而且他们并不适用于我们这里想要解决的问题,所以我们也跳过。
积分是非金钱导向的,这里有几个例子:在视频游戏里面的积分,常客飞行里程,拳击开始的拳击数。积分是游戏化人群的核心策略。他们名义上只能在很短的时间内起作用,但是关于积分其实有很大的学问。在积分设臵上体现人类智商低谷的不得不提Turntable.fm(一个音乐类社交网站和APP,用户可以选择不同主题的大厅用虚拟形象实时播放和收听音乐、与同房间的人聊天,可以给实时博主点赞,播主从而获得积分,积分可以用来购买不同的虚拟形象。国内类似的网站有虾米loop)
Turntable.fm
虾米loop 这个系统完全依赖积分来体现它的价值定位。这导致它成了个无法解决任何问题,又过于宽泛的“有趣的游戏”。因此,我所知道的大多数用户都将它视为一个游戏:他们只会密集地使用它一段很短的时间,接下来就再也不会碰它了。这个APP后来下架了,并且被打上了失败的标签。这就是积分系统的本质。它会将引入积分的任何系统变成一个游戏。而唯一能存活超过数周数月的游戏,只有生活本身(以及“魔兽世界”)。
四、社交
最后还有社交激励。长期来说这是最有力且友好的一个吸引用户的途径。
我们是社会动物,这是个不争的事实。在漫长的演化中,我们进化出了推测他人想法,理解社会关系/等级,进而获得他人帮助(无论同性还是异性)的能力。我们大部分的心理运作的机制都在于知觉社会线索。这很容易理解:失去了理解他人和获取帮助的能力,人就很难生存。在能力上表现不好的那些人将很难存活并繁衍,因而缺乏社交能力的特征也很难表现在后代的基因表达上。因此,我们有着对他人强烈而执着的兴趣,以及获取他人认同的强烈欲望。
任何app,只要能让人获得社会认同和瞩目,或能帮助人增加和他人的连接,都会十分引人注意,令人欲罢不能。
当然,奖励系统并不是唯一的提高用户动机的途径。另一个激励用户参与到我们的app中来的途径是一段设计巧妙让人愉快的体验。
开发者常(限于时间和预算的约束)忽视那些微小却能让人愉悦的调整,而恰恰是这些让产品变得完全不同。比如,苹果的邮件系统中,上方那个更新邮件的划屏小动画,这个小改动让陈旧的功能性体验变得有趣而印象深刻。
篇3:中职学校移动APP的设计研究
1中职学校移动APP的设计研究意义
一方面中职学校中进行移动APP的设计研究有利于推动校园信息化的建设,信息化校园的发展建设不仅需要布局PC端传统的互联网网站,还应该结合当前的移动互联网的发展状况以及使用人数将超过9亿人等的情况。校园需要积极的去布局移动互联网,设计数字化校园的移动APP对能够有效的推动学校信息化建设。对移动互联网进行设置布局,形成更利于教师与学生进行交流的网络平台,对学校自身的宣传以及对教师教学质量、教学效率的提升都是非常有帮助的。另外,移动APP还可以发展数字化的校园文化,这种文化类型既能够体现在学校的大文化环境之中,更会在学生的购物、交流、娱乐等方面进行体现,数字化学校移动APP的设计研究能够有效的形成一个师生之间及生生之间的沟通平台,把学校中存在的师生个体中的关系从弱相关关系转变成强相关关系,这样有利于创造出多层次的文化交流内容,提升交流价值。
2中职学校移动APP的功能分析
中职学校移动APP的设计应用主要具备几个方面的功能,地域是信息资讯功能,也就是学校可以通过APP在其页面平台上进行公告、校园新闻等信息的发布,师生可以在上面进行信息查询,也可以办理校园一卡通等业务,具有较强的服务性。第二就是个人信息查询功能,校园信息服务需要朝着个性化的方向发展,教师个人信息的查询能够为其提供在线的科研成果、财务等信息的服务,而学生的个人信息的查询则可以获得在线的成绩、课程安排等信息内容。第三就是校园一卡通功能,主要是针对学校中的学生、教师提供与其校园生活相关的一些在线服务,通过移动APP能够使其校园活动变的更加便捷,实现使用校园卡进行各项缴费。
3中职学校移动APP的设计架构
学校移动APP主要包含客户端、管理平台及数据交换平台三个部分,在移动客户端设计及应用上主要有IOS与Android这两个平台,在校园移动APP的设计中需要在这两大平台的基础上进行研究。管理平台这一部分,主要作用就是帮助数据交换平台和移动APP客户端之间进行数据加工及转换,比如服务接口、数据处理流程处理等内容。服务接口使用的是SOAP协议与Web Service技术,利用组件的方法去对其他的资源进行组合与调用,还能提供相关的接口服务,这种数据的处理使得从数据交换中心到客户端的数据格式化加工处理成为了现实,在流程处理中就是对数据的流向过程实行管理,数据采集管理就是对APP客户端的状态及数据进行实时的收集。数据交换平台通常是由基础数据库、中间库两部分组成的,对业务系统中出现的交换数据进行保存,管理员需要对用户及系统优化等进行管理。
4中职学校实验室教学环节移动APP管理平台的设计
信息管理系统的不断完善需要借助多方面的条件来实现,其中数据库可以说是一种重要的技术与条件,在学校的实验教学中相关的功能比较多样。其中实验室消耗品管理及实验室管理是其中比较主要的数据库设计功能结构,在实验室消耗品管理中主要就是对相关物品的信息进行记录,包括消耗品信息表、入库出库表、类别表等,通过消耗品信息可以查询到其名称、存量、种类等内容。在实验室管理的数据库设计中主要以教学班级为单位,学生编号及课程、班级号等构成班级信息表,学生的所有信息都会记录在数据表中,根据要求完成实验学习及实际的操作,并且提高实验报告,将实验项目信息存放入实验项目信息表里。
5结束语
当代社会移动互联网获得了蓬勃的发展,中职学校应该与时俱进,对有校园内的移动APP进行开发与设计,这也是与学校教育需求相符合符合的一种科技趋势,移动APP的应用能够延伸校园数字化建设的范围,实现数字化校园建设的不断完善。也就是说,中职学校移动APP的设计将是数字化校园信息技术及教育信息化相融合的一种产物,能有效的提升中职学校的教学能力、科研能力与社会服务职能。
参考文献
[1]任海鹏.高校移动校园APP的设计与分析[J].绥化学院学报,2015(12):149-151.
[2]徐滢滢.基于数字化校园的移动校园APP客户端设计[J].通讯世界,2015(21):243-244.
[3]张言林,李博,王文博,张财学,张刘通.基于数字化校园的手机app客户端设计初探——东北林业大学“移动校园”手机APP客户端设计[J].设计,2014(02):81-82.
[4]刘龙.基于APP平台的中职数字化教材开发研究[J].黑龙江教育学院学报,2014(06):105-107.
篇4:天气App的界面设计研究
关键词:App;界面设计;天气软件
随着智能手机的普及,手机App成为人们日常生活中不可缺少的应用,为人们的生活提供了巨大的便利。天气App作为一款为人们提供天气资讯的手机应用,与人们的生活密切相关。现在天气App是集成天气、生活资讯、社交等功能为一体的综合App,这对其界面设计也提出了新要求。在新技术、新思潮、新审美的环境下,需要不断优化和创新天气App的界面设计。
1 天气App界面设计影响要素分析
1.1 功能性要素
天气App的界面设计需立足于产品的功能性,产品的功能性确定了界面设计的基础内容及层级划分,而界面设计的宗旨是让用户高效明确地获取信息数据,提升产品的易用性。天气App作为给用户提供天气信息的手机客户端,随着App产业的不断发展和不断加剧的竞争,也在不断扩展其功能。除了提供天气信息以外,还会随时更新和提供“PM2.5”空气指数,湿度,时间,推荐应用,实景天气,生活咨询指数等。例如,“Weather Bug”下载量曾经长期在“Google Play”的天气类应用程序中保持第一名,功能强大,同时集成了交互式的地图以及卫星云图,还有独家的天气预警系统。它能提供比其他的应用程序预警速度快了50%的恶劣天气预警服务,一系列的功能让人耳目一新。由于与人们的生活密切相关,天气App普及的城市和用户量很大,用户群体庞大,广告的效果十分显著。通过在细节上做广告,潜移默化地影响用户的选择。因此,进一步扩展了天气App的功能,功能性的扩展对界面设计产生了直接的影响,也对界面设计提出了更高的要求。功能性的扩展意味着界面包含的内容增多,这就需要设计者规划分类众多的内容,在有限的屏幕空间内,优化配置各区域的资源,利用不同的色彩、图形来划分区域与层级。
1.2 用户体验要素
用户体验指产品或服务中用户所能体验到的每个部分,其涉及用户对该产品的认知、寻找、分类、安装、服务、支持以及它升级的各个方面。用户在特定的移动环境下使用各种移动终端设备下载并安装各类应用的使用反馈,从用户的角度反映出应用的优势和劣势。App客户端的设计与其他的设计相比具有一定的特殊性,它的信息要清晰明确,依靠视觉进行传递,同时可视的区域的尺寸受约于要传递的信息的数量。屏幕的大小比例、热键、导航按钮和菜单的结构等方面的设计对用户体验满意程度有很大的影响,良好的用户体验可以让产品在未上线之前就基本具备用户接受度。界面的设计影响到用户的视线轨迹和操作轨迹,合理的界面设计可以引导和鼓励用户完成操作,给用户提供良好的使用体验,提升用户好感,培养用户的忠实度。
2 天气App界面设计风格分析
2.1 具象与抽象
在Andriod版墨迹天气主界面中(如图1左),背景是写实天气的图片,随着天气和时间的变化进行更换,选择的是大气、华丽图片,也给整个界面带来了炫丽的效果。界面采用独特的流式滑动布局,全新天气趋势模块,画面简洁明了。在天气图标的设计上也采用了拟物化风格,云和阳光的造型都与现实中的真实事物相似。菜单栏的图标设计采用抽象化的设计思路,如天气菜单栏的图标借鉴了中国传统云纹图样,对云的形象做了高度的抽象概括,同时保留了云的基本形态。在Andriod版天气通的界面设计中(如图1右),背景也采用写实性的云的图片,整体清淡简洁,利于用户识别画面中的信息。中间的方框显示5天内的天气概况,方框上方则是今天的天气详情。在各类天气图标的设计上采用了抽象化的处理,将云、雨、雷电等气象元素高度概括为识别性很强的简单图形,结合区域方框的造型,提升了信息的识别度和界面的整洁性。
2.2 跳跃与沉稳
IOS版的墨迹天气(如图2左),其最显眼的要数屏幕中间的男孩了,他会根据天气和温度的不同更换服装。为了保持画面的一致性,背景的天气图片、包括未来四天的天气预报和屏幕下方的图标也换成了卡通风格。点击右边的预报时会调出详情并附带卡通男孩所需要的衣服,给用戶一种直观的推荐出行服装的认识。整个界面设计给人以年轻、活泼的感觉,虽然画面的整洁性有所降低,但卡通元素的应用很大程度上提升了界面的趣味性。IOS版天气通(如图2右),它采用了和Andriod版完全不同的界面设计,背景选择了加了滤镜特效的图片配上黑色调为主的玻璃效果显得非常时尚。整个界面采用三段式构图,信息区域划分明确,构图稳定,图形化元素较少,页面下端的工具栏也变为了字体显示,加大的菜单键可以有效地减少因为屏幕过小而造成的错误操作,整体设计风格沉稳大气,但缺少跳跃性。
2.3 简约与复杂
在众多的天气应用程序中,Nice Weather 2(如图3左)的曲线优美脱颖,尽管现在的空气状况并不令人如意,但是从Nice Weather 2中或许能让我们平复对天气的不满。Nice Weather2继承了诸多前辈的优良品质,简约的界面风格不失功能性。整个界面看似没有太多的内容,但天气、日期、温度、风向以及方向等包含齐全,没有一丝凌乱。无论是背景、天气图标、字体,还是箭头元素,Nice Weather 2都将简约做到了极致。图标、文字效果以及曲线填充区域都做了扁平化的处理,极大地释放了用户的视觉负担,而这其中在实时温度曲线的位置运用到了动画的艺术表现方式,进入界面曲线会根据实时温度的变化而变化。这就更让这款App在动画表现艺术这方面优雅而不失灵动。此外,界面背景色彩还会随着气温的变化而出现冷暖色调的变化,简约中富有变化。
Weather Bug(如图3右)下载量曾经长期在Google Play的天气类应用程序中保持第一名。由于其功能强大,构架复杂,其界面设计相对于Nice Weather 2的界面设计显得相对复杂。界面整体也采用了分段式设计,对页面内容做了有效的区域划分,避免了平过多的内容影响用户的信息选择与获取。页面背景色采用统一的深灰色调,有效突出了信息内容,关键的信息内容采用鲜艳的黄色,让用户一眼就能从众多字符中获取关键的信息。在预报未来几天天气的区域加入了蓝色方框元素,利用颜色和形状在视觉上再一次优化了区域识别。虽然Weather Bug构架复杂、内容庞大,但优秀的界面设计使数据信息的传输变得清晰直观、主次分明。
3 天气App界面设计趋势分析
传统的天气预报形式毫无新意,天气App作为智能的“生活助理”为人们日常生活提供了更多的便利,让天气预报变得更加有格调。尽管每一款系统都有自己内置的天气应用软件,但是第三方的设计师推动了天气App的发展,让天气应用程序能够和用户的应用环境有所联系。总体来讲,未来天气App界面设计呈现出以下趋:第一,简约化设计,包括扁平化设计风格、极简主义、抽象画、符号化的画面元素设计,按钮和选项更少,有效降低用户的认知障碍,让“信息”本身重新作为核心凸显出来;第二,响应式页面设计,让天气App页面自动响应不同的系统平台,屏幕尺寸以及屏幕定向等设备环境,提升其推广和覆盖能力;第三,辅助应用动画元素,利用丰富的动画效果刺激用户的感官,更好地引导客户行为,提升界面的趣味性和吸引力;第四,人性化的设计,要更加注重用户的体验,简化使用操作,实现用户诉求,培养用户黏度,给用户创造良好的用户体验。
4 结语
在经济与科技高速发展的时代,各类App竞争日趋白热化,一款App要想在众多App中脱颖而出并能长期立足,其界面设计作为能直观展现App特性的视觉元素,对吸引用户,引导用户,留住用户起着至关重要的作用。另外,新技术和新观念不断冲击人们的感官,在天气App的界面设计中,应立足于产品特性,從用户体验要素出发,应用新观念和新技术紧随时代潮流,细分产品受众,进行多样化设计,从而为用户提供更好的产品体验,更好地实现产品的价值。
参考文献:
[1]柳沙.设计艺术心理学[M].清华大学出版社,2006.
[2]马志强,蒋晓.基于用户体验的智能手机网站界面设计探讨[J].包装工程,2012(16).
[3]徐耀华.基于用户体验的智能手机交互设计[J].现代商贸工业,2011(06).
篇5:App的顶尖界面设计
娴熟的灰色运用,清新的数据色彩呈现
合理的页面分割,灰白的文字浮现
篇6:认知心理学的APP设计研究论文
启动图标是每一个iOS中应用软件的关键组成部分。它能传达给你应用程序的基础信息,并能够给用户带来第一印象感受。它是一个非常重要的软件入口,能直接引导用户下载并使用应用程序。它的重要性在这个智能手机时代被大家所认知。
有过软件启动图标的设计经验的设计师,经常会遇到这样一个问题: 设计出的单枚软件启动图标看起来很炫,但是放到电子市场上后,却不太受用户的喜爱,用户点击率很低。
怎样从视觉设计的层面,去提升app软件启动的图标点击率呢?
其实,我们在设计软件启动图标的过程中是有一定共性的设计方法的,这些能够帮助我们提升图标的点击率。
1.运用视觉隐喻的同时,需要保证图标的可识别性。
如图一,这里很多图标设计是没有经过仔细思考而设计运用的。我们通过App商店去查找,会发现有非常少的app图标的设计是吸引眼球的。例如,“绕口令”的搜索,你会看到这样的图标分类:
图一的第一行第五个图标,表现方式是将绕口令的英文文字写在渐变的图标背景色块上,视觉效果表现很平,没缺乏设计感。
为了吸引用户去使用app软件,我们必须设计出吸引用户眼球的图标!
我们可以运用隐喻的设计表现手法,传达给用户“绕口令”的信息,让用户看到图标能够感知、想象、理解图标的意思。图一右侧被放大的图标,在这几种图标设计中,比较吸引用户去使用。它的设计采用的就是隐喻的视觉表现手法,让用户理解绕口的含义,再加上有趣的形象设计,让用户容易理解图标的含义,这样的精致隐喻的图标容易在第一时间吸引用户的眼球,受用户的喜爱。
如图二,这是星巴克的一款应用程序图标设计。星巴克的标志设计是非常好的,但是,星巴克的消费卡的app图标设计中星巴克的标志比较小,在App Store上看这枚图标设计,圈形的星巴克标志是难以辨认的。其实设计时,应该放大星巴克的商标,提高标识的可识别。因此,我们在使用视觉隐喻的手法去表现图标的同时,需要确保图标设计的识别性。
2.分析同类app图标,整理设计思路注重图标创新。
我们在itunes里搜索效率软件会发现很多相似的图标。如图三所示,这里面哪些图标会吸引用户的眼球呢?过目之后,我们会发现,那些有层次设计感、和特定质感的精致图标会吸引用户关注。
设计app图标的另一种方法是增加图标的层次感设计和质感表现。设计好图标后,放在同类别app图标中,去审视自己设计的图标是否能够抓住用户的眼球。
下面是图三中的几个能够第一时间抓住用户眼球的图标:
2Do-这个图标就像一堆文件有序处理的感觉。缝制的皮革质地和洁净便条形成质感的对比,图标整体质感表现细腻饱满。
Put Things Off-是一个很好设计。设计者经过仔细的思考,表现方式与众不同,富有创造性和趣味性。图标采用文件箱子和“前进”的箭头的视觉元素表现,表达事件处理的迅速效率的感觉;色彩上,运用了纯度很高的鲜亮的色彩去设计,能够抓住了用户的眼球,让用户很快的理解了这款软件的功能特性。
Taska-图标看起来像一堆办公桌整齐地堆放在一个文件。视觉表现上没有给人留下很深刻的印象,但是这个图标画的非常精致,纸张的堆积效果表现出了图标的层次感,背景木材纹理的效果表现提升了图标设计的质感。
3. 运用软件界面中的图形元素,体现图标设计的连续性。
有一种设计方法,可以确保图标的表现和软件具有连续性。方法是启动图标的设计运用和应用程序界面图形相匹配的设计元素。Expenditure是一个很好图标设计例子,非常准确地描述了跟踪功能的应用程序。
4.采用用户好奇的图形元素设计,抓住用户的好奇心。
用高雅的轮廓、优美的线条去表现一款瑜伽应用程序图标。唤起用户的好奇心,吸引用户使用。
5.突出品牌,抓住用户眼球。
如果你正在设计一个知名品牌的应用程序,请恰当使用它的品牌LOGO!生活中,这些品牌标志已经留给用户很深刻的印象,非常容易从众多app的图标中胜出。因此,在设计知名品牌的app启动图标时,应该充分使用它的品牌LOGO。不管你想设计成什么,不要浪费了一个知名品牌的现有的元素!例如,浏览几个图标,是很容易被辨认的:
但是,图标的设计中,如果你没有突出知名品牌的元素,会是什么样子呢?如图六的图标设计,在图七的众多的app图标界面中,图六的这些图标显得很无力,无法与其他图标竞争。
如果,调整图标设计的局部,改进设计:
我们把新的图标放在界面中,试看效果:
通过思考和实验,调整设计,让品牌特性抓住用户的眼球。
6.设备测试预览图标的效果,微调色彩或亮度达到最佳效果。
采用在设备上测试你的图标设计,是一个很好的方法。
Photoshop里查看或者iphone模拟器里查看效果是不够的。图标在实际设备上的视觉效果和电脑上是不同的。为什么呢? 有几个原因: • 电脑显示器的色彩和亮度与触摸屏移动设备不同。
• 并非所有的触摸屏显示器是一样的。例如,iPhone屏幕质量高于iPod触摸屏的显示质量。
因此,设备测试是很有必要的。
7.多场景测试,保证图标设计的上线质量。
App的商店有: • itunes电脑商店;
• iPhone 不同分辨率的商店; • itouch 不同分辨率的商店; • iPad平板电脑商店。
这意味着图标的应用环境有多种,因此在图标上线前,设计师需要在多种图标的应用场景中进行设计测试。尽可能做到在多种商店场景下,在同类产品的用户查看界面,都能吸引用户的眼球。
篇7:认知心理学的APP设计研究论文
浅析手机Web App的交互设计
HTML5为提高手机网页的体验提供了诸多的可能性,交互效果越来越接近原生App,故而成为Web App,有望将APP功能引向浏览器,让移动平台的竞争由系统平台转向了浏览器之间。
Web App比起原生App和wap有着自身的优缺点,先简单了解下其特点,掌握设计趋势,也便于以后在设计中应用。离线存储离线存储的意思是第一次访问是下载网页,以后在无网络的情况下也可以使用。一个离线应用程序就是一个URL列表–HTML,CSS,JavaScript,图片,或者其他类型的资源。访问时探测到服务器列表的缓存名单时,会触发下载事件,根据名单下载指定的文件存储到本地。
在下载的同时,浏览器将会周期性的触发进度事件,此事件包含了诸如多少文件已被下载,多少文件仍然处于下载队列等信息。当缓存名单中所有列出的资源被成功下载后,浏览器触发下载完成事件。当再次访问时,浏览器会再次检查网站的缓存名单,通过对比名单和本地的资源,得知是否需要加载新资源。新版本加载完成之后不会立即被使用。后台可以下载新网页,也不会强制用户打断当前操作流程,重新刷新页面。如果此过程中的任何一点出现可怕的错误,你的浏览器将会触发一个错误事件,并立即终止。类似于安装应用程序,中途不可以出错。
Web App可以利用存储的特性将重要和重复的数据保存在本地,避免页面的重复刷新,减少重要信息在传输过程中被泄露,增量传输修改内容。而离线存储但也不是Web App特有的问题,浏览和阅读类App也有离线的使用需求,用来应对随时可能出现的网络问题。
如离线模式是利用网络闲暇时间下载内容,当用户打开App时立即开始阅读。或者是网络不佳情况下保存用户的操作记录和加载相对重要的文字内容,之后再依次上传泽思网络 – 上海APP开发商
已更新的数据,如微博的发送队列机制。交互操作手机网页的操作发送只有点击,点击链接和控件,交互方式非常单一,而Web App 的操作将越来越接近应用程序。
1.Web App的建立离不开网络速度的提升,加载更多的内容,图形元素更为丰富。同时更多的JS交互,便于用户操作和形成扁平化的信息架构。
2.识别更多的手势操作,如下拉刷新和右滑存档等平移手势。操作不必全部呈现在界面中,和平台操作保证一致。
篇8:高校移动校园APP的研究与设计
对于校园一卡通, 主要从满足师生日常学习、生活等在线服务, 如图书借阅、网络缴费、日常购物消费等。对于校内公共信息, 主要从教务方面提供系部办公电话、办事流程、服务指南等信息, 也可以通过构建灵活多样的学习方式来构建虚拟校园社区[1], 丰富校园生活环境。对于LBS位置服务, 主要是基于校园定位服务, 通过空间技术、无线技术来建立符合校园实际的系统定位。如实现师生在校园建筑之间架构路线导航。
二、构建校园APP的框架
结合现有校园网络架构, 在构建移动校园APP时, 主要从客户端、管理平台和数据交互平台三方面来着手。对于APP客户端, 当前主要以Android和IOS系统为主, 因此在客户端设计上, 要能够从不同版本上来满足师生实际需要;在对校园移动APP的逻辑单元进行设计时, 又分为表现层, 以满足数据展示需求;业务层, 主要从访问逻辑来进行处理, 如数据加密、数据存储、离线数据同步等;服务调用接口主要满足对不同封装数据进行调用, 以通用端口来处理申请服务;另外, 在构建APP客户端时, 要优化缓存技术, 减少移动终端与服务器间的数据交换流量, 提升服务响应效率。管理平台主要是实现各项数据交换、数据加工及转换的平台, 其中包括数据处理、服务接口、数据管理及业务流程优化等内容[2]。如在接口设计上可以满足Web Service技术、SOAP协议、并利用组件方式来实现对系统资源的调配;在数据采集中, 主要从APP客户端数据请求、收集及数据整理中来进行数据流转换;对于各项具体业务数据, 主要从APP客户端与服务器进行数据交互, 并进行格式化处理, 以满足数据流向管理要求。对于数据交换平台, 主要是有基础数据库、中间库等。
三、移动校园APP的设计
移动校园APP的设计需要与校园网络平台及网络架构相协同, 并从功能调研、校外考察、技术分析上来满足校园师生在时间、空间上的访问需求。一般而言, 对于高校校园网建设规模, 各校区在软硬件环境上存在差异性, 但总的来说, 校园局域网建设相对完善, 校园各网络接口及网络带宽速度较高, 特别是校园无线网覆盖率基本达到100%, 能够满足广大师生快捷、有效的登陆和访问网络服务。APP客户端在设计上, 首先要明确其功能。根据高校校园网络建设发展实际, 在搭建APP功能定位上, 要从信息载体的多样性, 信息获取渠道的多元化上满足师生的日常生活、学习需要。因此, 在移动手机APP客户端, 要具备校园课程相关信息、校园内部交友、校园网络地图、校园生活服务, 以及校园最新资讯公告等功能。在课程表设计上, 结合高校学科院系实际, 从课程表的快速查询中来获取上课时间、上课地点等信息, 不仅能够避免上课迟到, 还能根据课余时间来进行优化利用。在校园交友功能设计上, 主要从校园网络平台上, 满足交友功能, 一方面能够熟悉周边的同学, 另一方面可以通过条件查找, 来获得志同道合的朋友, 如读书会、体育爱好、老乡会等关系网络。在校园地图定位功能上, 主要从校园周边环境及生活、学习信息资源优化整合上, 满足师生便捷查询和使用。如利用APP来获取校园内部银行地址信息, 获取最快捷的线路路径地图等;同时, 在APP客户端, 还可以通过预约订餐、地点分享等功能, 来满足广大师生间的协同与交流。在校园学习及图书借阅功能上, 通过APP来与校园图书馆建立连接, 特别是通过馆藏资源查询、检索、借阅图书, 电子书下载等功能, 来方便学生查阅资料。
四、结语
移动校园APP的设计与应用, 作为未来校园网络延伸的重要载体, 不仅有助于促进师生快捷、有效地使用网络资源, 还能从APP功能延伸上, 促进高校教学、科研及综合教务服务水平的提升。随着智能手机功能的不断扩展, 基于校园移动APP的功能也会更加丰富, 如对音频、视频资源的支持, 将更加丰富校园的文化生活。
摘要:智能手机的广泛应用对数字化校园建设提供了基础, 也催生了更多的APP客户端的发展。基于校园移动APP的设计是满足广大手机用户实现“移动校园”服务的主要需求。为此, 本文将从移动校园APP的设计入手, 就其框架及设计方案进行探讨, 促进高校校务工作信息化水平。
关键词:移动校园,APP设计,校园网,框架
参考文献
[1]杨忠华, 孙云涛.浅谈APP技术在当代大学校园中的可用性[J].中国信息技术教育, 2014 (02) .
篇9:认知心理学的APP设计研究论文
移动App加载页是指应用数据加载的一个过程页面,主要分为启动加载页、内容加载页、下载应用加载页三大类。“别让我等”被互联网公司总结为互联网产品的用户体验三要素之首。可以说优秀的App加载页不仅可以缩短实际的等待时间,弥补技术、网络等基础因素的缺陷,同时也承担着产品追求极致体验的重任。
用户在App加载页上的等待体验实际上是受到两种主要因素的影响——实际等待时间和感觉等待时间。实际等待时间是客观存在的加载消耗时间,受技术、网络等基础因素限制;感觉等待时间是用户主观感知上的心理印象。两者都会对用户的决策行为产生影响。减少实际等待时长是减少用户不愉快的基础,同时应用心理认知以及设计新模式和方法来缩短用户感觉时长是关键。
1.减少实际等待时间是基础
从实际等待时间的角度分析,移动App的系统是由若干个相互联系,具有相互逻辑关系的多功能的整体。用户、服务器以及发生作用的数据环境构成了有机系统,具有独特的服务方式和排队序列规则。当用户向系统发出指令,若系统没有一条最有效的路径给予用户反馈,则会出现实际等待,且可能长时间等待。这就是服务器处理数据能力以及容量不足导致的用户请求不能被满足的实际等待。
首要明确用户对于实际等待时间的容忍度。因为不同的产品满足不同的用户需求,使得用户的容忍度存在差异性。所以需要通过仔细的测试和严谨的分析得出所要耗费的实际等待时间,以及用户的容忍度阀值。进而有针对性的进行设计调整优化。
(1)优化交互框架
在确保满足用户目标的情况下,优化交互逻辑,简化框架结构,从而降低服务器数据处理量,弥补技术缺陷。
交互框架不仅定义了高层次的屏幕布局,也定义了产品的工作流、行为和组织。①明确功能目标优先级,满足用户需求。这个过程中必须返回到交互设计流程中的情景场景剧本中,即人物角色目标和心理模型,从中找到最有效的解决方法,并根据产品功能确定优先级。切勿出现功能模块的重复累赘,以及任务流程走不通或者流程过于复杂。②检验交互框架。根据关键路线情景剧本以及常用的故事板,进行任务走查,确保每条任务线都是走得通并且是最有效的途径。
(2)根据不同的需求场景,明确相应的数据加载模式
目前App设计中,合理的数据加载模式主要分为6种。①全屏加载,优点是能保证内容的整体性。缺点比较明显,有非常强烈的等待感,3s以上会产生焦躁情绪。②优先加载,一个页面有图片也有文字,在加载图片比较慢的情况下,可以先把文字都加载出来,保证用户可以顺畅阅读,然后再加载比较费流量的图片。③整页加载,当前页与下一页是整页切换的时候,可以考虑采用整页加载的形式。优点是能保证每个页面的完整性,体验比较整体。缺点是不能保证整页的加载效率。④自动加载,用这种手法可以营造一种无极限浏览的错觉,很容易把用户吸引住。优点是把用户带入无尽浏览模式。缺点是没有尽头,容易迷失,不方便快速索引定位到某个内容。⑤智能加载,优点是根据具体场景来控件流量和加载速度。缺点是不一定真实有效的命中用户需求。⑥离线加载,App离线情况下,考虑预加载+离线缓存的设计。优点是解决没网获取数据的问题,且节约流量,又保证流畅。缺点是占用本地存储空间。
2.缩短用户感觉时间是关键
等待时间感觉是用户在等待的过程中对等待时长的主观感受,它对人们的决策行为产生影响。根据用户的心理特征从加载概念模型、非模态加载、情趣化,用户预期等方面设计加载页面,让用户轻松、优雅的等待。
(1)提供一个概念加载模型。一个优秀的概念模型能够帮助用户不至于困惑,以及辅助用户理解正在发生的事。告知加载进度,让用户有了更加明确的知情权,使用愿意接受等待并且能更好的预期到加载完成的时间。如果缺少告知,用户会猜测一个概念模型,并且这个过程是令人不安、焦躁的。
(2)情趣化加载。心理上的持续时间很大程度上被心理活动影响着。让等待过程中充满可以看的有趣东西或是可以做的有趣事情,以分散人们的注意力或让人们保持忙碌都会有所帮助。通过创意文案、色彩、动效、声音等趣味化的元素来满足用户上层需求的愉悦性。
(3)非模态的加载方式。用非模态的加载方式,用户可以利用做别的事情,打发等待的时间,而不用傻傻等待数据加载完成,大大降低了等待的焦躁感。令人焦虑的等待时间被用户的持续浏览消解。
(4)满足或超越预期。当我们需要为等待设立时间时,最好适当设置超过真实需要等待的时间,提前加载完成会让用户收获意外的惊喜。
(5)隐藏等待。即用户一执行命令则会受到服务器的视觉反馈,而系统处理过程并未执行只是被隐藏了。例如,微信和Path分享图片,点击发送,图片立即出现在时间线上。涉及状态切换的按钮,比如“喜爱”、“收藏”,一般会先给用户一个操作成功的视觉反馈,无需等待服务器返回“操作成功”的实际结果。这样的好处是,大多数情况下用户不需要焦虑等待内容上传完毕。
结语
App加载页作为整个用户体验的一部分,直接影响用户对于产品服务的忠诚度和满意度。针对用户实际等待时间和感觉等待时间两条主线分析在加载页面设计中,交互逻辑框架、加载模式和满足用户上层需求是重要思考的方向。
篇10:版式在app界面中的设计应用
版面的构成是信息传播的桥梁,发挥版面元素中各自的特点和功能,会使整个版面完成从视觉到内容的完善性和美观性,从而更快、更准确的传递信息,所以版式设计一直以来广泛应用在广告、招贴、杂志等平面设计中。虽然在移动应用中是以用户的操作和使用体验为主,但随着扁平化潮流袭来,我们不再通过细腻的质感和光影提升界面的品质,拉开界面的层次,那我们靠什么来吸引我们的用户,为用户创造良好的阅读和使用体验呢?
版式设计在移动界面中的应用
版式设计的常见布局有十三种:骨骼型,满版型、上下分割型、左右分割型、中轴型、曲线型、倾斜型、对称型、重心型、三角型、并置型、自由型、四角型等。这些布局在平面设计中应用非常广泛,而移动界面的设计与平面设计最大的不同在于其功能性、可操作性和可交互性,版式的选择也是基于产品的功能特性、目标用户、使用场景等因素。
移动界面按照其产品功能可以分为两大类:信息展示型界面和功能操作型界面。
1. 信息展示型界面
我们常见的以阅读和传递信息为主的界面有:新闻、天气、阅读、购物、音乐、食谱、健康等app的某些界面,另外还有新手引导页也是比较常见的以传递信息为主的页面。而这些app又基于其不同的功能特点,界面的板式也有各自的特点。
以浏览引导为主
以浏览引导为主的界面在布局上会有一个明确的主线,而在常见的版式布局中上下分割型、左右分割型、中轴型、曲线型等布局在图文的排版上对于用户会有一个潜在的引导提示,因此应用比较广泛。
下面的两个图片,虽然是不同的场景和功能,但都采用中轴型布局,即图片和文字按垂直方向排列,引导用户从上往下浏览,结构层次非常清晰。
以品牌传递为主
对于以品牌传递为主的界面,更适合采用满版型、重心型、自由型等布局样式,
满版型是用图片充满整个版面,视觉效果直观而强烈。下面两个界面即是采用了满版型的布局,利用全屏的图片和简洁的文案传递出产品的气质和理念,同时给人大方、舒展的感觉。
以提高浏览效率为主
对于注重提高浏览效率为主的界面,通常界面中包含了较大的信息量,如何把信息快速、准确的传递给用户,避免用的烦躁和困扰?
这类应用中比较典型的是新闻、资讯以及图库等app的界面,我们在设计时可以借鉴骨骼型的板式,骨骼型是一种规范、理性的分割方法,在杂志排版中我们常见的骨骼有:竖向通栏、双栏、三栏、四栏等。通过图文的混合编排呈现理性而严谨的感觉,在信息的传递更为快速、清晰。
下面的左图是一个新闻app,采用竖向分栏的布局,模块化的结构使得信息的展现整洁和严谨。右图是一个图片展示app,则采用了三栏的布局,把图片以这种瀑布流的形式展现给用户,方便用户快速浏览。但是由于平级的信息,很难区分主次,而人的视线很难在同一时间聚焦在两个或者两个以上的事物上,所以通过图片错路排列,使得画面更为活泼。
以信息展示为主
以信息展示为主的界面,比较常见的有记录型、天气类等app,这类app界面更强调信息的直观性。在这类app中应用的较多的布局有满版型、上下分割、左右分割、中轴型、对称型、自由型等。
下面的两个图例虽然都以信息的展示为主,但因界面的信息量、app的功能特性因素的影响,左图的运动记录界面信息量比较上,采用了中轴型布局,而右图的天气app信息量比较大,采用了满版型布局。合理的布局选择对于信息的展示有至关重要的作用。
2. 功能操作型界面
以功能操作为主的界面主要是引导用户操作,所以常见的布局主要有上下分割型、左右分割型、中轴型等。
下面的左图是一个注册页面,btn采用了中轴型的构图,清晰地展现了操作项和注册流程。右图采用了上下分割的版面构成,上面为图片展示,下面部分为选项和操作,结构非常清晰。
结语
在扁平化的潮流下,很多产品也借鉴了杂志排版的一些方式,为用户带来了良好的阅读和使用体验。我在上面的示例中也只是列举了一些个人认为比较典型和有意思的布局,而针对不同功能的app,选择适合的版式构图类型,大胆的结合板式设计的一些经典的形式,也许能为我们的设计拓展新的思路。
篇11:认知心理学的APP设计研究论文
随着社会经济的迅猛发展、人们物质生活条件的改善,中国人们对家居生活质量的要求也越来越高,正是在这样一个大环境下,室内设计行业快速发展起来。而随着住宅室内设计行业的小断发展,其设计模式及理念也在小断更新,所涉及的学科种类也越来越多,这也使得室内设计的质量获得了极大提升,尤其是视觉心理学知识在住宅室内设计中的广泛应用,以生动直观、形象快捷的方式,给人们带来了强烈的视觉冲击,对于提升室内设计质量,提升人们的舒适度及幸福感起到了关键作用。
一、视觉心理学的主要特性
1.固有优越特性
心理学中,视觉在对各种刺激进行选择时,中国期刊具有一定的优越性,其可自主优先选择部分具有特点的感官刺激,这些事物对于视觉感官来说更为突出,因而可被作为优先选择的对象。视觉在刺激的选择方面,其优越特性主要体现在以下几个方面:一是视觉对于动态的刺激感应,相较于静态物体,具有更强的感觉性,其也通常更优先选择对运动物体的注意,且其感应速率非常快,能在物体运动的瞬问就能捕捉到。同理,当一个物体发生动静状态的转变,如突然出现或者突然消失等情况时,视觉也会对此做出优先感应。二是当物体在亮度、大小、外观及颜色等方面发生改变时,人们的视觉也会优先选择这一刺激,而忽略其他变化程度相对较小的刺激。由此可以看出,视觉对动态变化的、颜色鲜明的。以及新鲜的事物,具有更强的选择性。此外,对比差异大的事物,相较于差异小的事物,对人们更有吸引力;节奏感强的事物,比毫无章节混乱小堪的事物,也更容易为人们所接受。
2.空间局限性
人的视觉由于眼睛结构的原因,存在着一定的空间局限,中国其主要表现为水平空间及垂直空间的局限性两方面。水平空间方面,人们大概可以看到36。左右的视觉范围,在这一角度范围以外的事物,人们小能有效捕获。同时在颜色辨别方面,人的视觉角度区问为30。到600,对于标准视线20区问的事物,人们对其具有最为精确的捕捉能力。垂直空间方面,其向上和向下的视觉感应的最大角度,能达到500,而要想对视觉角度范围内的物体颜色加以辨别,该物体必须在人们视觉角度上下30以内。以上都是理论视觉角度,事实上,人们的实际视觉角度比其要低很多。此外,视觉角度范围与人的姿势与专注度也有很大关系,站立姿势比坐姿能够捕获更大的视觉空间,人们专注某事物时比放松状态下能够看到更大角度范围内的事物。
3.视错觉特性
视觉的这种特性}一分普遍,该特性也往往被人们广泛应用于住宅室内设计之中,中国给人们带来良好的视觉刺激。此特性的定义主要是,人们在对事物进行观察时,由于视觉结构等因素,事物会反馈给人们错误的视觉感应。而导致视错觉情况发生的主要影响因素主要有网膜及光学等。其中最为常见的视错觉主要有以下几种类型:一是走廊错觉。错视的原理相似。如我们在一个较长的走廊里行走时会发现,离我们距离更近的柱子或其他物体相比离得更远的柱子看起来更小,而事实上它们大小都是相同的,这就是一种较为典型的透视视错觉现象。二是泽鲁纳错视。此形式的错视实质是给人们视觉上产生一种角度的错觉。如我们在欣赏新装修的`住宅时,在观看其地砖时,会发现远处的地砖边线问存在着一定的角度,甚至还会出现边线变成曲线的情况,而事实上各边线都是直线,且都是相互平行的,这就是角度错视。此外,还有错视等。利用视觉错视,我们在进行住宅室内设计时,可以合理利用这一特性,设计出能够提升人们视觉享受及心理体验的家居环境。
二、视觉心理学在住宅室内设计中应用情况分析
1.固有优越性的应用情况分析
视觉心理学的一个重要特性之一,就是其固有的优越,因人们的视觉感官对动态运动的物体、具有明显差异对比及光线强的事物,具有更加优先的视觉选择及感应性。因而为了提升住宅室内设计的效果,可以在设计时充分利用视觉的固有优越性特点进行设计。在设计饭厅时,为了体现饭厅的生机性,给人以生动活泼的视觉享受,可以在饭桌旁边摆放一个处于小停运动的艺术品,一方面可以给人在视觉画面上以美的享受,另一方面其有节奏、有韵律的动态变化,能够有效吸引人们的注意,给人一种生机盎然的感觉,从而使整个住宅环境充满生机与活力。此外,还可以结合色彩及光线等元素,来进行室内设计,创设良好舒适的室内氛围。如图2所示,为了营造一种温暖和谐的家居氛围,在室内装修时,可根据设计方案合理地选择材料搭配,然后再通过白红等色彩的合理搭配,以及室内小同区域光线的小同强度等,进行有效组合,小仅能给予人们视觉以强烈冲击,还有效对室内空间进行了隔断,实现主附空间的有效区分,避免了主附空间混杂的混乱局面,给人以一目了然的视觉感应的同时,也让人对主空间充满了万千遐思。
2.空间局限性的应用情况分析
由于人眼结构的原因,人的视觉存在着一定的角度范围,中国因而在进行住宅室内设计时,应注意视觉空间局限性对室内设计的重要影响。我国在住宅设计时,对楼层高度也有一定的限制,这样便于人们在站立或坐姿下,能够尽可能地获得整个室内空间的视觉感应。而又由于在垂直空间方面,人们在向下的视觉角度范围要稍微大于向上的视觉角度范围,因而人们更关注天花板以下的部位,尤其是室内墙面和地面这两个最容易引起人们视觉感应的区域。在对这两个区域进行设计时,能否做到有效搭配,则在很大程度上影响着其视觉效果的发挥及人们的舒适度体验。下面以电视尺寸与人的视觉关系为例,来说明视觉空间局限性特点在室内设计中的应用。为了获得一个良好舒适的视觉体验,电视的中心位置应刚好位于人的水平视线上。为了达到这一目的,在对电视机尺寸进行设计时,其长宽尺寸的比例设计一般是1: 1.33或者是1: 1.66,这样人们在观看电视时的舒适度是最佳的。此外,在电视机摆放高度上,也要进行合理设计。人们在观看电视时,一般是坐在沙发上的,因而电视高度的设计应处于人的水平视线上。
3.视错觉特性应用情况分析
在住宅室内设计中应用视错觉特性,就是利用视觉心理学原理,通过使人们产生视觉上的错觉,来达到良好的视觉感应效果,提升人们的视觉享受及舒适度。在住宅室内设计中,视错觉特性可有效运用到室内空间的拓展方面。如针对楼层较低的住宅,可以通过在其墙面上张贴一些具有垂直线条的墙纸的方式,将其高度延伸到天花板,给人一种楼层增高了的视错觉;而对于宽度较窄的住宅,则可以在其墙面上张贴一些具有水平线条的墙纸,以在视觉上给人一种房问变宽了的错觉;在墙面和地面的设计方面,也可以通过色彩及颜色的深浅组合,达到改变室内空间的用心。如在地板颜色的选择方面,可以选择那些颜色较深的地板;在墙纸颜色选择上,可以选用颜色较浅的墙纸予以搭配。此种搭配设计方式,能够给人一种视觉上的错觉,使得室内空间得以极大地拓展。此外,还可以在厕所及卧室等房问中镶嵌一面镜子,一方面在视觉上可以给人一种房问变大错觉,另一方面还能增加房问的亮度,给人舒适的感觉。如图4就有效利用了视错觉特性,小仅增添了书房的情调和乐趣,而且淡雅恬静的设计还创设了一种轻松安静的氛围,有利于人们的思维创作。
相关文章:
认知功能障碍与血尿酸研究进展解读01-12
英语词汇隐喻认知研究01-12
认知性研究01-12
英语多义词的传统和认知研究01-12
逻辑学研究的认知转向分析论文01-12
英语写作教学中元认知理论应用研究01-12
基于认知弹性理论的多媒体课件设计研究01-12
学法迁移01-12
迁移开发01-12