Blog

上期,小编分享了“盘点那些容易被忽略的APP设计细节之视觉篇”,本期将继续延伸“容易被忽略的APP设计”的内容,和大家来说说关于信息表达型问题。 传送门:盘点那些容易被忽略的APP设计细节之视觉篇 在UI设计中,信息的处理过程可分为三个阶段,分别是感知信息、解释信息和整合信息。设计师会根据用户的视觉心理习惯对界面进行设计,选择合适的视觉表达信息,规划视觉信息结构,以帮助用户更好地阅读和理解信息。 盘点那些容易被忽略的APP设计细节之信息表达型问题 ① 明确表达图标的含义 虽然去掉图标文案后,会让界面显得更简约整齐,但是如果你不能保证用户能看懂图标所表达的含义时,最好还是使用辅助说明文案,确保图标的信息能准确地传递给用户。当然,如果图标本身带有很强的信息传达能力,能确保用户能正确识别,那就另当别论。 ② 正确表达按钮属性 通过按钮颜色、大小、风格等引导用户进行操作,需要强化的就要做得足够突出,不要让整个界面都处于主次不明的状态,分散用户的注意力,削弱界面需要传达的信息。另外,按钮设计必须清晰准确地传达当前状态,千万别为了视觉效果而给用户带来错误的判断。 ③ 正确处理文字排版的层级关系 进行文字排版时,正确处理信息间的层级关系,将提高用户对信息的识别度,以及界面的易用性。因此,我们通常会透过字体大小、颜色、留白,以及层级分割等技巧处理,将相同属性的信息归类设计,并通过留白的不同达到层级的区分,让整个信息排列主次分明、层级清晰。 ④ 线条与色块分割的合理运用 在分割界面信息时,要根据信息间的关系选择合适分割形式,比如线条通常用与分割同一类或相同属性的元素;色块则是用于分割不同类别或区分不同属性的元素,以达到界面层级清晰、归类明确的目的,不可为了视觉效果而盲目穿插运用。 ⑤ 提前预估信息呈现的最大化 进行界面布局时,需要明确信息呈现的最大值,而不是取最小值进行设计。虽然过于理想的长度范围或许让界面样式变得更加美观,但落地后可能会给用户带来非常糟糕的体验。 ⑥ 运用提示符提高用户阅读效率 在大篇幅的文字信息布局中,合理使用提示符能提高用户对信息的理解,以及快速找到所需的信息。一般来说,提示符是不限元素表达的(数字、字母、图形、色块等均可),只要能有效区分信息层级即可。 ⑦ 布局层次分明,重点突出 合理的界面布局是为了更好地引导用户阅读和操作,因此界面排版布局时绝非随意将信息罗列,而是要根据信息的侧重点进行排列。比如,利用卡片模式的大小变化区分信息,可以很好地引导用户视线,大大提高用户对界面的理解以及操作效率。 ⑧ 信息布局符合阅读习惯 大部分用户的阅读习惯都是从左到右、从上到下的,如果你要打破这个习惯进行视觉表现,将严重影响产品的用户体验,让用户产生放弃使用产品的念头。 信息传达是APP设计中非常重要的部分,它将影响整个界面的易用性和可用性问题,以及用户理解产品主旨的关键所在,所以做好信息传达,才能避免出现点击率高而转换率低的情况。 * 最后一堂课,小编将会整理关于APP设计中的概念表达问题,有兴趣的朋友不妨多多关注!

如今使用手机上网的人愈来愈多,甚至连搜索引擎都是以移动优先,使得APP设计也越来越受到公司的重视。那么,APP设计中有哪些细节是容易被忽略的?下面,让我们一起看看有哪些特别容易被忽略的APP设计细节,看看各位平时有没有重视! 盘点那些容易被忽略的APP设计细节之视觉篇 ① 统一的图标设计风格 图标设计风格多样,常见的有线性图标、填充图标、面型图标、扁平图标、手绘风格图标和拟物图标等,但无论在设计APP时选择何种图标表现形式,相同模块中的图标必须采用统一种风格,以保持界面的统一性。如果是线性图标,也需要保持一致的描边数值。 配色方面,相同模块中的图标应尽量采用相同的颜色;否则,避免使用饱和度以及明度反差过大的配色方案,影响整体的视觉协调。 ② 图标大小的视觉平衡 由于各个图标的体量不同,加上相同尺寸下不同体量的图标,其视觉平衡也不同(比如相同尺寸的正方形会比圆形显得大),因此为了保持整体视觉平衡,我们需要根据图标的体量对其大小做出相应的调整,而非执着于所有图标都采用相同尺寸。 ③ 优化分割线 由于分割线的作用是区分上下信息层级和界面装饰,因此我们需要尽量保证分割线的配色表现力低于文字信息,避免分散用户的注意力。最典型的案例就是,在浅色背景上,我们往往会选择浅色分割线,使界面更加简洁通透。 ④ 合理运用投影颜色与透明度 投影的运用应符合页面设计的氛围,其目的是为了增强元素的立体感与层次感,而不是影响整个页面的视觉平衡。 因此,制作投影时不能单纯用黑色和灰色,而是需要根据不同背景改变投影颜色和透明度。一般来说,浅色背景下的投影颜色透明度设置在10%~40%之间;而深色背景下的投影颜色透明度则建议设置在20%~40%之间, ⑤ 不要过度装饰,让界面更简洁 设计需要准确把握“度”,过度的设计只会干扰界面的信息传达;相反,减少不必要的设计元素,可以突出界面重要信息,并让整个界面变得更加简洁清爽,不会分散用户注意力。 ⑥ 图片比例&视平线的统一性 在人物展示设计中,若并列出现多个人物形象,为保持视觉平衡,需要调整并列图片的大小比例,像所有角色都在相同焦距下拍摄。另外,在人物上下位置的调整上,我们要尽量控制视频线的方向,让他们的眼睛处于相同位置。 ⑦ 控制好界面中的配色数量 通常,界面配色方案控制在3种颜色以下,相对比较容易把控。若超过3种以上的配色,就会非常考验设计师的功底,把控不当甚至会让整个界面非常凌乱。 另外,选择配色组合时,新手建议使用同色系或邻近色搭配,使整个界面色彩更加协调和交融;想更鲜明地突出某些元素,采用对比色是不错的选择。不过,无论选择哪种配色方案,都需要控制好界面中的配色比重,保证信息传达不受干扰。 ⑧ 合理地进行设计对比 鲜明的对比效果,能给界面带来丰富的视觉层次和强烈的视觉冲击力。除此之外,使用对比手法,还具备强调重要元素、增强界面的可读性,以及为界面视觉效果添加趣味性等作用。比如,很多设计师都喜欢使用不同颜色来区分不同信息模块,以提升整个界面的节奏感。 ⑨ 提高配图质量 图片质量影响整个界面的格调。现在很多企业为了提升在消费者心中的印象,都会对图片进行美化后再展现给用户。因此,在选用网站图片时,除了尽量考虑高清图片外,还需要通过后期裁剪、曲线调整、色彩调整等技巧,使图片的视觉效果更加协调。 最后,我想说…… 视觉设计是APP的重要组成部分,它不仅影响用户对APP的第一印象,甚至被认为是对APP最重要的印象。可见,重视APP视觉设计的细节是多么重要! 当然,有关APP设计的细节,并不只在视觉效果上,信息传达和概念表达同样有不少细节是需要我们重视的。欲知后事如何,请待下回分解!

