诸葛:细节决定成败!APP设计不容忽视的20个细节

为什么研发的APP都是见光死,存活期一般都不长,因为你的产品没有满足客户的需求,所以多数沦为“僵尸”软件!除了强大的技术支持,细节也是做好APP的重要标准。诸葛今天给大家分析一下,在APP的设计中不可忽视的细节!

第一、一致,一致,还是一致

你能做的最重要的事情就是保证用户界面运作的一致性。对于列表框来说,如果双击其中的项,使得某些事件发生,那么双击任何其它列表框中的项,都应该有同样的事件发生。所有窗口按钮的位置要一致,标签和讯息的措辞要一致,颜色方案要一致。用户界面的—致性使得在用户对于界面运作建立起精确的心理模型,从而降低培训和支持成本。

提炼:一致性体现在 色彩搭配和运用、字体的运用、相同的交互效果等。

一般我们使用的色彩不超过3种。交互效果也不超过3种。

        第二、建立标准并遵循之

在应用软件中保持一致的唯一途径就是建立设计标准并加以遵循。最好的办法是采取一套行业标准,对自身特殊的需要加以补充。已有的行业标准,如IBM标准(1993)与Microsoft标准(1995),通常可满足95%到99%的需要。采用行业标准,只需利用已有的成果,也使你的应用软件看起来或感觉上更象用户已购买或建立的其它应用软件。应当在定义基础构造阶段就建立用户界面设计标准。

第三、阐明设计规则
用户要知道怎么使用你为他们开发的软件。软件运作的一致性表明,规则你只需解释一遍。这比一步步详细讲解如何使用应用软件每个特性要容易得多。

可以制定属于你的一些工作方式和设计规范。

   第四、同时支持生手和熟手
图书馆目录符号对图书馆系统的一般用户来说,也许就够用了,但对熟手用户,如图书管理员,很可能就没有那么有效了。图书管理员是受过专门训练,能够使用复杂的查询系统找到信息,因此,应当考虑建立一套查询界面以满足他们的独特需要。

第五、UI界面间切换很重要,也必须重视
如果从一个屏幕转换到另一屏幕很困难,用户会很快灰心并放弃。当屏幕流程与用户想完成的工作流程相符,此软件对用户才有意义。由于不同用户工作方式不同,应用软件需要有足够的灵活以支持他们不同的方式。在建模阶段,界面流程图可用来模拟屏幕之间的流程。

 第六、界面上的布局很重要
在西方,人们是自左而右,从上而下阅读,基于人们的习惯,屏幕的组织也应当是自左而右,从上而下。屏幕小部件的布局也应以用户熟悉的方式进行。

       第七、讯息和标签措辞要适当

屏幕上显示的文本是用户主要的信息源。如果文本措辞很糟,用户的理解就会很糟。要使用完整的措辞和句子,而不要用缩写和代码,使文本易于理解。讯息措辞要积极,显示用户处于控制之中,并提示如何正确使用软件。

如,下面哪一条讯息更吸引人: “你输入了错误信息”还是”帐号应为8位数”?此外,讯息措辞要一致,在屏幕上显示的位置要一致。尽管这样的讯息”须输入名字”和”应输入帐号”分别来说措辞上没问题,放在一起就不一致了。

根据第一条讯息的措辞,第二条讯息更好的措辞应当是”须输入帐号”,这就使得两条讯息措辞一致了。

第八、了解小部件工具
为恰当的任务使用恰当的小部件,首先可以帮助增强应用软件的一致性,可能使得应用软件很容易构造。学会如何正确使用小部件的唯一途径是阅读和理解你们所采用的用户界面标准及准则。

第九、对其它软件不盲从
除非你知道一个应用软件是遵循了你们的用户界面标准和准则,否则你绝不能认定它做的都是对的。尽管看看人家怎么做,从中获得些主意是不错的想法,但在懂得怎样区分用户界面设计的好坏之前,你得留神。太多的开发者错误地模仿其它应用软件的用户界面,而那些界面却设计得很糟,最好将界面设计的美工外包项目请专业的设计外包公司来完成。

第十、颜色使用要适当 使用颜色要谨慎

如 果使用了,也要使用指示符。问题就在于有些用户可能是色盲一一如果在屏幕上使用了颜色来突出显示某些东西,假若想让色盲的用户注意到,那么需要做些另外的 工作来突出它,如在其旁边显示一个符号。颜色的使用也得一致,以使整个应用软件有同样的观感。此外,在不同平台上,色彩的表现不尽人意一一在一个系统上看 上去很好,在另一个系统上常常看上去很糟。展示会上我们经常听到展示者这样说: “在我家中的机器上看上去可是很好的呀。”

   第十一、遵循对比原则
打算在应用软件中使用颜色,要确保屏幕的可读性。最好的方法是遵循对比原则:在浅色背景上使用深色文字,在深色背景上使用浅色文字。蓝色文字以白色为背景很容易读,但以红色为背景很难辨认。问题出在蓝色与红色之间没有足够反差,而蓝色与白色之间则反差很大。

