当前位置: 首页 >> APP界面设计_APPUI设计_APP设计素材 >> 阅读正文

大神教你移动APP设计:什么是基于场景化的设计

任何一款移动APP产品都是基于场景化的移动互联网产品。所以,基于场景的设计的技能也是每一个APP设计师必学的一项技能。

如果你还不懂什么是基于场景的设计?没关系,今天25学堂跟你一起来拜师阿里大神,跟大神从现有大量APP案例当中学习基于场景的设计。

基于场景的UI产品设计,让移动终端获得天然的优势,得以针对用户实际所在的场景来设计,以设计出更加贴心的体验。

之前,学堂发布了一篇《移动APP界面设计课程:APP场景思考与设计篇》的博文,感兴趣的可以继续阅读一下。

非常有创意的app设计

 

下面是根据不同App和用户使用场景,APP来推送相关消息的场景。学堂的小编收集的一些APP案例。

App类型 推送场景 推送内容
资讯 突发事件、吃饭时间 重大头条、本地新闻
天气 早上、用户地理位置变化 气象灾害、污染、雨天提醒
电影 周五、优惠折扣 周末观影、热门电影
购物 处于购物街或美食街、节日促销 周边优惠信息、秒杀、抢红包
健身 工作日晚上、周末 运动量统计、健身提醒
应用市场 处于wifi环境 最新App推荐
理财支付 股票变化、购物节、年初年末 金融资讯、支付优惠、账等等众多APP基于场景化设计的作品。

下面是从用户角色、使用场景上分析,主流音乐 APP(QQ 音乐/百度音乐/虾米/网易云音乐等)在体验上的APP布局设计。

app基于场景化设计的案例

 

以上音乐APP的操作场景分析: 

A. 室外嘈杂的移动环境中:

如公交、地铁上,或室外步行时,倾向于选择播放已知的本地歌曲,比较在意流量和电池容量。听音乐作为一种打发无聊(如下班途中站在地铁里,不便做其他事情)、放松心情(如上班途中,坐公交上听音乐闭目养神)的途径。习惯听歌时随手锁屏,利用物理键调节音量。

(关于线控,一般用户可能不知道、或不太会、或不习惯用,更可能会解开屏幕后直接在APP上操作切歌、暂停、调节音量等——音量调节可能还是用物理键的多;而且很多时候,摸摸手机已成为打发无聊和消除尴尬的下意识行为模式。但一旦用户成长,了解并学会了使用线控后,用的意愿应该会很强)。

这种环境下,主要是听熟悉的歌曲,能有心情去探索未知歌曲的情况较少。

music_player_1x (1)音乐APP设计模板素材

B. 工作室内环境中

在公司时,听音乐可以舒缓压力、调节心情,提高工作和休息效率。

为了不影响工作状态,要求播放器界面简洁、操作简单,“电台”会是较好的选择。

个人感觉,如果听太熟的歌,就像接收一些物理符号序列,会让人变得机械;如果听最近很喜欢听的歌(新鲜感还保持得很好),则易让人陷入歌中的情绪,进而影响工作。因此,在工作中“与歌曲情绪保持必要的距离”就显得有必要。从这点来讲,听“电台”,尤其是曲风清新柔和的频道,也是比较适合的。(这段是个人粗见,存疑。也排除了那些本身就要求激发自身情绪的工作,如艺术创作、职业游戏对战等)。

 

C. 家庭室内环境中

在家里时,状态一般比较放松,时间上也充裕,这时,听,要求听得爽,操作复杂性的可容忍度较高;探索新歌的意愿增强;一旦找到了喜欢的,与大家去分享这份喜悦的意愿也会大大增加。

在线搜索、试听、下载,甚至于分享、评论等社交功能的使用机率都会大幅提高。

网易云音乐APP首页

 

最后,25学堂再来跟大家重点讲解下: 什么是基于场景的设计呢?

如果上面的案例,还没有了解什么基于场景化设计。

我们再来以电影APP为例来说明下:

以看电影为例,在整个看电影的过程中,涉及到的主要场景有以下六个:

线上买票-去电影院-线下取票-检票入座-观影-评论吐槽。

基于场景化设计的电影APP案例

基于看电影涉及到的场景,格瓦拉app设计了一个基于场景的功能:当用户在格瓦拉购票成功后,首页会出现一个人偶小浮标,在不同场景下点击该浮标,会出现不同的内容,例如在去电影院的场景下显示影院地理位置以及滴滴打车入口;线下取票场景显示取票二维码可以快捷取票;线下取票后再点击小浮标显示电影开始时间以及座位号;观影后显示别人的评论以及吐槽入口引导用户去评论。

对上面的案例总结归纳后可以得出,格瓦拉APP是基于用户看电影这一系列场景的判断与分析,理解用户每一场景的痛点及需求,结合上文场景,预期用户下一步的目标及意图,通过设计缩短关键流程,辅助用户提高操作效率。

通过对大量案例进行分析归纳,将场景设计的概念简单归纳为:基于场景,理解需求,预期意图,进行设计。

今天学堂君就跟大家聊到这里,主要想要给大家灌输什么是基于场景化的设计。方便大家理解和下一篇的APP场景化设计升华提供基础。

 

未完待续……    下文,我们继续讲解如何基于场景化来进行APP设计!

 

 



无觅相关文章插件,快速提升流量

本文标题:大神教你移动APP设计:什么是基于场景化的设计

本文地址:http://www.25xt.com/appdesign/13285.html

本文关键词: , , ,

除非注明,本站文章均为原创或编译,转载请注明出处和原文链接,转载同时请务必保留原网站网址。