人都是群居动物,哪怕你有社恐(社交恐惧症),但日常生活中同样离不开与其他人的交往。网络技术的高速发展,让我们远离了在现实生活的畏手畏脚,而对社交网络越来越依赖,而社交网络又如“见缝插针”地贯穿我们的生活。 本文将分享由腾讯(Tencent)整理的“2021-2022年社交类APP设计趋势报告”,让大家回顾近年技术创新和用户代际更迭是如何导致用户需求差异化的,并探索社交类APP设计的趋势将如何发展,以帮助各位能应对变幻莫测的互联网大环境。 ◎ 互联网社交发展方向 这部分主要是受网络技术发展和现阶段人口结构变化影响: 1. 网络技术发展对网络社交的影响 1G时代,即第一代移动通讯系统,只支持语音呼叫,采用的模拟通信系统,容易出现语音质量差、安全性差,容易串号、掉线等情况。 2G时代,是最早的文字简讯时代,除了支持语音呼叫,还可以发短信、发彩信、发图片,并可通过QQ、飞信等社交软件实现跨地域聊天。与1G的模拟信号相比,2G的数字信号让移动通讯更加稳定、安全、高速、高效。 3G时代,拥有更高且更稳定的数据传输速率,支持影像电话和大量数据信息的传输。这意味着3G时代正式进入移动社交时代,用户可以基于位置或行为进行交友,也可以随时随地与朋友联系,以及随时通过社交媒体平台获取好友线下生活状态。 4G时代,具备速度更快、通信灵活、智能性高、高质量通信、费用便宜等特点。不仅让用户从文字、图片的聊天习惯逐渐往实时语音和实时视频变化;还大大提升社交网络的拼配效率,高效建立潜在社交关系。 5G时代,迎来万物互联时代。视频成为主要信息和沟通载体,让在线沟通和协作变得更方面。线下社交场景逐渐转移到线上,线上社交频率大幅增加的同时,副作用也开始出现,社交隔离让人们感到更孤独,对云社交的需求愈发强烈。 2. 现阶段人口结构变化对网络社交的影响 初代独生子女群体集中于80后,但由于父母辈基本拥有较多的亲兄弟姐妹,因此这代独生子女也会用不少的同辈表(堂)兄弟姐妹互为玩伴。而由初代独生子女繁衍出的二代独生子女(大部分为现在的00后),由于家庭关系链越来越短,加上人口流动频繁,因此他们少有同辈亲属,关系也较为疏远。 根据腾讯2018年发布的《00后来袭-腾讯00后研究报告》中提及到“75%的00后渴求有更多时间跟同伴一起”。 除了同辈亲属少,00后在现实生活中的同辈社交圈子也相对狭窄。因此他们会通过互联网与同辈圈互动,建立朋友关系,从中获得陪伴感、归属感和自我认同,形成自我认知。 回顾近几年的网络社交变化:受网络技术影响,网络社交体现从“线上线下割裂”逐步发展为“虚拟空间映射真实世界”发展;同时,00后由于社交圈子狭窄,对线上社交需求会更为强烈。 ◎ 社交APP设计趋势和特点 了解互联网社交发展趋势后,接下来小编将从自我展示、匹配连接、沟通互动这三方面,探讨社交APP设计趋势和特点。 一、 更多样化具象化的自我展示 1. 自我展示方式从单一趋向于全面 过去用户若在互联网上介绍自己,往往需要填写大量文字信息和传输多张精修照片,导致编辑成本高、浏览效率低。 如今视频化的普及,用户可以随时随地记录自己,让个人信息传达变的更有效和真实。 2. 从看脸社交到声音社交,沟通更有温度 传统陌生人社交产品更多是看“颜值”,而像Soul、吱呀这类新的陌生人社交产品,试图避开“颜值”这个层次。 事实上,看脸的陌生人社交目的简单直接,导致平台氛围非常浮躁,需要一些泛娱乐功能将用户留存。相比之下,声音沟通起来更有温度,彼此也不会有太多心理负担。通过声聊产生感觉后再进行进一步沟通,也比较符合国人偏于内秀的特点。 3. 从“我是谁”到“我们的关系” 随着硬件设备和图像技术的发展,用户慢慢丰富了社交资产。在网络社交展示自我时,用户不仅会站在展示者的角度思考“如何更好地展示自己的社交资产”,还会从看的人考虑“如何更了解他(好友)”,强化双方的情谊。 4. 虚拟和真实之间,越来越强调“真实” 虚拟形象概念并不新鲜,早于2003年QQ秀就是虚拟形象的雏形。在大数据和人工智能时代的今天,用AI技术打造的虚拟形象能随时与用户进行实时互动,满足用户对陪伴与娱乐的需求,在现实生活中的存在感也变得越来越强。 5. 社交人格从“完美人设”到“透明人设” 随着社交平台的好友列表数量增多,用户在互联网所经营的人设也越来越谨慎微小,甚至开始疲于“完美”人设的表达。社交产品开始“减压”,“透明人设”的流行正好反应了时下年轻人反对当今社交信息流充斥着的完美人设,以及鼓励自我展示更加真实和未经编辑。 二、 更懂我的匹配连接 1. 更高效的匹配连接 有调查发现,现实生活中两个互不相识的陌生人需要花上50小时才能在路上叫出对方名字,再投入40小时才能蜕变为真正的友情。 网络社交可以帮助用户缩短时间,降低认识成本,实现更高效的的匹配链接,以及更实时的交互和面对面的互动体验。 2. 匹配连接趋向多元化 《00后来袭-腾讯00后研究报告》中表明,73%的00后会主动获取资源发展自己的感兴趣的领域。 但在现实生活中00后同辈社交圈狭窄,难以找到志同道合的朋友,因此他们会倾向在互联网社交阵地上寻找垂直类兴趣伙伴。而线上社交需要不断垂直细分,才能方便用户快捷连接同兴趣的同辈伙伴。 3. 匹配提升安全感和隐私保护 现实生活中我们都会下意识保护自己隐私,但到了互联网世界却忘记“人心险恶”,轻易将自己信息分享给他人。为保障用户的信息不被泄露,社交平台不仅需要帮助用户建立社交关系,更要提升用户隐私保护和社交安全机制,让用户安心使用。 三、 更富有乐趣和临场的沟通互动…

