资讯频道 → 移动开发
阅读更多

0顶
1踩

移动开发

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

2013-01-05 13:47 by 副主编 WnouM 评论(0) 有4005人浏览
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...

  • 智能家居_物联网_环境监控_多功能应用系统_1741777957.zip

    人脸识别项目实战

  • PLC热反应炉仿真程序和报告 ,PLC; 热反应炉; 仿真程序; 报告,PLC热反应炉仿真程序报告

    PLC热反应炉仿真程序和报告 ,PLC; 热反应炉; 仿真程序; 报告,PLC热反应炉仿真程序报告

  • C++函数全解析：从基础入门到高级特性的编程指南

    内容概要：本文详细介绍了 C++ 函数的基础概念及其实战技巧。内容涵盖了函数的基本结构（定义、声明、调用）、多种参数传递方式（值传递、引用传递、指针传递），各类函数类型（无参无返、有参无返、无参有返、有参有返），以及高级特性（函数重载、函数模板、递归函数）。此外，通过实际案例展示了函数的应用，如统计数组元素频次和实现冒泡排序算法。最后，总结了C++函数的重要性及未来的拓展方向。 适合人群：有一定编程基础的程序员，特别是想要深入了解C++编程特性的开发人员。 使用场景及目标：① 学习C++中函数的定义与调用，掌握参数传递方式；② 掌握不同类型的C++函数及其应用场景；③ 深入理解函数重载、函数模板和递归函数的高级特性；④ 提升实际编程能力，通过实例强化所学知识。 其他说明：文章以循序渐进的方式讲解C++函数的相关知识点，并提供了实际编码练习帮助理解。阅读过程中应当边思考边实践，动手实验有助于更好地吸收知识点。

  • `计算机视觉_Python_PyQt5_Opencv_综合图像处理与识别跟踪系统`.zip

    人脸识别项目实战

  • Ultra Ethernet Consortium规范介绍与高性能AI网络优化

    内容概要：本文主要介绍了Ultra Ethernet Consortium（UEC）提出的下一代超高性能计算(HPC)和人工智能(AI)网络解决方案及其关键技术创新。文中指出，现代AI应用如大型语言模型(GPT系列)以及HPC对集群性能提出了更高需求。为了满足这一挑战，未来基于超乙太网络的新规格将采用包喷射传输、灵活数据报排序和改进型流量控制等机制来提高尾部延迟性能和整个通信系统的稳定度。同时UEC也在研究支持高效远程直接内存访问的新一代协议，确保能更好地利用现成以太网硬件设施的同时还增强了安全性。 适合人群：网络架构师、数据中心管理员、高性能运算从业人员及相关科研人员。 使用场景及目标：①为构建高效能的深度学习模型训练平台提供理论指导和技术路线；②帮助企业选择最合适的网络技术和优化现有IT基础设施；③推动整个行业内关于大规模分布式系统网络层面上的设计创新。 阅读建议：本文档重点在于展示UEC如何解决目前RDMA/RoCE所面临的问题并提出了一套全新的设计理念用于未来AI和HPC环境下的通信效率提升。在阅读时需要注意理解作者对于当前网络瓶颈分析背后的原因以及新设计方案所能带来的具体好处

  • （参考GUI）MATLAB道路桥梁裂缝检测.zip

    （参考GUI）MATLAB道路桥梁裂缝检测.zip

  • pygeos-0.14.0-cp311-cp311-win-amd64.whl

    pygeos-0.14.0-cp311-cp311-win_amd64.whl

  • 微信小程序_人脸识别_克隆安装_社交娱乐用途_1741777709.zip

    人脸识别项目实战

  • 基于Matlab的模拟光子晶体光纤中的电磁波传播特性 对模式场的分布和有效折射率的计算 模型使用有限差分时域（FDTD）方法来求解光波在PCF中的传播模式 定义物理参数、光纤材料参数、光波参数、PC

    基于Matlab的模拟光子晶体光纤中的电磁波传播特性 对模式场的分布和有效折射率的计算 模型使用有限差分时域（FDTD）方法来求解光波在PCF中的传播模式 定义物理参数、光纤材料参数、光波参数、PCF参数及几何结构等参数 有限差分时域（FDTD）方法：这是一种数值模拟方法，用于求解麦克斯韦方程，模拟电磁波在不同介质中的传播 特征值问题求解：使用eigs函数求解矩阵的特征值问题，以确定光波的传播模式和有效折射率 模式场分布的可视化：通过绘制模式场的分布图，直观地展示光波在PCF中的传播特性 程序已调通，可直接运行 ,基于Matlab模拟; 光子晶体光纤; 电磁波传播特性; 模式场分布; 有效折射率计算; 有限差分时域(FDTD)方法; 物理参数定义; 几何结构参数; 特征值问题求解; 程序运行。,基于Matlab的PCF电磁波传播模拟与特性分析

  • 知识图谱与大模型融合实践研究报告：技术路径、挑战及行业应用实例分析

    内容概要：《知识图谱与大模型融合实践研究报告》详细探讨了知识图谱和大模型在企业级落地应用的现状、面临的挑战及融合发展的潜力。首先，介绍了知识图谱与大模型的基本概念和发展历史，并对比分析了两者的优点和缺点，随后重点讨论了两者结合的可行性和带来的具体收益。接下来，报告详细讲解了两者融合的技术路径、关键技术及系统评估方法，并通过多个行业实践案例展示了融合的实际成效。最后提出了对未来的展望及相应的政策建议。 适合人群：对人工智能技术和其应用有兴趣的企业技术人员、研究人员及政策制定者。 使用场景及目标：①帮助企业理解知识图谱与大模型融合的关键技术和实际应用场景；②指导企业在实际应用中解决技术难题，优化系统性能；③推动相关领域技术的进步和发展，为政府决策提供理论依据。 其他说明：报告不仅强调了技术和应用场景的重要性，还关注了安全性和法律法规方面的要求，鼓励各界积极参与到这项新兴技术的研究和开发当中。

  • （参考GUI）MATLAB BP神经网络的火焰识别.zip

    神经网络火焰识别，神经网络火焰识别，神经网络火焰识别，神经网络火焰识别，神经网络火焰识别

  • 人脸识别_实时_ArcFace_多路识别技术_JavaScr_1741771263.zip

    人脸识别项目实战

  • telepathy-farstream-0.6.0-5.el7.x64-86.rpm.tar.gz

    1、文件内容：telepathy-farstream-0.6.0-5.el7.rpm以及相关依赖 2、文件形式：tar.gz压缩包 3、安装指令： #Step1、解压 tar -zxvf /mnt/data/output/telepathy-farstream-0.6.0-5.el7.tar.gz #Step2、进入解压后的目录，执行安装 sudo rpm -ivh *.rpm 4、更多资源/技术支持：公众号禅静编程坊

Global site tag (gtag.js) - Google Analytics