IDS POS1.0 IOS化(UX)

已接受 Zhang A. 2年

3f6e8a174eec7a2d2c853f7851c3ca0d
一、iOS Design Themes:
iOS与其他平台区分三个主要主题:

  • 明晰。在整个系统中,文字在各种尺寸上都清晰可辨,图标精确而清晰,装饰精巧且恰当,并且对功能的敏锐关注激发了设计。负空间,颜色,字体,图形和界面元素巧妙地突出重要内容并传达交互性。
  • 尊重。流畅的动作和清晰美观的界面可以帮助人们理解内容并与之互动,同时不与之竞争。内容通常填满整个屏幕,而半透明和模糊通常暗示更多。最小化使用边框,渐变和阴影可使界面轻盈通风,同时确保内容至关重要。
  • 深度。独特的视觉层和逼真的动作传达层次结构,赋予活力,促进理解。触摸和可发现性提高了乐趣,并允许访问功能和其他内容,而不会丢失上下文。在您浏览内容时,过渡可提供深度感。



二、Design Principles:
1.Aesthetic Integrity审美的完整性:
审美完整性代表了应用程序的外观和行为与其功能的完美结合。例如,一个帮助人们执行严肃任务的应用程序可以通过使用微妙,不显眼的图形,标准控件和可预测的行为来保持他们的专注。另一方面,沉浸式应用程序,如游戏,可以提供迷人的外观,承诺乐趣和兴奋,同时鼓励发现。
我的理解是:界面在展示的时候,外观要和应用程序保持一致,基调要符合,例如不能用活泼轻快的画面去展示威严的建筑。
2.Consistency一致性:
一致的应用程序通过使用系统提供的界面元素,众所周知的图标,标准文本样式和统一术语来实现熟悉的标准和范例。该应用程序以人们期望的方式结合了功能和行为。
我的理解是:应用程序再怎么千变万化,也万变不离其中,底层基础是标准化的文本样式和统一术语,这样才能保持应用程序一致性,不会牛头不对马嘴。
3.Direct Manipulation直接操作:
屏幕内容的直接操作吸引了人们并促进理解。用户在旋转设备或使用手势影响屏幕内容时会遇到直接操作。通过直接操纵,他们可以看到他们行动的直接、可见的结果。
我的理解是:(用光笔、鼠标、触摸屏或数据手套等坐标指点设备,直接从屏幕上获取形象化命令与数据的过程)通过在屏幕上的手势操作,可以得到直接可见的结果。所以要重视手势操作的使用。
4.Feedback反馈:
反馈确认行动并显示结果以使人们了解情况。内置的iOS应用程序可响应每个用户操作提供可感知的反馈。轻触时会突出显示交互式元素,进度指示器会传达长时间运行的状态,动画和声音有助于阐明操作的结果。
我的理解是:在交互操作上要有反馈机制,用户做到哪一步,接下来需要做什么,都需要进行一定的反馈。
5.Metaphors隐喻:
当应用程序的虚拟对象和操作是熟悉体验的隐喻时,人们可以更快地学习 - 无论是真实还是数字世界。隐喻在iOS中运行良好,因为人们与屏幕进行物理交互。他们将视图移开以暴露下面的内容。他们拖动并滑动内容。它们切换开关,移动滑块,并滚动选择器值。他们甚至翻阅书籍和杂志。
我的理解是:在网上查了很多关于这个资料,找到一个解释不知道正不正确。“暗喻影响设计的直观性。如果设计基于真实和可靠的东西来做,那么人们会很容易理解设计。如果设计基于非常抽象的东西,人们很有可能无法理解这个设计。”
6.用户控制:
在整个iOS中,最好的应用程序在启用用户和避免不必要的结果之间找到正确的平衡,应用程序可以通过保持交互元素熟悉和可预测,确认破坏性操作以及轻松取消操作(即使它们已经在进行中)使人们感觉自己处于控制之中。
三、Onboarding 新手指引
提供启动屏幕。
以适当的方向发射。如果您的应用支持纵向和横向模式,则应使用设备的当前方向启动。如果您的应用仅在一个方向上运行,则应始终以该方向启动,并让人们在必要时轮换设备。、
迅速采取行动。避免显示启动画面,菜单和说明,让人们直接潜入。如果您的应用需要教程或介绍序列,请提供一种跳过它们的方法,而不是向返回的用户显示它们。
预计需要帮助。积极寻找人们可能被卡住的时间。例如,游戏可以在暂停或角色没有前进时随便显示有用的提示。让用户重播教程,以防他们第一次错过任何内容。
坚持教程中的要点。为初学者提供指导是好的,但教育并不能代替优秀的应用程序设计。首先,让您的应用程序直观。如果需要太多指导,请重新访问应用程序的设计。
让学习变得有趣和可被发现。边做边学比阅读指令列表更有趣,更有效。使用动画和交互性逐步和上下文教学。避免显示看似互动的屏幕截图。
避免事先询问设置信息。人们希望应用能够正常运作。为大多数人设计您的应用程序,让少数想要不同配置的应用程序调整设置以满足他们的需求。
避免显示应用内许可协议和免责声明。在下载应用程序之前,让App Store显示协议和免责声明。如果您必须在应用程序中包含这些项目,请以平衡的方式集成它们,而不会破坏用户体验。
当您的应用重新启动时,恢复以前的状态。不要让人们回溯到您应用中的先前位置。保留并恢复您应用的状态,以便他们可以从中断的地方继续。
不要让人们过快或过于频繁地为您的应用评分。过快或过于频繁地要求评级是令人讨厌的,并且会减少您收到的有用反馈的数量。
不要鼓励重启。如果您的应用程序有内存或其他问题导致难以运行,除非系统刚刚启动,您需要解决这些问题。