很多心理学研究表明,一个人形成对别人的第一印象,往往只需要几秒钟而已。具体多长时间,这主要是基于每个人对第一印象的标准和人群、场合等因素的差异。也就是说,当我们要做出主观判断并得出结论的时间,往往只需要半分钟左右。 将上述理论套用到APP设计中,我们可以好好把握这“黄金半分钟”,利用“新手指引”吸引新用户熟悉界面,帮助他们明确了解APP的用途,激励他们使用,从而提高参与度和留存率。 新手指引的形式有哪些? 形式一:蒙层引导 特点:降低页面中其他元素的干扰,让用户聚焦了解被圈注的功能或手势说明。另外,蒙层引导可细分为单页蒙层引导和分步引导两种。 形式二:气泡提示引导 特点:设计轻量但目的指向性极强,对用户的干扰也非常小。常出现于以下场景:告知用户有新功能上线、引导用户使用核心功能、或告知用户一些隐藏菜单的内容等。 形式三:动画/视频引导 特点:用户可根据动态演示,快速理解整个产品,但这类引导方式所传递的信息量不能太大,否则会导致用户失去耐心或干脆什么也没记住。适合于操作比较复杂或动态演示比较有冲击力的产品。 形式四:教学式引导 特点:结合产品实际使用场景,逐步引导用户进行操作,让他们沉浸其中、快速学习,并且因为有及时的操作反馈,用户很容易就能获得强烈的成就感。多见于工具类产品和游戏类APP。 形式五:引导页 特点:通常有3-5个页面组成,在用户使用产品前,预先给用户营造好产品的基调和氛围,宣传产品功能和亮点,以及突出产品最核心的操作方式。值得注意是,引导页面内容要保证能给用户带来新鲜感和吸引力,否则对用户来说反而是种干扰。 新手指引的设计要点有哪些? 新手引导的核心是“以实际价值传递为依归,打造良好的感知体验”。简单来说就是帮助用户更快地熟悉产品和提升用户的好感,从而提升用户的活跃度和留存率,乃至转换率。 为了达成这一目的,我们可以从以下几方面考虑“新手指引”的设计: 1. 文案精准,通俗易懂 文案字数过多,容易造成用户遗忘或出现记忆偏差。因此,新手引导中的文案要简短且突出重点,才能最短时间吸引用户的注意力,并让他们快速理解产品所表达的意思。 2. 明确显示进度 让用户实时知道当前进度,能避免因失去控制感而产生焦躁情绪。另外,当用户完成引导中的任务或操作时,给予及时的反馈或鼓励,会让用户获得被认可的满足,从而增加产品和用户之间情感联系。 3. 提升用户感知 如果用户一开始就要求被动接收很多信息,容易给用户带来认知负担,从而产生疲惫和烦躁感。因此,设计新手引导时,我们既要给用户提供适时和必要的帮助,同时保留用户主动探索的权利和积极性,让用户参与其中形成更强烈的感知体验,从而提升用户自身对信息消化和产品学习的速度。 4. 增加趣味性 如果有足够能力,可收集丰富的用户信息,在精准细分人、时、地和事后,通过可爱的动画形象,以及更个性化的语言引导用户,可以给用户带来更好的共鸣,同时给新手引导增加更多趣味性,降低用户对被干扰的反感,并在愉悦的心情下快速掌握引导内容。 5. 可跳过可忽略 并不是所有用户需要引导,也不是所有用户都愿意被引导。首先我们必须知道“新用户≠新手”,如果产品在无法判断新用户是否新手的情况下展示新手指引,会让很多非新手的新用户方案。因此给予用户选择的余地,允许引导被关闭,会使产品更具人性化。 总的来说,新手引导虽然是整个APP设计中一个很小的缓解,但它能直接影响用户的使用感受。因此设计新手引导最重要是考虑产品的本身,在合适的时机,以恰当的方式出现,才不会对用户造成骚扰,同时又能很好地引导用户使用。

