10条设计贴士，帮你打造更好的iOS应用体验

0顶
1踩

2013-01-05 13:47 by 副主编 WnouM 评论(0) 有4021人浏览

ios app 用户体验设计

本文原文来自Computer Arts，由BeForWeb翻译。希望能够为从事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毫米），否则很难保证用户能够准确的辨识并触击。另外，在移动应用的上下文环境中，足够大的按钮不仅便于操作，而且可以让用户维持必要的注意力，避免被周围的环境所干扰。与Web设计中的网格系统类似，在iOS应用界面设计过程中，可以试着采用单元规格为44像素的网格作为参考来规划界面元素的布局。

8. 保持专注

移动应用产品要专注在首要目标与核心任务上，在一两件事情上做到最好，而不是以一般水平同时做很多件事。对于非游戏类应用来说，简短、流畅、能够在最短时间内不受干扰完成任务的体验是最重要的，切莫把效率型和实用型的产品做成沉浸型。

相关阅读：初创型团队容易在用户体验方面犯的十个错误

9. 界面元素的伸缩性

可伸缩的界面元素的背景图片制作方法有些类似于Fireworks中的九宫图方式。如果你需要实现一个圆角矩形按钮，并且希望它在任何尺寸规格下都可以保持相同的圆角半径，那么必须使用弹性视图（stretchable view）进行创建；系统会使用图片中间的部分作为“伸缩”的背景，而四个圆角保持不变。

10. 理论基础

当你第一次读到iOS界面设计规范当中的“用户界面原则”一章时，多半缺乏耐心的略读过去，因为这章看上去稍显理论化了一些，好像布道一样。不过我还是建议各位花些时间认真阅读这部分内容，你会发现这里都是实打实的设计建议，例如保持界面设计的一致性、为用户的操作提供反馈等。

来自: BeForWeb

分享到：

0
顶

1
踩

评论共 0 条请登录后发表评论

发表评论

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

相关推荐

10条建议帮你塑造更好的iOS应用体验

CA，国内叫做“数码艺术”，记得没错的话我是从2006年3月开始购买的，那阵子算是刚刚进入Web这个行当叭，看什么都新鲜，发现这本杂志之后简直就忘乎所以了，无论是内容还是杂志本身的排版设计都让我无法自拔......

iOS面试小贴士

最全的iOS面试题及答案iOS面试小贴士———————————————回答好下面的足够了————————————-多线程、特别是NSOperation 和 GCD 的内部原理。运行时机制的原理和运用场景。SDWebImage的原理。...

App适配iPhone 6/ Plus和iOS 8：10条小秘诀

让现有的App在放大显示模式（Scale Mode）下运行，这一点Apple已经做得不错了，App单纯地被放大，以此适应更大的屏幕。随便扫一眼，似乎还可以，但你会发现上面的状态栏也变大了。现在你一定想让自己的Ap

iOS面试贴士

iOS面试小贴士 ———————————————回答好下面的足够了------------------------------------- 多线程、特别是NSOperation 和 GCD 的内部原理。运行时机制的原理和运用场景。 SDWebImage的原理。...

iOS开发全套资源，从入门到全栈IOS工程师

内容介绍：本内容涵盖框架、组件、测试、Apple Store、SDK、XCode、网站、...Road Map iOS：开发 iOS 应用从今天开始，苹果指南。 Lifehacker：我想写一个 iOS 应用，该从哪里开始？ Codeproject：入门 iPhone 和 iOS

IOS 6 自动布局入门－1

Hollemans发布，Matthijs 既是一位经验丰富的IOS程序员又是一名资深老到的界面设计者。你是否曾经因为尝试想让你的应用同时在景观方向（横版）以及肖像方向（竖版）看上去不错而感到受挫？是否为了让应用...

iOS 7: iPhone/iPad应用开发技术详解

iOS 7: iPhone/iPad应用开发技术详解作者：刘一道出版社：机械工业出版社出版年：2013-11 页数：507 定价：79.00元 ISBN：978711144...

外加热强制循环蒸发器装配图（CAD).rar

数控车床纵向进给系统设计.zip

vault_side_off_ominous.png

爬虫 bangumi名称和评论数

基于SpringBoot的垃圾分类回收系统(源码+数据库+万字文档)526

