Jolla Unofficial Chinese Blog

设计之见:我们是如何设计Sailfish系统的


如何提高用户体验?如何创造新想法?为何一些设计要改变?如何保证新想法真的会提升用户体验(UX)?

关于设计的问题有很多。在这篇博文中,我们将向你展示我们的设计之见,解释我们的工作方式,我们的项目目标,我们的评估和决定方式。

简言之:我们如何设计Sailfish系统。

我们的设计哲学

Design_Philosophy

一切都起始于一个基本的想法,即设计哲学。这套哲学激励着我们,推动着我们做出进一步的决定。这些基本要素有:

  • 简约 - 旨在简化用户体验
  • 美观 - 设计应拥有在美学上的愉悦感、平衡感和美感
  • 自然 - 设计应在视觉和触觉上都本真自然,不管是任务流、手感还是材料
  • 迷人 - 产品或服务应如魔法般给人惊喜、充满革新并符合直觉
  • 一体 - 设计应将用户需求、商务需求和科技连为一体

我们在设计中实际做了些什么

想要创作出了不起的设计,多元不同的观点非常重要。我们六个Jolla设计师来自三个不同的国家,拥有不同的教育背景。我们中有些人喜欢逻辑,有些人则着重视觉。我们都有跨专业的工作经验。在过去产品、应用、服务、解决方案的其它系统设计工作中,我们收获了大量经验。整个设计团队一体地运作着,同时也和所有团队协同着,尤其是产品经理和软件开发团队。

简言之,我们的设计包括:

  • Sailfish系统用户界面:定义用例,界面框架和应用的交互流程,软件组建的行为逻辑
  • 惊艳的图形设计:例如用户界面布局、图标、字体、氛围/主题、包装、用户引导和其它打印材料
  • 漂亮而实用的动画设计:包括用户界面动画设计,展示小样和广告视频
  • 精湛突出的工业设计:人体工学,选择材料和颜色,ID渲染,展台等
  • 创造性的设计方向:我们相信每个人都有巨大的创造力,那些了不起的想法就在你身边。我们将这些与自己的想法结合,来简化和定义创造性的设计方向。
设计项目

我们的工作方式

设计流程1

设计一个主要的系统升级可不是几周就能完成的工作。这是一个很长的进程,需要分配到几个月的工作上。这可不是件轻松的工作,操作系统往往非常复杂,结构耦合,几乎每个元素都牵扯到其它元素。

为了尽可能取得最好到结果和可能性,避免无休无止的个人偏好讨论(“我喜欢这个不喜欢那个。”“为什么?”“因为我就是喜欢。”),我们遵循一个规范的设计流程,包括大量的分析、概念规范、原型建立、效果评估,然后一遍一遍重复这个过程,直到满意为止。这样地过程充满了各种心情。有时候很满意所以很开心,有时候则比较失落,比如你卡住了,找不到正确地解决方法,或者你意识到你非常喜欢地特性必需去除,只因为这个特性不是项目的关键特性。

Sailfish2.0系统 - 设计概念

Sailfish系统正在向下一代(“Saifish系统2.0版”)进化。我们正在解决的和设计相关的问题有很多,包括:为何用户交互应该更简单?如何才能更快捷地关闭应用?如何打开事件?可以有两个封面动作吗?

用户界面需要更简约同时又更吸引人的原因不止一个。至少包含了这些理由:

Navigation_Model

简约化核心视图

我们重新设计了核心视图,让其更简单、更容易适应。你关心的内容都在那儿,不管是你的通知、自定义快捷操作、运行的应用还是合作伙伴的可选内容。系统级的功能可以从顶部打开。应用抽屉则可以从设备下方边缘轻扫带出。

边缘轻扫动作一致且上下文独立

每个边缘轻扫动作都有一个功能。左右边缘轻扫回到主界面,底部轻扫带出应用抽屉,顶部轻扫打开顶栏菜单。就这么简单。

定制你的系统

你可以按照个人需求和偏好来定制你的用户体验。即使是第一次使用,初始设定就已经足够简单易用。当你进阶为高级用户后你还可以使用一些方便的技巧,像从顶部轻扫来关闭应用,或者从界面的任何地方进入事件。

精致的暗示和清晰的反馈

当你探索这个系统时,一些精致的暗示和清晰的反馈将告诉你如何使用一些功能。像顶部菜单和应用抽屉这样的视图将通过不同的视觉设计和动画提示告诉你如何使用。一切都使界面更符合你的直觉。

“内建反悔功能”

当在极速操作或忙乱的状态下使用设备时,你可能会忘记一些技术限定,比如需要从边缘轻扫。为加速你的操作,我们会猜测你的意图并提供合适的功能或视图。

平衡的布局和有意义的动画

我们花费了大量精力在布局、字体缩放和界面元素上,即使在不同分辨率的设备上,这些元素都将很平衡而漂亮地渲染出来。所有应用的动画都有意义,都为某个目的而服务,而不再只是为了好看而已。

和主页面分离都锁屏界面

通过状态区将锁屏界面和主界面结合看起来是个优雅的设计。然而,这使得主界面太过复杂,从技术上讲也导致了主界面维护困难。因此我们将这两个视图分开了。

两个视图的分离也导致了状态区域的重设计。我们保留了之前那个很棒的决定,在允许应用完全使用屏幕的同时,也允许从应用“窥视”状态信息。我们取消了锁屏界面和锁屏界面查看完整状态区域的方式,以及轻扫应用回到主界面的纵跳效果。这使得整个行为看起来平静得多,也更容易追踪主界面上的应用和应用的位置。

在锁屏界面,你可以从左边或右边边缘轻扫来解锁设备进入主界面,跟从应用返回主界面的逻辑一致。

锁屏界面的提示图标已经和对应行为链接。只要有提示图标,你都可以通过左扫来直接进入事件。

更简易的主界面应用封面

主界面可以放置任意数量都应用封面,不再限制为只有9个可见。另外,将应用扫回后台时,应用封面也不再重新排列。应用封面排列方式是:新打开的应用总是排在最后,而已经打开的应用将回到其原来的位置。这个变更可以让整个体验更轻松,应用封面位置更容易记住,也使得多任务功能更加强大。

减少封面动作

封面动作很方便。如果一个动作可以缩短任务流程,辅助辨认封面,并经常被用到,这个封面动作显得更加方便。在重新审视了我们目前的封面动作后,我们不得不承认,一些封面动作不再能够实现我们的目标了。我们去除了一些动作,但并未将两个封面动作支持移除掉,因为有些确实很方便,比如播放音乐动作。

为避免在主界面、事件中心、新的“合作空间”中的扫动造成的误操作,我们将之前的横扫改为了点击封面按钮。我们喜欢手势支持,但较之整个项目的宗旨,我们不得不放弃这一点。

一样的系统意味着相同的界面

值得记住的是,当Jolla平板完成时,我们将拥有一个统一的Sailfish系统,支持不同的硬件,不同的屏幕方向和分辨率。这意味着我们将在Jolla平板和Jolla手机上运行相同的软件和相同的用户界面,除了为了一些针对小屏幕的修改。

未完待续……

还有更多关于系统设计的见解、主题和问题将在今后的博文中谈及。至少我们希望这里解答了一些你们的疑问。

请继续在 together.jolla.com 和其它渠道上提供你的反馈和建议。用户反馈对今后对设计特性和系统提升弥足珍贵。


Martin Schüle

Jolla首席执行师。醉心于宏观和交叉学科设计。顾家,喜欢翻修老木房,也喜欢手球。


Translated by

TylerTemp

TylerTemp是一只Python程序员。你可以在这些地方找到我哦:      

如果你喜欢我的作品,你可以买我一杯啤酒,让我做的更好:  |  Flattr this