值得向iOS学习的15个APP设计技巧.pdf

值得向iOS学习的15个A PP设计技巧 iO S8人机交互指南再阅读” iO S整体的品质感大家有目共睹 这源于其背后严格的设计规范 强调以内容为中心 以重点内容 和功能为目标 来驱动每个细节设计。以下是我从设计规范中学到的一些设计技巧。 1.如何以内容为中心开发或重新设计一款应用 ？ • 保证核心功能突出且直接 并强调其相关性 • 直接使用ios UIkit , 给用户统一视觉感受 • 保证UI在各种设备与操作间的适配 2.如何提升应用功能体验并关注内容本身 • 充满整个屏幕 • 减少视觉修饰与拟物化设计 拟物化的面板渐变及阴影使UI变得厚重 抢内容 • 使用半透明底板 半透明能使用户看到更多的内容 并起到短暂的提示作用 • 保证应用清晰度 3.如何提升应用 清晰度 • 使用大量留白 留白使内容和功能醒目 并传达一种宁静安详的视觉感受 更好的让用户聚焦和 高效交互 • 用颜色简化UI 让重点突出并巧妙的表示交互性 • 使用系统字体确保易读性 • 使用无边框的按钮 默认下 所有bar上的按钮都是无边框的 在内容区域无边框按钮以文案、 颜色及操作指引标题来传 达按钮功能 按钮激活时高亮。 • 使用布局来沟通 布局包含的不仅是UI外观 应该告诉用户什么是最重要的 他们的选择是 什么 以及事物是如何关联起来的 提升重要内容和功能 让用户容易集中注意在主要任务上 。如何使用布局来提升应用重要内容和功能 • 上半部分放置主要内容 以从左到右的习惯 从靠左侧的屏幕开始 • 使用视觉的重量和平衡向用户展示相关屏显重要元素 大型控件吸引眼球 比小控件更容易在出现时被注意到。而且大型控件更容易被点击。 • 使用对齐来让阅读更舒适 让分组和层次之间更有秩序 对齐让应用整洁有序 也让用户在专注屏幕时更有空间 从而专注于重要信息 不同信息组的缩进 与对齐让它们之间的关联更清晰 也让用户更容易找到某个控件。 • 确保用户明白处于默认尺寸和首要内容的含义 例如 用户无需水平滚动就能看到重要的文本 或不用放大就可以看到主体图像。 • 准备好改变字体大小 为了适应一些文本的大小变化 你需要调整布局 • 尽量避免UI上不一致的表现 有着相似功能的控件看起来应该相似 用户总是认为他们看到的不同总是有原因 而且他们倾向于 花时间尝试 • 给每个互动元素充足空间 从而让用户容易操作这些内容和控件 常用的点按类控件的大小是44X44 iO S特别注重软件启动时的体验 将应用从打开到启动这段时间压缩的很短 并同时在载入过程中 呈现一些对用户有帮助的内容 将会激发用户的兴趣并给用户创造惊喜。 5.如何提升软件启动时 体验 • 避免使用闪屏或者其他启动体验 • 用户能够在启动后立即开始使用应用是最好的事情 • 避免让用户做过多设置 • 聚焦在满足80%的用户需求上 这样主体用户群就无需设置各种选项 因为你的应用已经默认处 于他们想要的状态 如果有些功能有少部分用户想要 换句话 大部分用户不需要的话 就别管他 了 • 尽可能用其他方式获取更多 （用户 ）信息 直接从系统中获取减少用户输入 如果必须设置信息 在你的应用中直接向用户询问 并尽快保存这些设定 这样用户就无需强制跳 出应用进入系统设置页面了。如果用户需要更改设置 他们可以在任何时候进入应用的设置选项进 行修改。 • 尽可能让用户晚一些登录。 理想状态是 用户在无需登录的情况下尽可能多地浏览并使用部分内容。 • 若必须先登录后使用 那么应该在登录页面描述为什么必须先登录 以及这样对用户的好处 • 谨慎使用新手引导 在使用新手应用前 尽可能使应用的功能直观和易于寻找 “好的应用不需要新手引导” • 若有请简洁有针对性并且不妨碍用户 6.如何设计新手引导 • 只提供开始使用应用所必需的信息。 • 好的新手应用应该告诉用户接下来第一步应该做什么 在浏览你的应用之前 用户遇到太多信息 让用户记住这些不是当前必须得内容 他们很可能会觉得你的应用难用 如果在某些特定场景下 确实需要一些引导 那么应该在用户进入该场景后进行。 • 用交互动画吸引用户 谨慎增加文字 不要指望用户会阅读大段文字 并谨慎使用应用截图 因 为应用截图是死的 用户可能会混淆截图和应用的实际界限。 • 能让用户简单地取消和跳过新手引导 不脱离主任务 去完成一个子任务或者获得信息的方式在iO S中被称为模态情境 模态情景会临时