阅读更多

0顶
1踩

移动开发

转载新闻 设计优秀iPhone应用的 5 点建议

2012-09-06 16:38 by 副主编 MnouW 评论(1) 有4538人浏览
当用户在苹果应用商店里寻找新应用时,往往基于设计来考量是否购买。生活中,或许很多人告诫我们不要凭借封面去评判一本书;既然无法试用一款应用,那么截图成为我们评判一款应用质量好坏的重要依据。

既然用户无法通过浏览App Store来判断应用的易用性和代码健壮性,那么将设计作为评判依据是合理的,这意味着同类应用竞争时,往往具备优秀的体验设计的应用更受欢迎。

如何设计优秀的iPhone应用呢?有如下五点建议。

1. 应用线框图

当我们讨论应用设计时,通常包含两个主要因素:

  • 用户体验设计(user experience design):包括应用的意图(如包含哪些功能点)以及用户如何完成这些意图。
  • 用户界面设计(user interface design):主要专注于体验的可视化,包括颜色、纹理、字体等元素。
设计iPhone应用时,上述的两个因素都至关重要。当然,首先你得花时间来构建用户体验的实体,往往通过线框图来实现。线框图(wireframe)能对应用创意进行简单勾勒,专注于体验部分,而忽略视觉效果。(更多内容参考benefits of wireframing your designs)我喜欢用笔在纸上画草图,当然也有人喜欢用Illustrator或者是Balsamiq Mockups


需要注意的是,工具无关紧要,不必纠结。你需要集中精力去规划应用的功能,使之更加融洽和谐;你需要考虑用户第一次过来要如何呈现;你需要思考用户的操作逻辑。画按钮,写文字,尤其是竭力让学习的过程更直观。

只有开始时就注重风格,你才能确信你的线框图呈现的是一个清晰、易用的应用设计方案。

2. 手指大小的点击目标

这是提升应用易用性最显著的点:扩大每个按钮的可点击区域。你是为拇指设计的,不是精确点击的鼠标箭头。


苹果推荐的元素最小可点操作区域为44x44px。这并不意味着按钮需要很大。可点区域可以根据按钮的视觉大小进行扩展,这样可以消除用户多次尝试性点击带来的烦恼。得特别注意那些相互靠近的多个按钮,额外的可点区域不能盖住其他的按钮。

3. 每个界面只有一个主要的目标点

应用的一个界面,应该聚焦于你想传达的主要目的。例如,iPhone邮件应用中的邮件列表界面,用户的主要目的是浏览邮件。虽然存在撰写邮件的第二操作,但是按钮放置于角落,并不突出。


设计师的一个任务就是进行决策:哪些是最重要的,然后突出她。降低次要元素的视觉比重,让主要操作更加明了。

阅读以下文章,可以帮助你在应用中创建优秀的可视化层次结构和优先级:

4. 避免默认的按钮风格

iPhone中UIButtons控件的默认风格可以被视为我的眼中钉(design pet peeves)。似乎所有的iOS默认控件都看起来不错。


除非你的应用风格就是让人不爽(不排除有),否则尽量避免使用默认的按钮风格。让按钮与UI相融合会让你眼前一亮,同时让你远离蹩脚设计师的称号。

你可以利用背景图片来设置按钮风格,亦或是通过代码重画一个新按钮。

有许多教程和资料帮助你创建更具吸引力的按钮,如下:

5. 为臃肿的信息提供额外的视图

对于用户来说,转移到另外一个视图(通过推送或视图动画)是很容易的事儿。所以当你尝试在一个视图里添加更多信息时,不妨做做减法,将其转移到另外一个视图。

iPhone里,你经常可以在“创建”视图里碰到这种使用场景。例如,新联系人界面,选择铃声(ringtone)时,你会进入新的Ringtones视图,其中展示了可选择的铃声列表。


点击电话号码的标签,你可以设置标签名。


通过添加额外的视图,仅展示需要的信息,这样可以避免用户因大量视图元素带来的困惑。这种设计理念亦被称为渐进式展开(progressive disclosure)。

总结

文章来源于5 Simple Tips for Designing Better iPhone Apps

大家看后,请不要移花接木,这几点仅限于iPhone,是否通用于Android或iPad,无法考量,至少我目前看来,有些点在iPad上不具其合理性。

另外,从作者推荐的资源和相关设计模式,可以发现,其实移动应用设计中,还是借鉴了很多Web设计的方法和理念精髓。如渐进式展开(progressive disclosure)可参见10 UI Design Patterns You Should Be Paying Attention To(译文:《10个值得你关注的UI设计模式》)。所以,在学习移动设计时,并不能一味地摒弃Web的设计模式和相关方法,虽然场景不同,但处理技巧可以互相借鉴和更迭。
  • 大小: 38.4 KB
  • 大小: 5.9 KB
  • 大小: 66.5 KB
  • 大小: 16.7 KB
  • 大小: 38.5 KB
  • 大小: 19.4 KB
