APP产品设计新手教程|APP产品设计几点原则

我们通常在做APP产品设计的过程中,遇到很多看似很小,且很容易被忽略的问题,正是这些小问题,一次次的撩拨用户的耐心,让用户对你的产品心生怨念。刚出道的

我们通常在做APP产品设计的过程中,遇到很多看似很小,且很容易被忽略的问题,正是这些小问题,一次次的撩拨用户的耐心,让用户对你的产品心生怨念。刚出道的朋友们没有经过实战,或是APP产品设计新手们对APP设计的细节注意不多,往往都会遇到类似的问题,所以,网站模版网(www.genban.org)为了那些APP产品设计的新手和小编以后的APP产品设计学习,觉得不如写下来,一起与APP产品设计新手共勉。

app说走就走3

首先我们先说说APP产品设计禁忌的15条原则。

之前我们也说过:移动互联网产品设计必须遵循的15原则
1、没有不可点击的效果

一般按钮会有四态,不可点击效果、可点击效果、聚焦状态、按下状态。
如果你的按钮此时处于不可用状态,那么一定要灰掉,或者拿掉按钮,否则会给用户误导。
2、菜单层次太深

菜单项以5~7个为宜,如果有二级菜单,就要注意合理的菜单分类,不能有太多层级的菜单,否则很难预期,也很难找到,寻找和返回都会变得很麻烦。
3、文字长度不加以限制

APP界面很小,寸土寸金,一页只能显示下6~10个列表,一行只能显示下10~16个字,标题栏的字数以5个以内为宜,标签栏也以2~3个为宜,那么这时候出现文字
过长的情况,一定要定义一下处理方式,如果是选择型的,一般是截断或者打点缩略;如果是内容阅读型的,可以折行。但最合理的方式还是精简文字内容,缩短
文字长度。
4、文字表意不明
由于APP是碎片时间、片段式阅读,所以APP界面上的文字表意性要求的更高,更苛刻,一定要在用户瞟到的瞬间,准确的传达信息。除了表意清晰之外,还要求
语言精简,避免啰嗦;使用用户的语言而不是程序的语言;产品文案体现产品性格。
5、交互流程分支太多

做交互的时候一定要有一个任务流程的概念贯穿始终,用户是为了完成某个任务而使用软件的,交互设计师除了关注界面元素、跳转逻辑和交互反馈之外,还要
关注用户任务,分得清主要任务和次要人物,给主要任务一个畅通无阻的清晰流程,不要给予太多可能的分支,干扰主要流程。

 

6、相关的选项离的很远
相关选项一定要具有操作上的延续性,虽然APP屏幕看起来比电脑屏幕要小的多,但是APP在屏幕上移动的代价,却要比鼠标在电脑上移动的代价大的多,如果手
机上相关选选离得很远的话,用户一是容易迷失,找不到下一步操作,二是需要移动手指,到屏幕另一端触发操作。
7、一次载入太多的数据

流量、电量、速度和稳定性是APP产品的四个硬指标,如果你的应用不能合理的帮助用户节约流量、电量,提升浏览速度和浏览体验,保证应用的稳定性能,就不
要谈什么用户体验。你可以利用预加载缓存、批量载入、动态刷新、服务端数据压缩等方式来保证省、快、稳基础体验。
8、按钮可点击范围比看起来小

我们都知道移动端有个神奇的数字“44”,根据食指最小点触距离7mm、拇指最小点触距离9mm,可以推导出做设计的时候,最小的点触距离是44*32px。你可以设
计一个精美的小图标,但是在定义它的点触大小的时候,却可以做放大处理,但你千万不要设计一个傻大的图标,点触范围却比图标要小,这样会给用户带来明显
的误操作挫败感。
9、标签页跟内容没有从属关系

标签页跟内容需要有很好的联动关系,一般一个界面内有二级标签就足够复杂了,千万不要再有三级标签、四级标签。每个标签页都有自己特有的内容,当切换标
签的时候,内容跟着切换。标签页如果是点击切换,内容部分可以整体刷新,标签页如果是滑动切换,内容页也要跟着滑动切换,千万不要一个点、一个滑。
10、把所有的操作都暴露出来
APP产品交互设计要经历缩减、隐藏、附加、组织的过程,千万不要妄图把什么功能、什么操作都暴露出来,以彰显强大。你需要把自己应用的所有功能所有操作
做个优先级设定,那些常用的20%的功能,放在界面的主要位置上,其他80%的操作,放在次要位置或合理归类组织后,隐藏起来就可以了。

11、没有空数据界面设计

我们在做设计的时候,往往是提供理想化的场景,用户都已经进来了,我们怎么玩。但是,往往应用刚推出的时候,是没有用户的,甚至当应用有了一定用户基础
的时候,新进来的用户打开应用的时候,应用仍然可能是一种没有数据的状态,再或者当用户清楚了全部数据,这三种情况下,用户都可能遇到空数据的界面。新
手设计师往往不加设计,这时候用户就会看到一个空白界面,茫然失措。有经验的做法就是,提供一个情感化的界面,告诉用户当前没有内容;更具引导性的做法
,就是引导用户去执行操作。
12、用户引导的滥用

去年就预言用户引导将要泛滥,很明显设计部门都喜欢用漂亮的引导界面告诉用户新增的功能或隐藏的应用,但不是所有的应用、所有的功能都需要花哨的引导的
。如果是通用的功能、非重点的模块,根本就不需要引导;如果是功能告知,只需呀轻量级的引导;如果是版本更新说明,说明书式的引导可以采用,但是要言简意
赅。

13、无加载中状态