四、界面元素:Bars(栏)、视图(Views)、控件(Controls)

五、模态情景:

  • 尽量减少使用模态:通常,人们更喜欢以非线性方式与应用互动;
  • 选择适当的过渡样式以显示模态视图。


六、身份验证:

  • 在所有注册和登录流程中使用密码自动填写;
  • 将登录往后排序;
  • 解释身份验证的优点,以及如何注册;
  • 显示合适的键盘类型来减少数据输入;

七、数据键入:

  • 尽量显示选项;
  • 尽可能的从系统中获取信息;
  • 提供合理的默认值;
  • 只有在收集完必要的信息之后才能进行下一步;
  • 立即验证填写信息;
  • 只有在必要时使用文本信息;
  • 将信息列表以高效预览;
  • 在文本框中显示提示,以助沟通;


八、布局注意事项:

  • 重要内容默认大小下清晰可读;
  • 统一的视觉外观;
  • 利用视觉权重和平衡来表示重要性;(一般来说,处于从左往右的阅读环境时把首要的对象放在屏幕的上半部分并且偏左的位置)
  • 利用对齐来方便浏览,并且表达结构和层级;
  • 如果可能,同事支持竖屏和横屏模式;
  • 准备好应对文本大小的改变;
  • 为可交互元素提供足够的空间;
  • 文本显示时,使用可读性边距;


九、设计高分辨设计图:

  • 使用8px x8px的网格系统;
  • 照片用JPG,写实APP图标最适合用PNG格式,其它需要进行高分辨率缩放的扁平、矢量切图则使用PDF格式;
  • 对于不需要使用png-24的图,只需要使用png-8格式即可,png-8不适合于照片类
  • 优化JPG的大小;
  • 提供图像和图标的替代文本标签。



苹果官方人机交互学习:https://developer.apple.com/design/human-interface-guidelines/ios/overview/themes/

回复 (2)

照片
22

排班好像缺少图片


Ray@合阔为您服务!

联系我们 021-52587797/ service@hex-tech.net

照片
21

Mark ,Very good


Ray@合阔为您服务!

联系我们 021-52587797/ service@hex-tech.net

发表评论
 
附上文件