提到很有意思的应用程式,大多数人都会联想起那些小众而有设计感的APP,但日常生活中随处可见的APP反而少有人提及。事实上,一款流行APP能被用户认可,与其独特而优秀的交互设计和视觉设计是分不开的。今天小编就和大家说说APP交互设计原则以及APP视觉设计原则各有哪些? APP交互设计原则有哪些? 交互设计的原则旨在为了规范整个交互流程,实现良好的用户体验。因此把握以下六大设计原则,这意味着APP交互设计距离成功已接近一大步。 (1) 可视性:进行交互设计过程中,应首先规划好界面中的功能可视性,方便用户发现和了解使用。如果功能可视性处理不好,会影响APP整体的用户体验,甚至直接导致整个APP设计失败告终。 因此, 交互设计的第一项原则就是可视性。 (2) 一致性:保证同一系统,同一功能的表现及操作的一致性,能简化整个交互流程,从而提高用户的操作效率。 (3) 启发性:提供准确的操作提示,能防止用户误操作,还能引导用户进行下一步操作。 (4) 反馈:所有APP设计的最终目标是为用户提供服务,达成用户的满意。适时反馈与操作相关的信息,以便引导用户进行下一步操作。 (5) 限制:特定情况下限制用户的操作,能防止用户误操作,造成不必要的麻烦。 (6) 映射:在数学里,映射指两个元素的集之间元素相互“对应”的关系,而在交互设计中映射则是用于准确表达控制及其效果之间的关系。 APP视觉设计原则有哪些? 视觉设计优秀的产品,能提高APP的可信度和易用性,为用户提供舒适流畅的操作体验。但考虑到大多用户注意力短暂,如果APP视觉设计一般,用户大多不会费神去深入研究产品的交互设计。 APP视觉设计原则原则一:尊重视觉的主导地位 自然界中大多动物都是依赖听觉与嗅觉作为主要感官,而人类则是视觉主导的生物。 视觉影响产品的操作体验,还会影响用户行为这意味着,产品做出的每项视觉决策,都会对产品交互有极大的影响,即使在不知不觉间。而简单而又吸引力的交互设计,更有利于销售和转换,甚至可以激发某些特定的用户行为,从而发挥应有的作用。 APP视觉设计原则原则二:提供清晰的方向与指引 用户并不会漫无目的地浏览网站,尽管他们通常会有大体概念要去哪,但仍需要一些视觉路标来指路。因此,网站导航设计就要想GPS一样,让用户了解当前位置,哪些路线可行,以及下步该怎样做。 APP交互设计的视觉指导原则三:确保视觉统一 保证视觉一致性,展现了产品在设计和布局方面的逻辑,以及给用户带来更愉悦的操作体验。因此,无论是视觉设计还是交互设计,一致性对APP而言都是非常重要的,否则就会增加用户的学习成本,迫使用户不得不停下脚步来操作,影响整个产品的体验。 APP视觉设计原则原则四:将UI设计模式作为基准 UI设计模式,可以理解为特定情况的最佳设计实践,还可用户学习界面的时间。 比如Netflix使用“相关内容”的UI设计模式,帮助用户找到其他可能感兴趣的节目。尽管这并非是一项开创性的设计,但却为用户提供了一个快速有效的解决方案,同时也让产品交互设计变得更简单。 当然,想要制定一个好的UI设计模式,还是需要基于网站外观与感觉为其特殊定制的。 APP视觉设计原则原则五:通过风格指南创建一致性 虽然UI设计模式是帮助用户快速熟悉APP,但风格指南才确保整个APP设计统一。 一般来说,设计APP之前,我们需要制定APP的风格指南,当中列出整个产品的特点,包括文字的尺寸和字体、界面的主色与辅助色、按钮点击状态的表现等。 除了保证APP设计一致性,创建风格指南还能让APP与品牌的联系足够清晰,确保用户在看到APP的第一眼就能从视觉上与品牌构成关联。 对用户而言,最好的设计就是不需要可以学习和感受,就能被引导完成他们想要的目标,更好当然就能愉悦地享受整个过程。但人始终是视觉动物,只有实用性而忽略观感,同样会影响他们的操作体验。因此,将设计与实用完美结合,这才是让用户感到有意思的产品。

