当前位置:首页 > 经验学习 > 设计思想

十条帮你塑造更好的iOS应用体验的设计贴士

所属栏目:设计思想 时间:2013-12-26 来源: 作者:admin 点击:

本文来于Computer Arts(数码艺术),全球领先的数码设计杂志,文章译者@C7210。
文中的图标出自Jamie Jones之手,突出人机交互、用户界面以及各类设计规范,配合文章给出的十条设计贴士,可以帮你塑造更好的iOS应用整体体验。

1.以规则为基础进行创新



苹果的人机界面设计规范给人的感觉有点像枯燥的技术手册,但它绝不是那种可有可无的产品说明书。通读之后你会发现,这套规范当中涵盖的主题非常全面,上至产品方向,下至界面元素的细节,所有这些“规则”都有助于你从基础层面上更好的理解iOS应用设计的方法和原理。
只有充分的了解平台特性,对自由发挥的空间及局限有清晰的认知,我们才能更合理更有效的落实创新思维。
推荐阅读:先了解规则,再寻求创新 – 关于iOS应用界面自定义
2.正确的使用界面元素



人机界面设计规范当中的“iOS用户界面元素使用规范”一章为你详细的介绍了应该在何时何处如何使用各种类型的原生界面元素,包括导航栏(navigation bar)、标签栏(tab bar)、列表、按钮等等。
要使产品在最基础的层面上符合用户的认知、降低学习成本,我们必须吃透这些原生界面元素的使用原理及相关的设计模式。
相关阅读:移动应用界面设计模式 – 搜索、排序、筛选
3.考虑设备的特性、局限及使用环境



设计iOS应用与设计网站有所不同,我们需要考虑的因素有很多,包括移动设备自身的功能特性、显示屏的规格局限以及特定的上下文使用环境等。
用户在使用移动设备的时候,可能身在户外,或是呆在室内,这类具体情况会对人机交互的会话进程产生相应的影响。在对产品概念及设计方案进行测试验证时,要尽量将原型部署到实际设备当中,在最贴近实际应用场景的环境当中进行操作。
推荐阅读:
iOS用户体验解析
杀手级的产品 – 为应用的上下文环境而设计
4.订制化的应用图标



应用图标对于产品能否给用户留下良好的第一印象起着至关重要的作用,而且通常情况下我们要考虑的不只是一两个尺寸的图标。
iOS人机界面设计规范中的“图标的订制化及图片创建规范”一章详细的列出了使用在不同场景及设备状况下的图标规格,另外,你还可以在这里找到很多关于创建图标及相关图片资源的设计规范及建议。
相关阅读:移动应用的视觉美学 – 谈三款拥有高收入的应用产品
5.考虑不同的屏幕定向



用户在执行调转屏幕定向的操作时,通常已经在预期当中做好深入探索内容的准备了。所以,对于具有内容获取及编辑功能的应用产品来说,特别需要考虑在不同的屏幕定向方式下提供不同的内容操作模式。
另外,不同的定向方式也会产生持机方式转变的问题,例如从单手变为双手,所以相关交互模式的切换也是我们需要同时考虑的问题。
推荐阅读:
横竖屏切换中的界面设计与体验提升
iOS操作图例与触屏人机工学
6.触摸,而不是点击



移动应用的界面设计应该以设备特有的输入方式作为基石。iPhone和iPad是典型的电容触屏设备,用户只需通过手指进行“直接操纵”,而无需借助任何外部输入设备。
然而,手指的接触面要比鼠标光标的尺寸大很多,而且用户在执行操作时是无法看到手指下面的内容的,所以对于某些尺寸很小的交互元素来说,需要将实际的可触击区域扩大到其可视边界之外。
类似这样的限制因素都是我们在设计过程中需要时刻考虑到的。
推荐阅读:又是为了触屏移动设备而设计
7.隐形的网格



iOS人机界面设计规范建议,界面中的可交互元素在宽度或高度上不要小于44像素(约1/4英寸或7毫米),否则很难保证用户能够准确的辨识并触击。

请站长喝杯咖啡?

站长一直坚持白天工作、晚上熬夜更新素材,付出了巨大的精力和时间,其中的辛酸难以言述。

坚持免积分、免登录、无任何限制下载!如果本站素材对你有用,不妨考虑请站长喝杯咖啡鼓励一下!

标签:

你应该也喜欢这些吧

共有 0 条评论

给个评价吧

验证码: