为 Mac OS X 重新设计 iPad 应用程序的步骤



iPad应用程序更改为Mac应用程序的通常预期的用户可见设计习惯需要将哪些设计习惯用来提供基本相同的功能,至少看起来合理的Mac OS X本机?

用户通常期望其中一些更改可能包括:

  1. 将"设置"按钮和"信息"按钮移动到"首选项"的菜单选择...和关于...

  2. 将"设置"视图和"信息"视图
  3. 或弹出框移动到它们自己独立的"首选项"和"关于"窗口,而不是主窗口中的视图。

  4. 为常用按钮添加一些菜单项和菜单键(如浏览器中的前进和后退按钮)。

  5. 支持用于滚动任何自定义视图项的箭头键。

  6. 支持鼠标悬停以获取帮助弹出窗口或动态菜单。

  7. 如果应用支持"文档",则允许一次打开多个文档,每个文档都在各自的窗口中打开。

还有什么? 简单的通用 2D 游戏所需的最小更改是多少?

补充说明:

请注意,我不认为将类似的UI类重新编码为NS类(例如UIButtons到NSButtons),具有相似的外观,位置和行为,是一个重大的变化。 这些更改对用户几乎是不可见的。

目标是尽可能少地更改,以便购买应用程序 X 以在 iPad 上执行 Y 的用户可以购买应用程序 X 以在其 Mac 上执行 Y,作为 Mac 应用程序,但学习曲线尽可能接近于零。 但似乎需要进行一些更改,否则该应用程序似乎不是 Mac 应用程序(例如,缺少关于...菜单项似乎有点奇怪。

提供基本相同的 功能,至少看起来 合理的Mac OS X原生?

你已经偏离了轨道。考虑将其添加到您的列表中:

  1. 忘记您知道的有关 iPad 应用程序如何工作的所有信息。退后一步,考虑用户与桌面应用程序的交互和对桌面应用程序的期望与平板电脑的交互和期望非常不同。重新思考您能够做什么,以及用户希望使用更快的处理器、更强大的功能、明显更多的可用存储、更低的移动性、更快的文本输入和不同的用户界面模型来做什么。

我们在同一条船上,面临着同样的问题。

我们的结论是从Mac的"新鲜"真实应用程序开始,并使其看起来相似,即使用相同或相似的UI组件和图形。该应用程序应该以其他方式开发,就好像没有iPad版本一样。

首先,会有很多用户没有iPad版本。这些用户期望一个成熟的Mac应用程序,以任何方式让它感觉像iPad是没有意义的。

其次,如果Mac应用程序只是iPad版本的纯粹克隆,没有附加值,那么来自iPad版本的用户会感到被撕裂。想想从iPhone到iPad的第一次过渡 - 再次支付纯粹的高档产品是令人沮丧的,从长远来看可能会损害您的业务。

开始设计一个新的简化的UI,然后考虑你可以重用和制作类似的内容。功能可能在一个方向或另一个方向上有所不同。无论如何,您的模型代码应该适用于所有地方。

不完全是你问题的答案,但看看变色龙。它本质上是Mac的UIKit端口。它由The Icon Factory创建,旨在使开发人员可以轻松地将他们的iOS应用程序移植到Mac上。 IIRC Twitterific使用Chameleon移植到Mac上。

这就是我从iPad应用程序创建Mac应用程序并将其接受到Mac App Store中所做的工作。

  • 忽略了完全重新设计应用程序的建议(用户合理地喜欢iPad设计)。

  • 创建一个 Mac 应用项目,并包含所有 iOS 源代码的一个分支。

  • 使用相应的 NS 元素手动重新编码所有 UI 元素。 将它们调整为 Mac UI 指南大小。 检查在调整主窗口大小时它们是否都显示在某个合理的位置。 删除了仅 iPad 代表,例如轮换处理程序等。 这导致了全新的视图控制器代码,但几乎所有代码都只是另一种范式的并行翻译。

  • 将视图坐标设置为翻转,以便不必为任何核心图形绘制例程重新计算 Y 坐标。 (模型和CG绘图代码几乎直接移植,没有更改,除了窗口大小的比例因子等。

  • 从主窗口视图控制器中删除设置和帮助视图。 实现首选项窗口 xib 和帮助窗口 xib,并将所有设置和首选项视图和控件放在那里。 再添加一个顶级控制器以显示/隐藏 3 个窗口。

  • 添加一些带有热键的菜单选项,用于用户可能想要点击的等效 UIButton 操作,而无需伸手去拿鼠标/触控板。

  • 添加制作者名单.html文件。

  • 将轮廓形状和透明度蒙版添加到图标设计中,并填充到.icns文件中。

  • 将拍摄的一个窗口屏幕填充到所需的更大尺寸。

相关内容

  • 没有找到相关文章

最新更新