如何让APP更好地向用户传递感情?人类都是情感动物,谁也不喜欢和冷冰冰的机器打交道,因此APP加强情感化设计能给用户留下更深刻的印象,有利于品牌的传播。 如何让APP更好地向用户传递感情? 人的情感大致可分为:本能层、行为层和反思层,因此APP设计可透过这三个层次,引起用户的兴趣,与用户产生共鸣。 一、本能层 即人们第一眼所感知的东西,是调动用户情感的主要层面,简单来说就是,APP设计如何透过界面元素、布局、色彩风格、可用性等,让用户第一时间注意到APP的内容,从而激发用户的兴趣,并进行引导。 ▲ APP设计如何利用本能层吸引用户关注? ① 易于理解和操作的界面布局 与PC端的网页设计不同,移动端界面尺寸有限,所以APP界面设计应该简洁利落,用精炼的语言概括APP的主要内容,明确各版块之间的联系性,并突出APP中的核心功能,让用户一眼就能知道APP的定位。同时,APP设计要符合用户的操作习惯,减少用户学习APP的时间,让用户更容易地使用APP。 ② 色彩情感的传播 不同的色彩能给用户带来不同的感受,因此无论哪种类型的设计,色彩都是优先向用户输出情感的情感元素,若界面色彩搭配得好能给用户带来极大的情感躁动。界面设计时,色彩数量一般控制在三个以内,同时注意使用颜色突出视觉焦点。若对颜色把控不是很好,可使用品牌色作为APP的主色调,再配以保守中性的色彩作为辅助色,这会更容易被用户接受。 * 一般来说避免色彩数量过多,有助于稳定用户的情绪,增加APP的可用性。 ③ 易于识别的图形设计 虽然设计师们都有意打破极简主义所带来的局限性,但不可否认扁平化的极简主义仍然是当代用户审美的主流。因此,版面设计尽可能减少多余的装饰,注意图形、图像风格的一致性,能有效减轻用户对APP的记忆负担。 二、行为层 即着重实现APP交互上的易用性,帮助用户顺利完成操作,减少用户记忆负担,让用户在使用过程中能获得乐趣和愉悦。 ▲ APP设计如何利用行为层吸引用户关注? ① 设计良好的交互流程 虽然用户所处的生活环境、文化背景等都各有差别,以致影响对APP的使用理解,但由于“心理模型”的作用下,用户大多具有相似的思维逻辑,对于APP的操作路径也有相似的理解。 ② 符合用户操作习惯 想要让用户在使用APP的过程中更加愉悦,就需要通过观察用户的使用行为不断改进产品,设计出偏向逻辑且更符合大部分用户使用习惯的交互方式,从而博取用户的喜爱。 ③ 及时反馈 好的交互设计一定是双向的交流方式,APP在用户使用过程中应给予用户充分的反馈,并加入一点的创新,使用户清楚了解各操作行为的有效性,引起用户的参与感,从而减少用户的负面心理。 三、 反思层 APP中反思层面的情感化设计是基于本能和行为的作用,以和用户之间建立友好的关系。反思层能决定用户对APP的总体印象,让用户在使用APP的过程中能获取满足感和熟悉感,进一步引起情感的共鸣。 ▲ APP设计如何利用反思层吸引用户关注? ① 情感驱动 如果说APP中的行为层更多是与理性大脑进行对话,那么反思层就是和感性大脑进行决定,其关键在于APP能否与用户产生情感上的共鸣。 ② 自我实现 APP彰显的是用户个人的价值取向,因此,如果APP能帮助用户完成自身价值观的生活状态表达,能实现用户更高层次的需要。 APP情感化设计对品牌传播有什么好处? 既然知道了如何让APP更好地向用户传递感情,接下来就要知道为什么APP需要情感化设计,即APP情感化设计对品牌传播有什么好处? 1. 强化品牌标识:品牌的标识无非三种:logo、颜色、吉祥物。部分UGC类APP设计会在闪屏中置入广告,并和品牌标识一起传递给用户,不仅能加强品牌在用户心中的印象,其极具亲和力的特征也会快速被用户所熟知和记忆。 2. 弥补用户在使用过程中可能发生的意外:当用户在使用APP时出现意外时,若采用冷冰冰的术语无形中会增加用户的理解成本,进一步引起用户的焦虑;相反,利用拟人口吻来告知用户发生的事情并提供解决方法,能有效地缓解用户的焦虑,并从APP的引导操作中迅速解决问题。 3. 调动用户情绪促使目标达成:想保持APP的日活跃用户数量,透过以往那种“每日签到”的方式已经难以引起用户的兴趣。这时可以利用隐喻传达,例如小游戏、有意义的活动等,调动用户的情绪,这不仅能提升日活跃用户数量,还能提升品牌形象、用户粘性,增加用户参与度。 总之,一款优秀的APP情感化设计无不是从本能层、行为层、反思层,再从这几个层次横向挖掘,使产品产生更多值得用户关注的发光点。

