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

0顶
1踩

移动开发

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

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

  • node-v18.11.0-headers.tar.xz

    Node.js，简称Node，是一个开源且跨平台的JavaScript运行时环境，它允许在浏览器外运行JavaScript代码。Node.js于2009年由Ryan Dahl创立，旨在创建高性能的Web服务器和网络应用程序。它基于Google Chrome的V8 JavaScript引擎，可以在Windows、Linux、Unix、Mac OS X等操作系统上运行。 Node.js的特点之一是事件驱动和非阻塞I/O模型，这使得它非常适合处理大量并发连接，从而在构建实时应用程序如在线游戏、聊天应用以及实时通讯服务时表现卓越。此外，Node.js使用了模块化的架构，通过npm（Node package manager，Node包管理器）,社区成员可以共享和复用代码，极大地促进了Node.js生态系统的发展和扩张。 Node.js不仅用于服务器端开发。随着技术的发展，它也被用于构建工具链、开发桌面应用程序、物联网设备等。Node.js能够处理文件系统、操作数据库、处理网络请求等，因此，开发者可以用JavaScript编写全栈应用程序，这一点大大提高了开发效率和便捷性。 在实践中，许多大型企业和组织已经采用Node.js作为其Web应用程序的开发平台，如Netflix、PayPal和Walmart等。它们利用Node.js提高了应用性能，简化了开发流程，并且能更快地响应市场需求。

  • JavaScript_跨平台3D场景编辑器基于threejs golang和mongodb桌面和web.zip

    JavaScript

  • JavaScript_如何编写跨平台Nodejs代码.zip

    JavaScript

  • 北邮大三物流工程物流信息系统课程设计

    北邮大三物流工程物流信息系统课程设计

  • 0520_1.mov

    0520_1.mov

  • 实现CAD基础绘图显示功能(C#源码)

    使用C#开发的，一款非常简单的二维CAD绘图程序。 支持多种图元：线段、构造线、射线、多段线、圆、圆弧、文字。 缩放和平移视图。 支持图层。 图元支持夹点，并且可以通过移动夹点来修改图元。 捕捉。目前支持的捕捉类型有：端点、中点、中心点、象限点。 基本的编辑操作：删除、复制、镜像、偏移、移动。 撤销和重做。 支持点选和框选来选择图元。

  • aspectjweaver-1.7.4.jar

    作为AspectJ编译器的一部分,aspectj-weaver.jar主要有以下作用: 切面织入:aspectj-weaver.jar可以将定义好的切面织入到Java应用程序的字节码中,实现横切关注点的模块化aspectjweaver.jar是AspectJ编织器的主要库文件,它提供了AspectJ编织器的核心功能。它可以在编译时或运行时将AspectJ切面(aspects)编织到Java类中,实现面向切面

  • JavaScript_使用Meteor构建的开源看板保持变量字段名camelCase对于翻译只添加Pull Request更改

    JavaScript

  • JavaScript_JS中最强大的数据验证库.zip

    JavaScript

  • node-v14.17.5-headers.tar.xz

    Node.js，简称Node，是一个开源且跨平台的JavaScript运行时环境，它允许在浏览器外运行JavaScript代码。Node.js于2009年由Ryan Dahl创立，旨在创建高性能的Web服务器和网络应用程序。它基于Google Chrome的V8 JavaScript引擎，可以在Windows、Linux、Unix、Mac OS X等操作系统上运行。 Node.js的特点之一是事件驱动和非阻塞I/O模型，这使得它非常适合处理大量并发连接，从而在构建实时应用程序如在线游戏、聊天应用以及实时通讯服务时表现卓越。此外，Node.js使用了模块化的架构，通过npm（Node package manager，Node包管理器）,社区成员可以共享和复用代码，极大地促进了Node.js生态系统的发展和扩张。 Node.js不仅用于服务器端开发。随着技术的发展，它也被用于构建工具链、开发桌面应用程序、物联网设备等。Node.js能够处理文件系统、操作数据库、处理网络请求等，因此，开发者可以用JavaScript编写全栈应用程序，这一点大大提高了开发效率和便捷性。 在实践中，许多大型企业和组织已经采用Node.js作为其Web应用程序的开发平台，如Netflix、PayPal和Walmart等。它们利用Node.js提高了应用性能，简化了开发流程，并且能更快地响应市场需求。

  • Android的移动应用下拉通知效果源码.rar

    Android的移动应用下拉通知效果源码.rar

  • 变电站呼吸器硅胶体破损

    变电站呼吸器硅胶体破损数据集，数据总共106张图片，标注为VOC格式

  • JavaScript_Open Web Components指导开发Web组件的工具和库.zip

    JavaScript

Global site tag (gtag.js) - Google Analytics