第十二、字体使用要适当
老式英语字体可能在莎士比亚的剧本封面看上去很合适,但在屏幕上却很难认。要用那些可读性好的字体,如serif或Times Roman。此外,字体的使用要一致。节俭、有效地使用两、三种字体的屏幕看上去远胜于使用五、六种字体的屏幕。要记住每次改变了字体的大小、风格(粗体、斜体、下划线,……)、样式或颜色,都是在使用不同的字体。
       第十三、灰掉而不是移走
在某些时刻,用户经常只能访问应用软件的某些功能。在删除一个对象之前,要先选中它,由此加深用户的心理模型,软件应当用删除按钮及(或)菜单项去做一些事。按钮应当移去还是灰掉?灰掉它,决不能移走!当用户不该使用时就灰掉它,可使用户对如何使用应用软件建立精确的心理模型。如果仅仅移走一个小部件或菜单项,而不是灰掉它,用户很难建立精确的心理模型,因为用户只知道当前可用的,而不知道什么是不可用的。

        第十四、使用非破坏性的缺省按钮
通常每个屏幕定义一个缺省按钮,如果用户按了回车键调用此按钮。问题是有时用户会意外敲击回车键,结果激活了缺省按钮。缺省按钮决不能有潜在的破坏性,如删除或保存(也许用户根本不想保存)。

       第十五、区域排列
当屏幕有多个编辑区域,要以视觉效果和效率来组织这些区域。如图1所示,编辑区域左对齐是最好的方法。换句话说,要使编辑区域左边界在一条直线上且上下排列。与之相应的标签则应右对齐,置于编辑区域旁。这是屏幕上组织区域的一个整洁有效的方式。

       第十六、数据对齐要适当
对一列列的数据,通常的作法是整浮点数右对齐,字符串左对齐。

       第十七、屏幕不能拥挤
拥挤的屏幕让人难以理解,因而难以使用。实验结果显示屏幕总体盖度不应超过40%,而分组中屏幕盖度不应超过62%。

       第十八、有效组合
逻辑上关联的项目在屏幕上应当加以组合,以显示其关联性。反之,任何相互之间毫不相关的项目应当分隔开。在项目集合间用间隔对其进行分组/或用方框也同样可做到这一点。

       第十九、在操作焦点处打开窗口
当用户双击一个对象显示其编辑/详情屏幕,用户的注意力亦集中于此。因而在此处而不是其它地方打开窗口才有意义。

       第十二、弹出菜单不应是唯一的功能来源
如果主要功能被隐藏起来,用户就不能学会怎样使用软件。开发人员最让人灰心的作法是滥用弹出菜单,也称作上下文相关菜单。一种使用鼠标的典型方法,是用来显示一个隐藏的弹出菜单,提供针对当前工作的屏幕区域特定功能的访问。

这20个在APP设计当中不容忽视的小细节,仅供大家参考。毕竟每个人都有各自的一些看法和理解。
跟大家分享几个APP设计知识点:

1、AI线框,PS视觉是比较常用的,在这里推荐下FW,线框视觉都是可以的,也比较方便。就是用得人不多。但是这个软件上手快,可以推荐使用。

2、Icon当然要按合适尺寸做,但是你要打出来的话,分辨率要在300,而UI的分辨率一般是72,分辨率还是要改一下,否则打出来没法看,不管怎么样,保存好源文件。IOS系统界面里,工具栏及图标的大小,建议题主找一下设计规范,没有特别固定的值,但是不能差太远。

3、ICON:桌面图标114*114,标签栏图标<=60,导航条图标40*40,APPstore图标1024*1024,

控件:状态栏40 标题栏 88 标签栏 98 导航栏按钮 60 列表高度〉=88

字体:大 40 中 34 小 24(如果太小就看不清)app运营

诸葛 http://zhugeio.com/news/?p=196

http://zhugeio.com/news/?p=196

http://zhugeio.com/news/?p=196

时间: 2024-10-08 16:22:56

诸葛:细节决定成败!APP设计不容忽视的20个细节的相关文章

APP设计当中不容忽视的20个小细节

1.一致,一致,还是一致你能做的最重要的事情就是保证用户界面运作的一致性.对于列表框来说,如果双击其中的项,使得某些事件发生,那么双击任何其它列表框中的项,都应该有同样的事件发生.所有窗口按钮的位置要一致,标签和讯息的措辞要一致,颜色方案要一致.用户界面的—致性使得在用户对于界面运作建立起精确的心理模型,从而降低培训和支持成本.提炼:一致性体现在 色彩搭配和运用.字体的运用.相同的交互效果等.一般我们使用的色彩不超过3种.交互效果也不超过3种.2.建立标准并遵循之在应用软件中保持一致的唯一途径就

移动APP设计国外资源总汇

目前,对于刚入行移动APP视觉或者交互设计的学习的你来说,一些好的设计辅助工具,一些素材下载,优秀网站设计网站,数据抓取和分析的小助手都是必不可少的.今天主要介绍的都是国外上的一些设计工具的下载,素材框架下载,作品欣赏等等移动ui设计的资源. 第一部分:移动APP设计 Canva 惊艳的轻量级图像设计软件. Fluid UI: 快捷.友好的移动端原型 工具. InVision:用来制作web.移动端原型.UI效果工具,免费. Ink:响应式邮件框架,ZURB出品. Pixlr:在线照片编辑工具.