什么样的banner设计能获得高点击率?Banner广告,是网页设计广告中最早采用的形式,也是目前最常见的线上广告形式。随着移动端的普及和使用,banner设计变得越来越复杂,不少设计师需要考虑的细节也变得越来越多。 banner设计的分类有哪些? 按照不同的分类标准,banner设计也有不同的分类,例如: 按形式类型区分:扁平化banner设计、立体感banner设计。 按促销类型区分:促销类banner设计、非促销类banner设计。 按构图方式区分:左文右图banner设计、左图右文banner设计、居中式banner设计。 按照表现特点区分:年轻化banner设计、文艺范banner设计、品牌感banner设计,以及大气化banner设计。 什么样的banner设计能获得高点击率? Banner设计的主要目的是将活动信息准确地传递给用户,从而起到引流的作用。因此设计banner时,确保用户能明确主题的同时,进而产生购买的欲望。因此,要设计出成功的banner,可从以下几方面入手: ① banner设计策略 banner主要由产品图或模特、文案、背景和点缀元素组成,主体是一般是产品、模特或文案,而背景和点缀元素一般是用于烘托主题、渲染气氛以及突出主题之用。 由于banner设计的目的是快速向消费者传达信息,继而引导和激发他们的购买欲,因此在设计banner时,要考虑目标用户群体和用户需求策划设计风格。另外,文案方面要简洁、清晰、易懂,降低用户的决策时间。文案内容要尽量挖掘用户的某种情怀,抓住用户的注意力同时获得他们的认同,这就能增强用户对产品的接受程度,博取用户的信任。 ② 文字设计策略 大多数人的阅读习惯都是从上往下,从左到右,所以banner的文案排版一般都会分为左对齐、右对齐、居中对齐和自由方式对齐,其中: 左对齐:最常见,最直观且最传统的文字排版方式; 右对齐:比较少见; 居中对齐:比较常见,也容易出现效果; 自由方式对齐:给人错落感觉,能带来较强的节奏感。 无论选用文字排版方式,都要适合版面布局,充分融入到画面中,否则版面会略显好混乱,失去平衡。 说完文字排版的问题,接下来就看看文案字体的选择: 文案字体要与主题符合,尽可能凸显产品的性格和气质,也可以适当地对字体进行变形,使banner设计更具视觉冲击效果。例如:女性类产品可选择纤细类字体,男性类产品可选择粗体类字体,促销活动可选择促销类字体等。 另外字体设计也可选择立体字体,立体字体不仅能使banner更加丰富,更有力量感,而且还能传递很强的促销效果。不过要注意立体字体厚度尽量不要超出字体笔画的厚度,否则会让网页设计看起来比较笨重。 ③ 颜色搭配 无论是网页设计、平面设计还是APP设计等各种类型的设计,色彩选择尽量控制3种颜色以内,而且只能选择一种颜色作为主色,另外两种作为辅助色,突出产品的主要视觉点。 优秀的配色方案不急能给用户带来感官上的享受,还能刺激用户的购买情感。因此,banner设计配色方案主要参考背景、标题、元素和产品素材之间的关系,例如:普通化妆品牌尽量不要选用深色系背景,但高端化妆品牌可透过深色系凸显它的大气奢华之感;电器类选用蓝色、绿色等科技感较强的颜色;食品类可使用红色、橙色等较为鲜艳的颜色,增加用户的食欲… 总之,banner设计的配色一定要符合品牌风格。 ④ 细节表现 所谓细节决定成败,这在设计行业中更是不变的真理。所以设计banner的时候,除了重点考虑以上三个重点,以下的设计细节也是不容忽视: 文字:字体利用错层阴影,文案置于模特或产品背后,会让整个界面更有层次感。字体笔触运用细节连接,减少用户产生阅读障碍的可能。 点缀:常见的点缀元素有直线,用于区分文案内容;几何图形,对界面进行装饰和点缀,从而突出文案。点缀元素要有一定的方向,几何图形可通过不同的属性呈现多样性。 模特或产品:模特和产品都要干净细致,需要优化的地方要做好优化处理,素材也要择优选取。 背景:banner的背景处理多以色彩、纹理、几何点缀三方面处理,呈现立体或微立体效果。 关于设计banner时需注意的地方 用户受众不同,喜欢的风格也不尽相同。但无论设计banner,想要获得更高的点击率,还要注意以下几个误区: 误区一:文案行数和字数要尽量充实 很多banner设计都会将产品所有利益点和特点一一罗列,但文字过多往往会让文案失去侧重点,还会影响用户抓取核心信息的能力。 在确保主要信息完整的情况下,文案行数和字数要尽量精简,突出最重要的信息。 误区二:文案要出现产品全部功能点 虽说功能点的确是产品最重要的卖点之一,但如果产品的功能点与同类产品无差异,又该如何说服用户对产品产生兴趣呢? 好的描述可以很好地表达产品的信息,但并不是所有功能点都添加到banner中,只有作为卖点的功能点才能有机会引起用户的关注。另外,撰写产品功能点时,切记要避免使用偏避词语或专属词语,语句易于理解,才会让用户更了解产品的方方面面。 误区三:文案出现“立即抢购”就能引导用户点击 事实上,即使banner添加了“立即抢购”“立即购买”等引导性语句,其实对banner点击率没有明显的帮助。尤其是banner文案内容较多,出现这些语句反而会使点击率下降。 与其添加引导性语句,不如让banner设计释放更多空间,突出文案重点,反而会让用户更愿意点击。 误区四:堆品效果比单个产品要好 堆品是目前比较常用的手法,但点击率多少与banner的产品数量无关,反而与视觉占比有关。大多时候堆品反而会分散用户的注意力,无法关注主推产品。 通常单个视觉占比小时,可通过堆品让界面设计更丰富;若商品视觉占比本身够大,放置多个产品图反而没有明显提升点击,还会分散主推产品的吸引力。 误区五:背景越有创意越好 很多banner设计为了获得更好的点击率,都会使用有创意的背景。的确创意背景能吸引用户的注意力,但同时也会削弱了产品和文案的存在感。 背景应该是起到补充产品信息、营销氛围和帮助用户理解的作用,即使再有创意绝不能干扰用户对产品和文案的视线。 网页设计要想利用banner提高点击率,banner设计必须站在用户的角度,满足用户浏览需求。无论想设计出怎样的banner,其目的都是吸引用户点击继而引导用户消费,而不是炫耀设计师的设计能力。