0
1
评论 共 1 条 请登录后发表评论
1 楼 iwangxiaodong 2012-09-07 10:25
其实iPhone开发就是一个持续性的学习过程,适用实际项目的建议就采纳,不适用的不能强上!

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

  • cc98:zju cc98 水贴 API

    时隔一年之后cc98水贴程序计划再启动, 看看我和一年前的变化. required requests >= 2.3.0 support python 3.3+ compat with python 2.7+ Quickstart simple use from cc98 import CC98User user = CC98User(your_...

  • 这是一个水贴

    最近思索良多。 想了半天,最终觉得但求内心平静就好~

  • 比特彗星水贴版 bitcomet_setup.exe

    比特彗星水贴版 bitcomet_setup.exe

  • 行业文档-设计装置-水贴壁纸.zip

    行业文档-设计装置-水贴壁纸.zip

  • 水贴 : 用 Windows Live Writer 写离线日志

    来张屏幕截图试试:) 表格走一个! 1 2 3 4 真心觉得方便!赞一个!!小伙伴们,赶紧去试试吧^_^ ps:http://write.blog.csdn.net/xmlrpc/index 什么时候抽空研究一下这个API

  • 二本科班计算机,2018年二本科班上岸上海大学计算机科学与技术学硕,考研经验水贴...

    2018年二本科班上岸上海大学计算机科学与技术学硕,考研经验水贴上海大学发布于2019年9月24日 02:09阅读数 4011先从本科情况开始叙起,本人大一开始打DOTA2,可以说DOTA2贯穿了我大学4年的学习生涯,4年的历练让我的...

  • 水贴

    水Blog

  • scp_epub:[WIP]从Wikidot Wiki创建一个epub。 专为SCP制造

    SCP epub 从SCP维基创建一个EPUB 这项工作尚在进行中,目前没有预计的ETA。 您可以跟踪progress.txt中的进度运行工具先决条件您可以在Linux,Windows(使用WSL)或Mac上本地运行电子书生成器。 资源需求: 至少2 GB...

  • 第一帖,水贴

    第一帖,水贴

  • HTML DOM addEventListener()第三个参数介绍

    …可能有人会说这是水贴, 可是我真的一直对addEventListener第三个参数不太懂, 因此令开一贴, 用例子分析一下它的作用.

  • [水贴]想走入这个领域

    这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、...

  • 水贴—联通宽带

    首先,开干的第一件事,就是要做一次计划和问题整理(职业习惯了)。 问题:联通宽带上不了网   问题出现前可疑点:前天晚上公寓楼里断电一次,然后宽带就不能用了。   深入分析一下:  - 以前有...

  • 经验+3,告辞!python简单实现 贴吧 自动水贴 — 大水逼成长之路

    等我水够十级我一定会好好回答问题 1.需求分析: 需求:在每一个帖子下回复 ”经验+3“ 然后下一个继续 +3 分析: -1.贴吧我试过了,它是一个动态的,普通requests拿不到那些有用url, 既然要简单所以就不用什么...

  • 【水贴】如何将pdf发送到使用kindle的心路历程

    注意每个设备比如kindle和ISO的APP接收的邮箱不一样,但是发送的邮箱白名单是相同的(不加白名单发送的时候显示成功,但是实际上没收到) 发现可以用附件发pdf、txt等,但是有容量限制超所20M或者50M就拒收了...

  • 软件工程第二次作业——CSDN技能树分析

    在互联网时代下,我们能从网上找到海量的学习资料,然而这些资料的质量却良莠不齐,大部分资料没能系统地讲解某一领域的知识。本文分析的(以下简称)正是旨在打造一个IT人系统学习的平台。

  • 一个使用Androidstudio开发的校园通知APP

    一个使用AndroidStudio开发的校园通知APP,支持注册登录,支持聊天,后端技术:http get post 方法(分别有json数据格式和form数据格式),websocket长连接,用于接收消息,mqtt协议用于查看数据。

  • 基于粒子群的ieee30节点优化、配电网有功-无功优化 软件:Matlab+Matpowre 介绍:对配电网中有功-无功协调优化调度展开研究,通过对光伏电源、储能装置、无功电源和变压器分接头等设备协调

    基于粒子群的ieee30节点优化、配电网有功-无功优化 软件:Matlab+Matpowre 介绍:对配电网中有功-无功协调优化调度展开研究,通过对光伏电源、储能装置、无功电源和变压器分接头等设备协调控制,以实现光伏利用率最大、网络损耗最小、电压质量最优的综合优化目标。 采用粒子群算法寻求最优解,得到配电网的调控策略,从而制定合理的优化运行方案。 最后通过算例分析,说明其合理性。 Matpowre(需要Matpowre请安装不然会有错)

  • C#自定义事件 2024年12月23日

    通过自定义事件来传值。此种方法适合于写驱动程序。进行数据采集。 对于一般的系统事件,是有两个参数的,一个是sender,一个是EventArgs,对于sender,个事件的触发者,一般指向的是一个控件,但是对于EventArgs,一般常用来传递鼠标位置等信息,下面就自定义事件传值就是通过EventArgs来实现。 通过EventArgs来实现传值,我们首先需要创建一个类,继承EventArgs,我们可以将需要传递的数据,直接在类里面定义成属性,这里以传递一个布尔(没有再最终的代码内使用)、一个浮点数,一个字符串为例,

  • 基于校园的互帮互助社交APP全部资料+详细文档+高分项目.zip

    【资源说明】 基于校园的互帮互助社交APP全部资料+详细文档+高分项目.zip 【备注】 1、该项目是个人高分项目源码,已获导师指导认可通过,答辩评审分达到95分 2、该资源内项目代码都经过测试运行成功,功能ok的情况下才上传的,请放心下载使用! 3、本项目适合计算机相关专业(人工智能、通信工程、自动化、电子信息、物联网等)的在校学生、老师或者企业员工下载使用,也可作为毕业设计、课程设计、作业、项目初期立项演示等,当然也适合小白学习进阶。 4、如果基础还行,可以在此代码基础上进行修改,以实现其他功能,也可直接用于毕设、课设、作业等。 欢迎下载,沟通交流,互相学习,共同进步!

Global site tag (gtag.js) - Google Analytics