app空白页面设计思路分享

在我们的产品中空白页面出现的场景主要有五类:

●用户完成/清空了内容:收件箱、任务列表

●操作无结果:搜索无结果、识别无结果、筛选无结果

●出错页面:404、无网络

3.空白页面需要解决的问题

●告诉用户当前页面的信息状态/出现了什么问题

●告诉用户解决方案并引导用户进行操作

●传达品牌定位、格调和气质,与用户建立情感链接

二.需要空白页面的场景及设计思路

通过上方内容我们了解了空白页面出现的场景和可以解决的问题,接下来我们就看看在不同的场景下,空白页面的设计思路。

1,用户初次使用无内容

几乎所有的app都会出现这样的场景,它的设计小技巧有以下六个方面:

①告知用户当前状态

这个时候对用户来说最重要的就是要告知用户当前状态,我们也会遇到有些APP的空白页面什么内容都没有,这样很容易给用户造成困扰,不确定这个页面是什么情况,是网络不好没加载出来呢,还是就是没有内容,所以最简单的方式是通过文字进行最直观的表达

●无XXX--无内容/无结果

●暂无XXX--暂无评价/暂无订阅

●还没有XXX--你还没有自己的专题哦/居然还没有订单

●XXX是空的--收藏夹是空的

●尚未XXX—尚未开通专栏

有些APP为了增加趣味性,会将文案进行了调整,用一些简单、俏皮的语言进行表达,会给用户特别不一样的感觉,一般会出现在购物类、音乐类、社交类等生活娱乐类产品中。

●大神什么都没有赞过耶

●这个星球找不到

●购物车空空的

●居然还没有订单

●虾米也没有--虾米音乐

●空空如也,请请勤劳发帖--最右

●大神什么都没赞过哎~--最右

●与人互动,心自徜徉--最右

●有喜欢的记得告诉我--淘票票

②提醒用户这里会出现什么内容

●这里可以管理下载的音频--得到

●下载的音频会出现在这里--得到

●这里可以看到近7天你所赞过的图片哦--好好住

●Mark一下,养肥再看我的收藏--36Kr

③引导用户进行操作

初次进入的用户面对空页面,产品一方面需要让用户知道自己当前的状态或者之后这里会出现什么内容,另外很多页面其实是需要引导用户进行进一步的操作,增加数据,互动等信息,因为只有当用户与平台进行了交互,被留下来的可能性才更大,所以现在很多产品都倾向于在空页面引导用户进行操作。

具体的引导方式有两种,一种是通过文案进行说明,另一个更直接,会在页面上放置操作按钮或者链接,让用户直接到达操作页面。当然很多时候,这两种方式是结合在一起滴。

●这里需要你的态度--36Kr

●该合集下还没有缓存视频,在详情页可点击离线缓存按钮进行缓存--腾讯视频

●来发布第一个问题吧

●发表提问,大家帮你回答--咸鱼

●36氪还没有你的脚印,去首页看看吧--36Kr

●最近没有和好友互动过,快去找他玩耍吧

●点我发树洞什么是树洞--最右

●木有内容,快来补充吧--最右

●无法定位请在设置中打开“位置”开关,以查看附近听音乐的人

●还没有人留言,还不快来抢沙发--咸鱼

●收藏分类效率翻倍快来创建第一个收藏加吧新建收藏夹--马蜂窝

●你还没有发布过整屋案例先参观一下住友们的家--好好住

●暂无商家收藏你可以将喜欢的商家收藏到这里随便逛逛--美团

●你还没有清单,创建一个体验下吧创建清单--美团

●购物车还是空的快去抢几件折扣好货去抢购

●你还没有超赞哦去发布宝贝,获得更多超赞吧!发布宝贝--咸鱼

●暂时没给任何赞赏有时候,鼓励他人是一种心意--虾米

●居然还没有订单好东西,手慢无去逛逛

●你还未给喜爱的TA加油呢,快去送人气吧--腾讯视频

●竟然一个脚印都没有留下明知买买买是个泥坑,还是忍不住往里踩--淘宝

●购物车竟然是空的“再忙,也要记得买点什么犒赏自己~”--淘宝购物车

④增加情感化文案

马蜂窝

●这里暂时还没有内容,愿你在每一片开阔浩瀚的海面上,都有碧海蓝天收入眼底

●这里还没有内容,愿你在每一个薄暮晨光的早上,都能被阳光亲吻

●这里暂时还没有内容,愿你在每一片一望无际的田野上,清风都掺着淡淡麦香

●这里暂时还没有内容,愿你在每一条川流不息的道路上,都能捕捉到沿途的精彩