APP产品只要是需要联网,需要交换数据,都需要提供一个加载中状态的,无论是菊花转还是Toast还是对话框,你需要给开发人员一个全局的定义,并且要告知
加载中是模态(前台加载)的还是非模态的(后台加载)。且要考虑到加载时间过长、网络开关没有打开、网络不通等情况分别怎么去处理。

14、未定义Back的逻辑

在为Android做设计的时候,会涉及到硬件交互,其中Back键的使用,是一门学问,Android官方有一些指导原则可以借鉴,但是具体开发的时候,还是会有很多特
殊情况,比如单一实例的替换、键盘及一些中间状态,这种情况下,Back可能需要被定义一下,该回到前一个实例(那就需要变成多实例了)还是该回到初始状态(
清空输入内容或恢复初始状态)。

15、无横屏模式的设计
由于横屏模式下,纵向空间变得格外宝贵,导航栏、标签栏、键盘都需要被压扁,横盘模式一定要考虑是简单拉伸适配还是重新设计,如果你的应用不适合在横屏
模式下使用,就屏蔽横盘,如果你的应用包括应用widget都需要支持横盘模式(甚至是带侧滑键盘的横屏机器),就需要提供设计方案。如果是S60V5这种竖高的机
器,甚至需要重新设计。

作为APP产品交互设计师,利用设计规避问题,提升产品用户体验,把体验转化成价值,是我们所追求的境界。

上面的15条APP产品设计禁忌原则,是笔者遇到的一些app产品设计中的问题。

 

那么,我们注意了上面15条APP产品设计的原则,但是从大的方面来看,我们也要注意以下5点重要的设计知识。

phoneui

就是如何更好地完成一个优秀的APP产品设计呢?

第一点:明确APP产品价值

明确应用的价值是十分重要的,强迫自己将Silverlight的使用,Google MapAPI的使用等等统统扔回工具箱,这些只是我们用以实现目标的工具。在打开工具箱之前,我们应该先明确我们想要创造怎样的价值。

学会不断的总结:不断提醒自己“我并不是用户”,强迫自己从用户的角度去纠正行动的方向。

 

 

第二点:APP产品的需求场景分析

我们必须让系统去适应用户的真实生活,而不是反过来,强迫用户来适应系统,我们必须对下面的问题有非常清晰而明确的答案。

我期望用户在什么情况下,遇到什么问题,通过何种途径,使用什么方式,解决什么问题?

总结:需求永远不会孤立存在,需求一定是依赖某种特定环境而存在的,就好比,同一个用户,他在夏天需要一个电扇,而在冬天需要一个手炉。用户在购买服饰和购买食品的需求路径很可能完全不同。

 

第三点:提炼核心APP产品需求

一个成熟的产品通常由核心功能和增殖功能两部分构成,比如Iphone手机的核心功能是通话,增殖功能是丰富的Apps,通常增殖功能帮助我们击败竞争对手,而核心功能决定了我们是否应该在市场存在。很多产品的失败往往是过于重视增殖功能,而忽略了核心功能。

在需求路径上,哪些需求是核心需求,哪些需求是增殖需求?

总结:在需求路径上,我们要全面了解需求,但同时也要能够区分出哪些是核心需求,哪些是增殖需求,要做的事情很多,但是我们必须把握住最核心的,在完成核心功能的基础上,再逐步完善。先生存,再长大。

 

第四点:APP产品现状对比

在前面我们所设定的需求场景下,用户的使用现状。

当前用户的操作习惯是什么?他们现在是如何满足自己的期望的,在他们现在的使用方式上,是否还存在可优化的空间?我的应用是否可以无缝的对接到用户的操作流程中?

总结:任何新产品、新技术的使用,都需要一定的成本,比如汽车替代了马车,需要用户学会操控机械,打字机代替了手写,需要我们学习打字,新产品运用的同时必须充分关联用户当前的使用现状。

第五点:最小化APP产品切换成本

在满足用户期望的同时,用户所需付出的成本(包括付费/安装/设置/学习)是否在用户可接受的范围内?

总结:任何人都对改变具有一定的抗击心理,对于产品的设计最好能够与用户当前的习惯无缝对接,如果不行,我们必须尽最大的努力,让用户改变习惯的程度降到最低。

 

总之:APP产品核心都是提高事务处理或者分析决策支持的效率。整个APP完成的功能中事务处理和分析查询的功能点列清楚估算下对企业带来的价值就很好得出结论了。每个设计定位越准生命越长越能挣钱。

本站部分内容来源互联网,如果有图片或者内容侵犯您的权益请联系我们删除!

相关文档推荐

25学堂今天跟大家分享12张精美的移动模型素材分享,这12张素材你可以应用在你的移动APP项目当中或者是APP官网设计当中,顿时让你的作品高大上!下面的这12张移
如今再来看扁平化APP设计,还是那么的简洁漂亮!最重要的是扁平化的移动APPUI界面简单实用,对移动设计师来说,...最近,25学堂将会推出很多漂亮的移动APP应用模板(框
有创造性的APPUI设计往往可以大幅度提升用户体验的。那么好的移动APP设计干货和APP设计规范也是新手们的渴求的干粮。25学堂秉着分享和共同学习的原则,收集了
移动APP项目名称:易配货APP 2.0移动APP项目背景:易配货是传化物流产业集团为货主与司机打造的物流信息交易平台,基于诚信会员体系和移动互联技术,为会员
iOS切图神器,我想大家都不会很陌生啦,Cutterman也是目前移动端设计人员用的比较多的一款切图工具。还有25学堂之前推荐的在线切图工具和PS切图插件推荐等。
今天25学堂的小编跟大家分享一个国外优秀的图标字体酷站,也是一个在线编辑的SVG图标素材的酷站-SmartIcons.coSmartIcons 网站是一个提供了1500+个顶级图标和内建多种