如何利用APP下载页提升APP转化率?APP下载页是PC端传播移动端的必备页面,很多人总将APP下载页定位成工具页,认为下载页只是提供下载入口,网页设计再精美,文案再深入人心,也不会使下载量增加,甚至有企业直接套别人的APP下载页就交差,基本不会愿意在上面花费太多心思。 事实上,APP下载页并没有我们想得那么简单。只要抓住以下3个要素,APP下载页同样能为网站增加不少转化率。 如何利用APP下载页提升APP转化率? 要素一:匹配度 用户访问网站APP下载页主要有两种途径: · 从官网首页直接跳转至APP下载页; · 在搜索引擎搜索关键字或其他方式,跳转至APP下载页。 第一种途径,大多都是对APP有一定认识,或本身对APP有兴趣,所以直接从官网进入,这很好理解。 至于第二种途径,一般是网站SEO优化做得不错,网站在搜索引擎获得不错排名,继而引起用户的关注。 事实上透过第二种途径进入APP下载页的访客比例真的不少,但需要确保搜索关键字与APP下载页的相关性,否则相关性较低,很可能会让用户觉得”货不对板“,而离开网站。所以APP下载页必须与“上一页”的信息匹配,让用户感知到这是正常跳转。 此外,下载页面也应该保持清晰及精简。 清晰指的是APP下载页能通过文字、图片等形式,简单直白地告知用户APP的核心定位,以及认知到APP能提供的核心内容,让用户快速判断APP是否满足自己的需求。 精简指的是,用最少的文字表达核心内容,如果文字不能减少还要注意巧妙地突出APP的重点。另外还要注意精简后的文字是否存在歧义,如果文字上有多重意思会让用户产生理解偏差,给用户带来不同的认知。从精简程度上区分,很多时候一段话不如一句话,一句话不如分点论述。 要素二:紧迫感 营造紧迫感,传递给用户“为什么要现在下载”的信息,减少用户因思考而放弃下载APP的几率。那如何给用户“施压”或迫使用户加速下载APP,常用的策略有以下几点: 1. 给用户享受专享福利 这种策略主要用于转化PC端的存量用户,如果PC端和使用APP的权益一样,那么大多数用户会嫌麻烦,而不会愿意下载APP。相反,如果PC端和APP能获得不一样的权益,用户在判断权益是否对自己有利情况,会考虑要不要下载APP。 不过,如果你的APP不是存量转化增量的情况,建议使用针对性的“高诱饵”方式引导用户下载APP,例如下载APP送红包等。 2. 一键安装/下载 这策略主要用于抓住用户的“懒惰心理”。从产品角度理解,用户的懒惰心理可理解为用最小的使用成本获得更高的使用效率,其中“最短路径”就是满足用户懒惰心理的常见方法之一。 所谓用户产品角度的最短路径就是用户动机和用户动作越小,“距离”就越短。 即用户还在为下载APP感到犹豫不决的时候,可在APP下载页面添加浏览器代码,提示用户可直接一键下载APP。 3. 限时优惠倒计时 该策略主要是抓住用户的贪婪心理,同时也是目前最常见又最难用好的测了之一。从产品角度而言,“用户贪婪心理”可理解为通过某些契合用户预期远大于投入成本,即在APP下载页制作时,考虑能给用户带来什么好处,用户会不会为了这些好处而埋单。 在使用这策略的时候,还需考虑公司业务与用户预期的平衡,比如能给用户带来的预期大,但公司收益少,则不利于APP的发展;或者能给用户带来的预期小,但公司收益大,难以吸引用户下载。 要素三:信任感 信任感,能解决的问题只有一个,就是更加快速的转化用户。那如何提升用户的信任感呢? 1. 人对美好的事物都会感到愉悦,所以使用贴近生活或用户熟悉的场景,能使用户与产品产生共鸣。如: Airbnb的首页背景是采用格外强调温馨的环境和卡通般的生活场景;盒马鲜生官网上新鲜美味的水果蔬菜图片等,都是提升用户愉悦感的最佳案例。 除了图片,提炼业务关键字结合用户熟悉的场景并强调突出,也能使用户精神感到愉悦,这不管是多冷门的行业都适用。 2. 专业背书可以是明星代言人、行业大咖,或者比较有优势的体量数据,都加速新访客转化为新用户的最佳方式。 体量数据并不是着重于注册用户数,只要是单位最大或在行业内最有优势的数据都可以选用。 优秀高转化的下载页都是不断迭代出来的,因此除了适当地调整页面布局及实验相关核心文案,还要分析数据和用户行为、APP渠道以及应用市场的区分。同时多观察主流市场,多留意觉得不错的APP设计版本,并不断去思考,相信很快就设计出用户想要的APP下载页面。