Livecoding.tv 现正举行iOS及Android App设计比赛

近日,Livecoding.tv, 一个为世界各地的程序员提供在线实时交流的平台,在其网站上发布了一篇通知, 宣布从4月15日至5月15日,会为iOS和Android的开发者举办一场本地移动app设计比赛.据介绍,此次比赛旨在鼓励广大编程爱好者积极参与程序开发,亦让大家可以有机会大展所长.通过比赛,让大家发现更多编程的乐趣.比赛将对所有人开放,不论是不是livecoding.tv上的注册用户,均可报名参加.届时,Livecoding.tv将在其博客空间上进行投票,选出得奖的App.比赛共设三个奖

UI设计师必须了解:2015年十大移动端APP设计主流趋势

从移动端兴起,主流设计风格定型,再到Uber.Vine等现象级APP的崛起,移动端的APP设计直到现在才渐入佳境.促成这一切的影响因素很多,比如社会发展趋势的变化.共享经济的大热.新技术的积累,等等等等.这些事物的出现需要时间积累,这也是为什么这些应用到现在才火起来. 同样的,今年我们要关注的是定型了的巨屏手机和逐渐沉淀下来的可穿戴设备. 随着日常生活中所涉及到的移动端应用的增加,用户在这些东西上的所耗费的精神和脑力也越来越多.查看邮件.预订酒店.叫外卖都有赖于各种应用,而诸如Airbnb和Gr

APP设计中最容易忽视的4个问题

作者分享了在App设计过程中容易忽视的几个问题,总结出来与大家分享.不知道在你在进行产品设计的时候,是否也入坑过? 低版本强制更新问题 这个问题是在产品不断迭代中容易忽视的问题,因为只有当开发人员不能做到低版本兼容的时候才会去想到"哦,应该提醒低版本的用户需要强制了". 为什么不能继续兼容低版本呢?总结了如下原因: · 一是老版本不支持现有的业务,出于公司业务上的强制推广: · 二是业务线的接口的更新不兼容老版本,导致老版本部分需求无法正常使用: · 三是从公司研发资源的考虑,老版过多

安卓app设计规范整理和Android APP设计篇(转)

随着安卓智能手机不停的更新换代.安卓手机系统越来越完美,屏幕尺寸也越来越大啦!比如最近小米的miui 6的发布和魅族手机系统的更新等等. 以小米MIUI6的安卓手机来说,MIUI6进行了全新设计,坚持“内容才是本质”的设计哲学,重新提炼内容,简化图标设计. 所以,我们在进行安卓APP设计时,需要好好调整之前的设计规范和设计细节.根据目前流行的安卓手机的系统体验来完成我们的安卓APP设计规范.应该说这是整理出最全面的安卓app设计规范. 25学堂站在不断更新和完善安卓app设计规范为宗旨!利用周末

APP设计细节总结-摘录

视觉表现型问题 1. 统一的图标设计风格 2. 图标大小的视觉平衡(根据图标的体量对其大小做出相应的调整) 3. 优化你的分割线(通常我们会选择浅色而否定深色) 4. 合理的运用投影的颜色与透明度 5. 不要过度装饰,让界面更简洁 6. 图片比例&视平线的统一性(调整并列图片的大小比例) 7. 控制好界面中的配色数量(在选择配色组合时,使用相似色的配色方案可以使颜色更加协调和交融:如果希望更鲜明地突出某些元素,对比色是不错的选择) 8. 合理的进行设计对比 9. 提高配图的质量(对图片进行美化后

atitit.细节决定成败的适合情形与缺点

1. 在理论界有两种观点:一种是“细节决定成败”,另一种是“战略决定成败”.1 1.1. 格局决定成败,方向决定成败 战略决定成败”1 1.2.   战略用的是望远镜,细节用的是显微镜.1 2. 只有战略正确,细节才会有意义.2 2.1. 只见树木,不见森林2 2.2. 对于一艘驶错了方向的航船来说,任何来风都是逆风,2 2.3. 南辕北辙的故事2 2.4. 大失误是战略,小失误是细节,战略错了回天无力,细节错了还有改进的余地. 2 2.5.      细节主义会像鸦片一样麻痹整个企业上上下下的

极客48小时APP设计大赛

为期三天的极客APP设计大赛,完美结束.下面我们来介绍这个大赛的整个过程. 一 极客APP设计大赛性质 由铂涛孵化器主办,百思一刻承办的铂涛创新体验极客挑战赛.主要由在校大学生.社会工作人士.创业者等组成的.期间有国家发改委主任等领导人莅临现场. 二 参赛的规模 整个过程总共有300个团队及个人报名参加报名,最终由举办方精选了16个团队80人参赛.里面有酷狗音乐第一队,小跑科技的第16对等等. 我们是代表公司参赛的,公司总共有两个队:第12队和第8队. 三 比赛时间 48小时激烈角逐和一下午的路