移动APP界面设计课程:APP场景思考与设计篇

之前25学堂跟大家分享了移动APP界面设计分享:文字阅读体验设计篇APP界面设计教程:移动界面设计尺寸篇手机移动端APP界面设计之引导设计篇

今天25学堂继续跟大家来聊一聊 APP场景思考与设计篇。

iPad-Magazine-Mockup-blugraphic

众所周知,移动产品设计最大的差异点在于用户使用场景的变化,场景的变化引发了交互方式巨大的变化,从而也使得信息呈现方式有所不同。

我们也可以这样理解:

场景、任务、用户可以称之为移动设计的三要素,每一个设计实际上都是试图去帮助用户在某个场景下完成某个任务的。一般来说,移动产品设计的通用原则为“简单,易用,高效,流畅”。产品之要,首在场景感。没有错误的设计,只有放在错误的场景下的设计。

今天,25学堂只跟大家来说场景。

所以,移动场景设计和思考很重要,不容忽视。

光说移动场景几个字,很陌生。大家不知道了解这款APP不?instagram

他可以基于移动场景的典型设计。有兴趣的小伙伴可以下载体验下。

 

第一方面:必须拥有场景感

不管是移动产品经理,还是移动APPui设计师。都要先构思好APP的场景感。

场景感,简单说就是一种讲故事的能力。之前我打过一个比方,产品经理就好像是个编剧加导演,你需要像一个导演一样思考,演员在舞台上怎么站位,他使用什么样的台词,他如何走位,他怎么退场。

相应的,产品经理在做一个功能之前也需要去思考,用户当时处在什么样的情况,他想要干什么,他会怎么做,如果他这样做,他会有什么感受?

只有你深知了这个APP的场景感,才能知道怎么去设计,怎么去设计的简单和设计的交互。

6_iphone_6_mochups_dribbble_1x

原因有三点:

第一点:场景的描述实际上是在构造一个完整的过程。一个场景里面包含了什么人,在什么状态下,遇到了什么问题,他们如何操作,他们得到什么反馈。你把他们连起来一考虑,实际上这个产品就出来了。没有使用场景的产品,就是无源之水。

第二点:通过场景描述的方式跟合作方介绍产品与功能,更能让人理解,更快速的知道你要做什么,建立模型。

第三点:怎么培养场景感?去体验生活,去实际操作。

从做快捷酒店管家开始,我尝试在不同的城市住不同的品牌酒店,在不同的时间通过不同的方式预订,在酒店的前台观察那些办理入住的人。我们团队的人也不断的实际去酒店前台实习,观察那些入住酒店的人。

不断的练习描述某个事情。一个输入密码的过程分解出来,每一步是什么样的;从下载 APP 到安装 APP 到打开,到执行操作,分别有哪些步骤,如何操作。

尽可能少的使用专业词语。练习在不使用任何一个专业词汇的情况下,把一个问题说清楚,说到即使不是从业者也能听得懂。尽可能多的去消化专业词语,然后用大白话给他描述出来。

2

当我不知道如何判断一个设计的好坏,不知道如何去设计一个功能的时候,我做的最多的事情是,停下来,开始模拟,模拟我要是一个用户,我会怎么操作,我会怎么想,然后把这些步骤与片段连接起来,描述出来,然后从中发现问题,寻找设计。

产品设计其实没什么难的,要说难,难就难在怎么让他变的自然,变的顺其自然,变的像空气一样重要但是又感受不到他的存在。直到有一天,你失去了空气,你才知道,我靠,原来,那就是最好的,最合适的。

 

第二个方面:移动APP的场景设计是必须考虑流量的。

流量在移动应用场景中如此重要,那么我们在进行产品设计的时候,就需要进行流量思考,估算我们的产品会占用用户多少流量。可以说电子商务产品80%的流量来自于图片。针对图片和用户访问路径,我们就可以容易的估算出产品到底消耗了用户多少流量。

移动app产品设计

第三个方面:APP使用的环境光。

移动场景:刺眼的太阳光底下,昏暗的夜幕下,睡前的一片漆黑

设计启示:高对比度,快速调节亮度,声音提示等

如果有好的场景转换手法,将给用户带来极大的好体验。也是我们需要思考的一个移动场景因素。

所以设计师可以考虑在设计完毕后,放在手机上调节各种亮度或则在太阳底下看看实际的效果。提高前后元素的对比度,可以适应各种场景。包括语音的提示等。

同时也要在产品的信息布局上就需要将这样的场景考虑进去,让这样的布局减轻用户的记忆负担。

今天就跟大家聊这么多,如果大家还有更好的一些关于移动场景的设计干货。可以与我们分享。25学堂随时欢迎大家的投稿。

 

每天更新,
全站高品质素材免费下载!