细节为王!聊聊场景设计的3个关键作用(附案例) - 优设-UISDC

细节为王!聊聊场景设计的3个关键作用(附案例)

2015/07/08 12290评论区

scene-design-3-key-function-1

编者按:场景说起来简单,事实上有很多设计师会忽略,本文提到的百度谷歌也中枪了。今天@ME网易移动设计 给同学们聊聊场景的3个功能,如何用场景探索功能,用场景寻找痛点以及用场景讲故事,正反例子都有,能帮你直观易懂地理解场景设计的厉害之处。

关于场景的作用,这篇线下实践绝对让你受益匪浅:《重磅推荐!如何设计传单才不会被人随手扔掉?》

如果问近期使用的哪款App给了我糟糕的体验,我一定会说是某地图频繁出现的升级引导页。每次在大街上手忙脚乱的打开App找地图的时候都发现,泥妹啊,不是引导页就是求好评。

wy20150708 (1)

可以想象一下,在什么场景下,你会使用地图呢?查公交地铁的时候、在外面找不到路满头大汗的时候、开车需要导航的时候……大部分都是在移动场景下,有非常明确的目的,并且比较紧急。对于这种效率类应用,引导页做得再好看再有创意,对于着急的、正在移动中的用户来说,也是一种极大的干扰。而对于那些阅读类或是娱乐类的应用来说,用户在使用时的场景往往是有些无聊、很空闲的状态,这时精心设计的引导页可能会让用户觉得很有趣、很有创意,应用得当的话,可以提升App的品牌感。

同样一个引导页,对于不同场景下使用App的用户来说,有的会变成讨人烦的干扰,有的会变成吸引用户的亮点,可见场景的重要性。

所有人都在说场景场景场景,场景很重要,那么做设计时,思考场景可以为我们带来什么呢?

用场景来探索功能

毫不夸张的说,场景足以造就一个功能,甚至一个产品。

曾经红极一时的听歌识曲应用SoundHound,就是找准了一个场景,作为整个产品的卖点。听音乐、搜音乐的app比比皆是,但在生活中,我们可能在出租车上听到一首很棒的曲子,或是在看电影时爱上一首背景音乐,并不是每一首我们想搜的歌曲,都能知道它的名字。场景来了,核心功能也就来了,找准了这样一个用户场景,于是SoundHound火了。

wy20150708 (2)

微信中的很多功能也都与场景有关,比如与好友分享地理位置这个功能。其实很久以前,我就想过两个人约好在商场或是什么地方见面,总是离的很近但又找不到对方,打电话说也说不清楚,为什么没有一款产品能分享地理位置呢?多么典型的一个场景,于是乎后来发现微信做了。

再比如很多音乐电台类App都有的睡眠定时功能。郭德纲相声陪我度过无数失眠的夜,但有时突然半夜惊醒,发现老郭还在说相声呢,醒来后关掉App却又睡不着了。说到这里,睡眠定时功能就来了。场景有了,设想一个新功能是那么的顺理成章。

用场景来寻找痛点

当你的产品慢慢进入成熟期,不知道如何优化时,不妨通过场景来寻找用户的痛点。

先举个反例。有一次使用GoogleMaps找路,过红绿灯时跑了几步,突然手机就震了,界面下方弹了个窗,问我是不是要报告数据问题。报告数据问题?啥意思?我做了什么?我不知所措的点了关闭。后来又几次走路时甩手的幅度有点大,反馈弹窗又出来了,慢慢才知道,原来在使用地图时摇晃设备就会发送反馈。在使用一般的App时,摇一摇确实是个比较低频的手势,要刻意去晃才会呼出操作。但使用地图时,有可能跑两步,有可能甩甩手,有可能公交地铁太晃,对使用场景的估计不足,很容易引起误操作。

wy20150708 (3)

再来看看今年WWDC苹果对Mac OS的一个小更新,巧妙的通过场景,解决了用户的痛点。很多人都会有这样的经历,在使用电脑时会找不到光标在哪,每当这时,都会使劲摇动鼠标。苹果抓住了用户的这个痛点,当快速摇晃鼠标时,光标就会变大,多么贴心的设计,解决了在越来越大的屏幕中找不到小光标,给用户带来的烦恼。