●这里暂时还没有内容,愿你在每一个夜深人静的晚上,都有一片好思绪

下厨房

●等候着第一封信美味调剂生活,订阅你最喜欢的美食栏目,将会在这里收到最新的高人气菜谱和美文去看看值得订阅的栏目--下厨房

●创建菜谱的人事厨房里的天使开始创建第一道菜谱--下厨房

TIM

●通过,让沟通更顺利用心倾听,真诚对话-TIM

●来到了内容的荒原暂无本类型文件--TIM

●邮件,让工作更专业收不到邮件?获取帮助开始写邮件--TIM

⑤操作引导

用户知道当前页面状态了,但是对于功能,用户可能不理解,或者不知道该怎么做,就需要给用户提供一个操作指导入口

⑥直接推荐内容

可以推荐内容或服务

●招聘类网站未收到邀请的页面,会在这里推荐简历置顶服务,告知用户使用这项服务后简历被查看的次数可大幅提升!

2.清空

这里需要给用户一些积极、肯定、鼓励的语言或语气:

●你已经读完所有消息了

另外,有些产品会在空页面说明自己产品的功能卖点,增加用户的好感度。

●您暂时没有可以清理的账号我们会定期帮你找出那些关店的,六个月没有看过的,以及你可能不喜欢的账号哦,很智能哒!

4.已结束/未开始/被删除

在购物类APP中经常会有优惠券发放、或者店面活动,当活动结束的时候要用空白页面承载信息告知用户当前状态,来缓解用户未得到的失落感

●手慢了,本店代金券被抢完--饿了吗

●本店打烊啦暂时不接受新订单--美团外卖

●优惠券正在生产中,敬请期待--36氪

●问题被删除

5.错误状态

通常有两种情况会出现当前页面,一种是网络连接失败,一种是页面不存在了/404页面。

①页面不存在的话只需要给用户说明当前页面不存在了或访问不到,设计一种有趣好玩的情感化场景来环节缓解用户的焦虑感。

②网络连接失败的话,有3项信息是可以给到用户的,一是告知用户当前连接失败,二是给用户解决问题的途径,三是给用户反馈的途径

告知/引导

●对不起,您访问的页面已不存在

●网络不给力哦点击页面再试试吧~--爱奇艺

●网络未连接,请检查网络设置刷新重试--爱奇艺

●视频加载失败,请稍后再试点击重试--腾讯视频

●当前网络状况复杂,请尝试使用其它查看连接失败的原因及解决方法

●网络不给力,请稍后重试重新加载--手机百度

●网络请求失败,请点击重试刷新试试

反馈

●网络竟然崩溃了别紧张,试试看刷新页面报错/刷新--淘宝

6.搜索/筛选无结果

对用户来说出现搜索无结果的错误类型可能会比较多,一个可能是数据读取有问题可以引导用户再次操作;一个可能是因为关键词不对,需要更换关键词;也可能是因为筛选条件太多,没有交集;或者是当前产品中就是会缺少某些内容,需要用户辅助进行内容的补充完善,所以要根据产品经常存在的问题,来决定搜索无结果的内容。