关于APP界面设计的排版规则,相信很多朋友随口都说得出来,什么将同属一个集合的元素放在一起,将有关联性的元素靠近些等。但在实际操作当中,却会发现,即使按照排版规则去划分APP界面中的信息,效果依然并不喜人。 下面,香港网页集团将为大家分享,“如何对APP界面设计进行信息划分”的技巧,希望各位阅读后,会对APP布局上有更深入的理解和分析。 如何对APP界面设计进行信息划分? 合理地对界面信息进行划分,能有效组织和整合好信息间的关键,达到一种信息多而不乱的感觉,还能帮助用户了解页面的层次性和内容的组织性。对于内容与内容之间的划分,我们通常会用到留白、分割块、卡片、通栏分割线、非通栏分割线等方式。 ① 留白:增加内容间的间距 技巧:适合有规律性的内容排版,能增加界面的呼吸感 对内容干扰性:弱 ② 分割块:利用颜色差让不同板块产生较强的对比 技巧:适用于有多个板块的内容排版,可通过高亮色让模块间在Z轴上有升起的感觉。注意一屏中分割块不得多于3个。 对内容干扰性:强 ③ 卡片:相当于收纳信息的容器 技巧:一般用于有规律的信息流,能增加页面利用率,区分不同维度的内容,及提升APP的可操作性。 对内容干扰性:强 ④ 通栏分割线:分割线横向贯穿整个页面 技巧:区分更加独立的信息,例如标题和内容的分割。 对内容干扰性:较强 ⑤ 非通栏分割线:用于内容间的区分 技巧:适合内容间的风格,常见于资讯新闻页。 对内容干扰性:较强 各类划分方式的应用场景 看完上述的介绍,我们可以得知根据视觉强弱的比较,可以得出:分割块=卡片>通栏分割线>非通栏分割线>留白。因此,在遇到下面问题时,我们可以采用适当的划分方式,对界面进行布局划分。 案例一:消息列表的布局 消息列表通常都是占据整屏的多个矩形块,而且这些矩形块的内容互不干扰,但是结构相似,能体现出整体性,因此为了减少干扰视觉的元素,可选择视觉干扰强度较小的留白(A)来处理。 如果选择通栏分割线(B)处理,虽然每块都充满独立的味道,但整屏分裂感很强,容易干扰界面的易读性,因此可改为非通栏分割线,能确保信息之间的某种关联性。 案例二:模态框的布局 这里存在相关、同类和包含关系的元素,通过留白(A)的方式来控制,能让将界面变得整洁,同时减少干扰内容的元素,大大提升用户阅读流畅性。 如果选择通栏分割线(B)处理,这里会出现背景面积和分裂感这两大问题。模态框面积小,如果整个页面都是分割线,会影响阅读流畅性及界面的美观性。这里可以改为“保留标题下的通栏分割线,将按钮上的分割线改为非通栏风格线,其他省略。”这样界面就会变得更加整洁干净。 案例三:卡片的应用 卡片的应用场景非常多,很多APP界面都会时常它的身影。到底,卡片有什么好处呢? · 能清楚划分模块内容,归属不同维度的内容,让用户一目了然; · 横向的延展性,为了在一屏里放置更多类型的模块,我们时常会将同类模块横向摆放,节省空间还能凸出界面的整体性。 不同分割方式都有其优点和缺点,以及适用范围,因此在实际设计工作中,为了能更好地呈现内容及功能,千万不能盲目追求设计趋势,选择合适的才是最好的。

赏心悦目的动效设计已成为APP设计中不可缺少的部分,目前APP设计中的动效主要分为两类:转场特效和反馈提醒。 转场特效,多应用于页面切换、加载等,通过柔和的过渡效果,让APP操作过程变得更有趣味性;反馈提醒,则是通过界面内元素的动效,增加APP的交互性,同时引导用户更好地完成操作。 那么,APP动效设计应该在什么时候做比较好?   动效设计需要设计师无限的想象,无论设计怎样风格的动效设计,设计师都非常乐意将其设计得有趣有爱且充满个性。但,APP动效设计应该在什么时候做比较好呢? 1. 等待一个“有意义”的理由 面对等待,我们需要耐性。充满个性有趣的动效的确能让用户更加喜欢你的设计,但如果这个动效“毫无意义”地出现,可能会让用户产生疑惑。因此,设计APP动效时,一定要告诉用户,其出现的理由到底是什么。 2. 增加“点击”操作 想让用户点击页面某个地方,但用户常常“视而不见”?增加动效,吸引用户的注意力,让用户不再“有理由”放过“点击”这一操作。 3. 让效果与众不同 页面重点内容与其他次要内容太相似,导致存在感太低?给它来一个不一样的点击效果,提高它的存在感,不让用户有错过它的机会。 如何让APP设计增加动感? 知道什么时候为APP添加动效设计,就需要考虑如何给自己的APP设计增加一丝动感,具体怎样做?下面一起来看看! 1. 将元素改为个性化内容   市面上绝大多数APP都会使用加载动画,为界面增加趣味性之余,同时减轻用户因等待所产生的焦虑感。但如果想要突围而出,让人眼前一亮,可以设计个性化动效得同时彰显产品品牌,增加用户对品牌的认知度。 2. 更换产品的运动方式   除了旋转运动,设计APP动效还可以选择重复、构建、变形、拟物、拟人等效果。其实只要APP动效符合产品定位,为其设计出独特的运动方式,无不是吸引用户注意力,增加用户记忆的好方法。 3. 赋予明显的交互反馈 冷冰冰的点击和出现,往往让用户比较反感。因此为重要元素适当地增加动态效果,如:渐隐渐显,位移,放大缩小,光晕,分布等,不仅能起到很好的引导效果,也能让用户更愿意选择点击操作。 合适的动效设计能让用户在使用APP时不再感到陌生和冰冷,通过瞬间丰富的变化,能给用户带来更好的体验,让他们感到愉悦。但也并非所有动效设计能有这样的效果,要想让APP动效设计发挥到极致,就需要满足产品的需求,同时能匹配用户应用的场景诉求。

MENU
網頁設計公司