基于SpringBoot的垃圾分类回收系统，系统包含两种角色：管理员、用户主要功能如下。【用户功能】首页：浏览垃圾分类回收系统信息。个人中心：管理个人信息，查看历史记录和订单状态。运输管理：查看运输信息，垃圾回收的时间和地点。公告管理：阅读系统发布的相关通知和公告。垃圾回收管理：查看垃圾回收的信息，回收类型和进度。垃圾出库申请管理：提交和查看垃圾出库申请的状态。【管理员功能】首页：查看垃圾分类回收系统。个人中心：管理个人信息。管理员管理：审核和管理注册管理员用户的信息。用户管理：审核和管理注册用户的信息。运输管理：监管和管理系统中的运输信息。公告管理：发布、编辑和删除系统的通知和公告。垃圾回收管理：监管和管理垃圾回收的信息。垃圾出库申请管理：审批和管理用户提交的垃圾出库申请。基础数据管理：管理系统的基础数据，运输类型、公告类型和垃圾回收类型。二、项目技术编程语言：Java 数据库：MySQL 项目管理工具：Maven 前端技术：Vue 后端技术：SpringBoot 三、运行环境操作系统：Windows、macOS都可以 JDK版本：JDK1.8以上都可以开发工具：IDEA、Ecplise、Myecplise都可以数据库: MySQL5.7以上都可以 Maven：任意版本都可以

这篇文章是台湾大学（NTU）计算机科学与信息工程系（CSIE）2021年秋季学期算法设计与分析课程的第一份作业（Homework#1）的具体要求和题目描述以下是主要内容的总结：

内容概要：本文档是台湾大学计算机科学与信息工程系2021年秋季学期《算法设计与分析》课程的第一次作业（Homework#1）。作业包含四道编程题和三道手写题，旨在考察学生对算法设计和分析的理解与应用能力。编程题涉及汉诺塔、数组计算、矩形点对、糖果分配等问题；手写题涵盖渐近符号证明、递归方程求解、幽灵腿游戏优化、不公平的卢卡斯问题等。文档详细描述了每个问题的具体要求、输入输出格式、测试用例以及评分标准。此外，还提供了编程技巧和注意事项，如避免延迟提交、正确引用资料、处理大输入文件等。适合人群：具备一定编程基础的本科生或研究生，特别是修读过或正在修读算法设计与分析相关课程的学生。使用场景及目标：①帮助学生巩固课堂所学的算法理论知识；②通过实际编程练习提高解决复杂问题的能力；③为后续更深入的学习和研究打下坚实的基础。其他说明：此作业强调团队合作和个人独立思考相结合的重要性，鼓励学生在讨论后用自己的语言表达解决方案，并注明参考资料。对于编程题，特别提醒学生注意输入文件可能较大，建议采取适当的优化措施以确保程序运行效率。

基于SpringBoot的铁路订票管理系统(源码+数据库+万字文档+ppt)528

基于SpringBoot的铁路订票管理系统，系统包含两种角色：管理员、用户主要功能如下。【用户功能】首页：浏览铁路订票管理系统的主要信息。火车信息：查看火车的相关信息，包括车次、出发地、目的地和票价等。公告资讯：阅读系统发布的相关通知和资讯。后台管理：进行系统首页、个人中心、车票预订管理、车票退票管理等操作。个人中心：管理个人信息，查看订单历史记录等。【管理员功能】首页：查看铁路订票管理系统。个人中心：修改密码、管理个人信息。用户管理：审核和管理注册用户的信息。火车类型管理：管理系统中的火车类型信息。火车信息管理：监管和管理系统中的火车信息，添加、编辑、删除等。车票预订管理：处理用户的车票预订请求。车票退票管理：处理用户的车票退票请求。系统管理：管理系统的基本设置，公告资讯、关于我们、系统简介和轮播图管理。二、项目技术编程语言：Java 数据库：MySQL 项目管理工具：Maven 前端技术：Vue 后端技术：SpringBoot 三、运行环境操作系统：Windows、macOS都可以 JDK版本：JDK1.8以上都可以开发工具：IDEA、Ecplise、Myecplise都可以数据库: MySQL5.7以上都可以 Maven：任意版本都可以

塑料架注射模具设计.rar

基于json文件数据驱动的的接口测试框架.zip

基于json文件数据驱动的的接口测试框架

铁丝缠绕包装机设计-缠绕盘设计.rar

Linux操作系统及常用命令详解.zip

linux

圆柱体相贯线焊接专机工作台设计.rar

硬币分拣机设计.rar

0顶1踩