wy20150708 (1)

这样贴心的细节设计还有很多。比如下厨房,用户在浏览菜谱时不会锁屏。想想做菜时的场景,一手拿着铲子一手端着锅,一边看着菜谱学习怎么做,如果此时锁屏,我要放下手里的厨具,或是切着一半的菜,擦干净满手的水和油,再去点亮手机屏幕。时刻想着用户的使用场景,才能做出最贴心的设计。

用场景来讲故事

会讲故事的人,总是比较容易吸引观众,得到认同。而场景,是将人们带入故事的一个好方法。无论是设计评审时打动老大,还是产品介绍时打动用户,通过场景来带出你的功能或是卖点,总是最能引起大家的共鸣。

苹果就是个会讲故事的公司,看看它的广告,每次都是串联起用户使用苹果产品时温暖动人的小细节,用最直接的使用场景来打动用户。

在功能介绍时,苹果也不会平白无故的扔出一个新功能,说我们做了啥啥啥,很棒哦,而是会先描述一下使用场景。这是一个早上,你在卧室中刚刚起床,每天早上,你都会先打开一个App听一段舒缓的音乐,这时,iPhone会根据你的习惯,每到早上的这个时间,在屏幕左下角出现这个App的icon,让你可以快速打开。或是描述另一个场景,每天你在健身房运动时都会听音乐,而这时当你给iPhone插上耳机,音乐就会自动播放。

wy20150708 (4)

带着场景的功能介绍,不再干瘪无力,也更有代入感。

说了那么多,下次做设计时,当你无从着手时,记得想一想用户的使用场景,也许会有新的火花!

【青椒姑娘的设计课免费开班啦】

第一期:《青椒姑娘的设计课!从零开始教你学版式设计(一)》
第二期:《青椒姑娘的设计课!从零开始教你学版式设计(二)》
第三期:《青椒姑娘的设计课!从零开始教你学版式设计(三)》
第四期:《青椒姑娘的设计课!从零开始教你学版式设计(四)》
第五期:《青椒姑娘的设计课!从零开始教你学版式设计(五)》
第六期:《青椒姑娘的设计课!从零开始教你学版式设计(六)》

作者:@ME网易移动设计

【优设网 原创文章 投稿邮箱:2650232288@qq.com】

================关于优设网================
“优设网uisdc.com“是国内人气最高的网页设计师学习平台,专注分享网页设计、无线端设计以及PS教程。
【特色推荐】
设计师需要读的100本书:史上最全的设计师图书导航:http://hao.uisdc.com/book/
设计微博:拥有粉丝量97万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航:全球顶尖设计网站推荐,设计师必备导航:http://hao.uisdc.com
———————————————————–
想在手机上、被窝里获取设计教程、经验分享和各种意想不到的”福利”吗?
添加 优秀网页设计 微信号:【youshege】优设哥的全拼
您也可以通过扫描下方二维码快速添加:

sdcweixin

优设大课堂

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:https://www.uisdc.com/scene-design-3-key-function

发表评论 加载中....

评论加载中....

uisdc

评论区都快饿瘪了,看看我期盼的小眼神...

sketch 转场动效 优设大课堂 设计师 扁平化设计 交互设计师 界面设计 排版布局 职场 平面设计 配色 视觉设计 素材下载 设计师专访 web前端开发 设计流程 AI教程 用户体验设计 设计理论 神器下载 字体下载 海报设计 设计趋势 设计规范 psd下载 动效设计 图标设计 产品设计 logo设计 ICON 神器推荐 职场规划 App设计 字体设计 酷站推荐 交互设计 ui设计 设计师职场 优秀网页设计 用户体验 ps技巧 酷站 PS教程 网页设计 经验分享
wechat

优设官方微信

50万设计师关注

微信号:youshege

把好文章收藏到微信

打开微信,扫码分享
学设计 优设网 在这里