专业的短链接生成工具
链接域名
短网址有效期
nullair:怎样做好App的引导页?
更新时间:2025-5-9 13:12:37 作者:爱短链
当你第一次打开一个应用程序时,你经常会看到精致的指南页面设计,它们会在你使用产品之前提前告诉你产品的主要功能和特点。
第一印象的质量将极大地影响后续产品的使用体验。
因此,各公司都在努力设计这些页面,从一开始就引人入胜。
接下来,我将与您讨论指南页面的设计。
一、区分目的 根据引导页的目的和出发点,可分为功能介绍、使用说明、推广和问题解决。
一般来说,引导页不超过5页。
1.功能介绍 功能介绍指南页面主要是展示产品的主要功能,让用户对产品的主要功能有一个大致的了解。
大多数形式都是通过文本配合界面和插图来显示的。
以易信为例。
文本分为两个层次:大标题和小标题。
大标题是主要功能的总结。
小文本是对其功能模块的详细描述或进一步补充说明。
2.使用说明类 使用说明指南页面是为了提前告知用户在使用产品过程中可能遇到的困难、不清楚的操作和误解的操作行为。
这些指南页面大多是用箭头和圆圈标记的,主要是手绘的。
以虾音乐的指南页面为例,解释了难以找到的箭头指南,以及歌词的操作模式。
3、推广类 除了介绍一些产品功能外,推广指南页面还希望传达产品的态度,让用户更好地了解产品的感受,并考虑与整个产品风格和公司形象一致。
如果这种指南页面不够有吸引力,用户只会不耐烦地想要快速通过。
制作一个优秀和有趣的指南页面,用户将停下来观看。
以淘宝旅游为例。
淘宝旅游通过新鲜生活场景的插图创造产品。
这是一个享受生活和跟随感觉的旅行应用程序。
在你旅行之前,你可以帮助你计划所有的行程安排。
只要你有一个行李箱,你就可以这符合产品的概念。
另一个应用程序选择安静舒适的照片和简单的文字来渲染产品的基调。
4.问题解决类 问题解决现实生活中遇到的问题,直接触及痛点,通过最终的解决方案,让用户有情感联系,让用户对产品有良好的印象,增加产品粘度。
QQ浏览器的引导页设计通过图像插图直接明确说明QQ浏览器解决了其他浏览器遇到的问题(找不到小说,花钱看小说,需要更新小说等。
二、表现方式 1.文本和界面的组合 这是最常见的引导页面,短文 该功能的界面主要用于功能介绍和说明指南页面。
这种方法可以更直接地传达产品的主要功能,缺点是过于模式化,显得相同。
2、文字与插图的结合 文字与插图的结合也是目前常见的形式之一。
插图具体,主要使用场景和照片来表达文本内容。
3.动态效果和音乐 除了静态页面,动态页面开始流行。
单页采用动画的形式,考虑各组件的顺序,打破原有的沉默,让页面移动。
同时,可以考虑页面间切换的方式,将默认的左右滑动改为上下滑动,或者在几秒钟内自动切换到下一页。
在浏览引导页面时,尝试添加一些符合动态节奏的音乐,这将是一种更新颖的方式。
4、视频展示 打开后,通过播放视频来介绍产品或传达一个概念。
这种方法在部分生活记录应用程序中更为常见,如摄影和体育应用程序,以传达青春活力和积极乐观的生活态度。
优点:直观、动态、生活。
缺点:应用程序较大,视频播放会卡住。
三、总结 以上对指南页面的目的和表达方式进行了分类。
在具体的设计中,我们还必须注意一些原则,这将使您的设计更具吸引力,并有更好的信息传输效果。
文案简洁全面,突出核心。
根据爱尔兰哲学家汉密尔顿的观察发现的7±2效应,一个人的短时记忆至少可以回忆5个字,最多可以回忆9个字,即7±2个。
因此,显示的文案应控制在9个单词以内,用户容易忘记,记忆偏差。
若表达困难,可辅助一小段文字进行解释或补充。
因此,在确定最终文案时,要突出重点,尽量删除多余的文字。
如果文案删除后字数仍然过多,则考虑通过空格、逗号或换行来分层文本进行视觉优化。
准确恰当的文案也很重要,将专业术语转化为用户能理解的语言。
特别是引导页面设计通过照片表达主题,文案与照片的一致性直接影响情感传达的效果。
2、视觉聚焦 在单个引导页面中,信息不应该太多,只有一个目的,所有的元素都围绕着这个目的展开。
视觉焦点包括两部分,一是文案处理,注意水平,主标题和副标题;二是引导页面界面、场景、文案具体元素,有视觉焦点,多个视觉元素排列采用中心扩散,焦点视觉面积最大,与扩散元素进行比较。
这样,用户就可以清楚地看到与文案对应的核心文案信息的视觉表达元素。
同时,结合视线流动的规律,从上到下,从左到右,从大到小。
因此,引导页面的设计可以根据视线流的规律进行。
下图为天猫客户指南页面,分析其视觉流发现,浏览顺序从插图到主文案,再到辅助文案,缺点是插图而不是文案,插图相对文本理解相对困难,因此未能快速获得页面的主要信息,可以考虑文案和插图的位置,所以会更好。
3.情绪化 A、文案具象化 通过特定的元素和场景来表达文案,以现实主义和半现实主义的方式来表达,一些应用程序也将与水彩画风格相匹配。
以天猫为例,天猫是一个购物应用程序。
在设计中,通过对购物中心和商店实际场景的具体描述,呈现出轻松愉快的购物过程。
B、页面动态效应、页面间交互模式的差异化 此前,动画和页面切换已经讨论了表达方式的分类。
如果增加页面动态效果,使用动态效果,包括放大、缩小、平移、滚动、跳跃,表达形式更加多样化,将使指导页面更加有趣和集中。
除了传统的卡片左右滑动方式外,页面之间的切换方式还可以结合线条和箭头进行指导,通常与动态效果相匹配。
例如,网易新闻客户端和印象笔记·食引导页面的设计中,他们使用线条作为主线贯穿整个引导页面,小点显示当前的浏览进度,在滑动过程中具有滚动视差的效果。
4.符合产品和公司的基调 引导页面的视觉风格和氛围应与产品和公司形象一致,以便在用户使用特定产品之前为产品设定相应的基调。
产品的特点决定了指南页面的风格,产品是消费、娱乐、工具或其他,根据不同的产品特点决定了指南页面是轻松娱乐、小新鲜、规则、有趣的风格,在最终的表达形式将有完全不同的显示,是插图、界面、动画或其他。
比如淘宝的娱乐,豆瓣的清新文艺,百度的工具,蝉游记的休闲等等,通过对比可以发现它们在引导页设计上的差异。
一方面有利于产品一脉相承,与产品使用体验一致;另一方面也会进一步强化公司形象。
以交流为例,交流是个人用户的及时通信应用,主要集群、阅读后焚烧、敲门等不同于微信的有趣功能,也想为用户创造不同的功能IM沟通方式。
所以在引导页面的设计中,通过有趣甚至有点搞笑的动作和表情来表达这样一个有趣快乐的产品。
另一个例子是网易彩票。
引导页的主色为与网易本身红色一致的红色,在公司产品系统性上保持高度一致。
简而言之:如果你想做好指导页面的设计,在了解用户对指导页面的需求的基础上,有对产品的热爱,依靠精致的布局,巧妙的构思,适当的氛围渲染,然后添加一点特点。
当然,仅仅谈论它是无聊的,或者设计师需要在特定的设计中不断实践,总结新的观点和方法,探索独特的指导页面设计。
作者:nullair 来源:http://www.jianshu.com/p/8edd3c1ec51e 去年今天的运营文章 2021: 抖音直播账号的核心逻辑(0) 2021: 8.如何在0时代玩微信营销,挖掘用户最大价值(0) 2021: 思维导图(0) 2021: 读书笔记《高效人士的七个习惯》(0) 2020: 互联网运营增长指南(0) 原创文章,作者:爱操作,如转载,请注明出处:https://www.iyunying.org/social/app/34498.html