THE END
1.如何制作美食制作美食是一个涉及多个步骤的过程,包括规划、采购、准备、烹饪和呈现。以下是一些基本的指导原则和步骤: 选择食谱: 确定你想制作的菜肴。 选择一个适合你技能水平的食谱。 准备食材清单: 根据食谱,列出所有需要的食材和调料。 采购食材: 去超市或市场购买新鲜的食材。 https://blog.csdn.net/2403_89468926/article/details/144396190
2.跨学科主题学习实践与探索—以“校园菜谱我做主”为例1.设计思路 本节课为《营养菜谱我做主》单元的第二课时内容。课前回顾上节课内容让学生再次明确单元问题。任务一通过让学生自主观看在Excel中数据“排序”微课,学习如何使用排序操作整理上节课用问卷手机的数据,调查学生们最喜欢吃的菜品,感受数据的价值,并且根据数据处理结果小组合作设计菜谱初稿。接着引入菜单中需考https://tpd.xhedu.sh.cn/cms/app/info/doc/index.php/92749
3.菜谱APP体验创新三、寻找思路:选题活动的分析 菜谱app属于吃和学的活动,活动也可以多种多样,比如聚餐、美食节目,菜品比赛,现场、视频教学等等。。。以下主要是通过聚餐,比赛,视频教学,美食栏目一系列活动进行分析,分析动机和情感体验。 1、活动分析:动机和体验 (1)聚餐:中国人会有一种传统,将自己的好朋友或者是亲人约到家里来吃https://www.jianshu.com/p/69b03a6f41db
4.前端微信小程序仿菜谱精灵51CTO博客前端微信小程序仿菜谱精灵,需求描述及交互分析设计思路和相关知识点底部标签导航设计幻灯片轮播效果设计菜谱专题列表显示设计菜谱专题详情设计菜谱分类设计幻灯片轮播效果动态切换展示一些美食图片若本号内容有做得不到https://blog.51cto.com/u_15049775/4364393
5.《营养午餐》教学设计【设计意图】营养的菜谱有许多,我们不可能例举出所有的,所以我们以“三种午餐”菜谱为依托进行教学,从对各种菜肴中“热量、脂肪”两大指标数据的比较中认识“营养”,同时让学生在营养专家熊博士的话语中真正了解“什么样的菜肴是营养的”。 三、运用指标,学会判断 https://quan.qlteacher.com/u/5378468bf66f238fb3ae5ff1/blog/631fd3d38df664000171b44a
6.宴会菜单Word模板宴会菜单Word模板下载关于母亲的生日宴会的菜单及酒水单设计 10 中餐宴会毕业菜单设计寓意名 00 毕业宴宴会菜单 00 宴会菜单设计多选题及答案 00 一、毕业设计内容 中餐主题宴会设计 二、设计要求 字数2000字以上,图文并茂,禁止抄袭。 内容包含: 1、主题宴会设计思路 2、餐具、桌布、口布等选择与思路 3、中心装饰物设计与选择 4、菜单https://www.tukuppt.com/wordmuban/yanhuicaidan.html
7.菜品搭配方案(通用9篇)3、以中高档(人均消费90~110元)为次辅,占营收比例10% 菜谱设计要求: 图文并茂,且图片清晰、排版要层次分明,色彩柔和并有视觉的冲击感。绿色为主色调。排版样式:照片 价格 1、招牌菜、2、经典菜、3、其它地市风味菜: ⑴常德钵子菜系列﹙干锅、砂煲、石锅等﹚ ⑵衡东土菜 ⑶浏阳蒸菜 https://www.360wenmi.com/f/fileq3i9kc5m.html
8.手把手教你从0到1做一个上传菜谱的交互流程与原型设计,还不快编辑导语:相信很多人都会觉得做交互设计很困难,其实不然。这篇文章作者详细介绍了如何从0到1做一个上传菜谱的交互流程与原型设计,感兴趣的小伙伴一起来看看吧。 今天继续给大家讲交互方案的设计思路。你们会发现其实想做交互设计比UI设计难很多,那为什么交互设计比较难呢?因为UI设计相当于从0.5到1,而交互则是从0到https://maimai.cn/article/detail?fid=1728139561&efid=qeHGW-nCvK_kGJhBkISc3Q
9.Sysco:全球最大的供应链企业Sysco同时为企业提供其他增值服务,诸如依据餐厅在Sysco Cake平台上搜集的的用餐消费数据与信息,Sysco帮餐厅设计并改进菜谱等增值服务。 (3)质量保障体系 Sysco还建立了200多人的质检团队,对食材的采集、仓储、加工、运输等各个环节进行监控。公司还建立了完善的食品安全评估、制作工艺、员工卫生、质量管理体系,以及产品溯https://www.foodtalks.cn/news/44052
10.菜品研发的计划方案(5)、经反复改良,达到设计要求。 (6)、制作样菜图片及存档。 (7)、研发部负责创新菜的质量监督。 (8)、研发总监负责确定品质标准。 研发质量控制 1、确定用料标准,操作标准及盛放器皿。 2、制定品质标准,检验标准。 3、新菜品应反复制作练习,使其色、香、味、型、质量最大限地达到预期效果,并保持质量稳定。https://mip.cnfla.com/fangan/722608.html
11.案例解析美食类APP“懒饭”设计思路深入解析静电说:今天的案例解析栏目我们推出的是美食类应用“懒饭”设计思路的解析。懒饭是一款设计舒适优雅,易用性强的美食类应用,目前已经获得了APP Store的推荐。静电也是抱着试试看的心态下载来用的,没想到用起来还是很爽的,今天就跟大家来一起进行这个应用的解析。 https://weibo.com/ttarticle/p/show?id=2309404746938708000821
12.菜购——项目系统设计与数据库设计菜购三、设计图与设计思路 3.1 体系结构设计 3.2 功能模块层次图 3.3 类图 3.4 数据库ER图 3.5 数据库表结构设计 数据库拓扑图 用户表 超市管理员表 App管理员表 标签表 地址表 菜谱表 菜谱状态表 菜品(食材)表 菜谱菜品关联表 自定义菜谱表 自定义菜谱菜品关联表 https://www.cnblogs.com/caigous/p/14695926.html