BeFor Web
为网而生 - 关注互联网及移动端产品的用户体验设计 - Since 2011

交互设计

Apple Watch界面设计规范(2) - 应用解析 »

原文来自苹果官方于2014年11月发布的预备版本Apple Watch界面设计规范。相关信息及目录详见Apple Watch界面设计规范(预发布版本) - 目录。本文由C7210自发翻译,并首发于Beforweb.com。如需转载,请注明译者及出处信息。

Apple Watch必须配合用户的iPhone才可以运行你的应用。

Apple Watch界面设计规范(1) - 为Apple Watch而设计 »

原文来自苹果官方于2014年11月发布的预备版本Apple Watch界面设计规范。相关信息及目录详见Apple Watch界面设计规范(预发布版本) - 目录。本文由C7210自发翻译,并首发于Beforweb.com。如需转载,请注明译者及出处信息。

Apple Watch体现着如下几个方面的主题思想:

  • 个人。Apple Watch是面向穿戴而设计的,所以其UI需要与佩戴者自身相协调。抬起手腕的动作可以使Apple Watch显示当前时间及通知信息。通过Digital Touch来“传心跳”或“传画” - 这些全新的沟通方式是极具个人色彩的。加速感应器和心率传感器可以日复一日的向佩戴者提供其运动行为方面的个人数据。苹果推出的其他任何设备都不曾与用户建立起如此紧密的关联。在你为Apple Watch设计应用的时候,时刻留意这种个人化的关联是非常重要的。
  • 整体。Apple Watch旨在使硬件与软件的边界更加模糊。数码表冠是经过精心打造的实体控件,帮助用户在软件当中进行精巧的导航操作。Taptic Engine可以与提示信息或界面操作结合起来,为用户提供微妙的触觉反馈。Force Touch - 一种可以由硬件感知按压力度的触摸方式 - 为软件的情境化控制方式带来了一个全新的维度。即便是Retina显示屏的物理边缘也被考虑了进来 - 隐性的边缘渲染方式允许你打造出“边到边”的全屏UI设计。上乘的应用设计方案需要贯彻这种软、硬件一体的体验原则。
  • 轻量。Apple Watch应用在设计上要注重快速、轻量的交互流程,并充分利用屏幕显示空间及其位于手腕位置的这一重要特性。出于隐私和可用性方面的考虑,界面当中信息的获取和移除方式都应该是非常快捷的。举个例子,Apple Watch上的Short Look信息提示方式的设计原则,就是首先以最小化的方式提供少量提示信息,如果用户持续关注,再为其展示更全面的信息。Glance则是通过一种易访问的、可通过轻扫手势操作的界面形式将应用内部的信息呈现出来。为Apple Watch设计应用时,要遵从于佩戴者使用该设备时的体验情境,例如短暂而高频次的交互会话,以及狭小的屏幕显示空间等等。

Apple Watch界面设计规范(预发布版本) - 目录 »

这是一个好时代;至少是一个好时代的开端。我就是这么觉得。

苹果如约发布了Apple Watch设计规范(预发布版)及开发资源。开始上手做译文。希望可以为各位设计同行和开发同学带来一定的参考价值。接下来一段时间Beforweb这边会持续放这套文档,我尽量把这段时间压缩的短一些。

此外,谁都没玩过实际的Watch,对应用设计的认知也尚未开蒙;自发翻译,质量还请各位朋友监督,我自己就当作学习来做这件事了。以下是设计规范目录。

重要:这是针对于正在开发中的API或技术的预备文档(预发布版本)。苹果提供这份机要文档的目的,是帮助你按照文中描述的方式对技术的选择及界面的设计开发进行规划。这些信息有可能发生变化,届时,你的设计开发方式需要基于最终版本的操作系统及文档进行相应的调整和测试。该文档或许会随着API或相关技术在未来的发展而进行更新。

怎样为Apple Watch打造应用体验 »

贫嘴张大民的幸福生活,一个月里看的第二遍了,酸甜苦辣,嬉笑怒骂,难言。

依稀记得在4岁左右全家搬出了大杂院,住进了楼房,约么是1987年吧;从南开附近折腾到了天拖。天拖,就是马志明的《纠纷》里那个丁文元上班的地方,天津拖拉机厂;现在这么想起来,还真有股子老工业的味道,那时则完全无感。无论平房还是楼房,炉子和暖气都是好东西,2003年举家搬来南方之后,心里总觉得缺两样东西,一是暖气二是煎饼果子嘎巴菜。

人整天奔命图惜点什么呢,年头越多,越发现,值得珍惜却再也没机会珍惜的东西正在变多。

闲话先说到这吧,眼看着天晚了。又来聊Apple Watch了;原文作者做了一些很赞的app概念稿,总结了一些想法。还是那句话,在设计规范和实际产品发布之前一切都是浮云;大家就当热身。下面进入译文。

过不了多久,我们就要为一种新设备的体验设计操心了 - Apple Watch。最近,我(英文原文作者)决定在日常工作之外花些时间尝试些新东西,于是打造了一套我们常用的app在Apple Watch上的界面概念稿。在此过程中,我逐渐开始了解怎样为Apple Watch打造应用体验,在此分享给各位。废话不多说,我们一起来看看吧。

为大屏手机而设计 »

想来还真是难得在周日傍晚坐在公司发更新。恍恍惚惚的一个周末,因为今天要加班,所以把想做的事情都集中在昨天一天做掉了,玩GTA啊COD啊重温加勒比海盗啊吃饺子啊做博客啊一类。此时头疼欲裂,想想明天才是周一,好想冲回家吞几口威士忌;哦突然想到包包里面带着芬必得诶,就吃掉了。

突然想知道有多少人乐于在好歹也算个UX博客的地方看我这样满嘴跑自行车?又有多少人是跳过前面这些直接进入译文的?话说就算都是后者我也不会停止絮叨的,savvy?

生活工作中和我接触的人10个里面有23个知道我是不爱说话的人。只是情境不对,savvy?我打开话匣子的时候谁都拦不住,savvy?

立刻停止絮叨开始说正经的;来自Luke.W,说真的标题起的大了点,正文其实和上周的汉堡包菜单在大屏设备上的可用性问题差不多是一回事,不过多些思路供参考而已。下面进入正文。

如今的手机越来越大,我们的手则不然。怎样的设计解决方案可以确保大屏手机上的交互体验依然轻松舒适?下面是一些小建议,供你参考。

汉堡包菜单在大屏设备上的可用性问题 »

周五夜间,或是说周六凌晨。无论怎样,都不那么像更新博客的时间。累累的窝在床上用Pad写着字,还真是很少这样;对我来说Pad难得成为内容创作工具,尤其文字;最多是用Amplitube录些demo罢了。

雨停了,不然还好应景的听听November Rain来着。这歌,听了有20年没?

话说,因为本周末确是要忙碌,没时间做正经文章,但又不想空置一周无所迹痕,便挑来一篇连文章都算不上的,怎么说,案例思考,关于大屏手机时代下的导航模式改造。作者也只是根据自家产品的特定案例拿出这样一个点来叨咕三言两语;权且作为参考吧。

更新掉之后,我要睡下了,5个小时之后起来伺候喵,然后开始又一个忙碌的周末。下面进入译文。

关于动效 - 要潜移默化,还是要引人注目? »

周日下午,天气好的又有些不真实。

电视里编辑部的故事在哇啦哇啦放着,恍惚之间回想着小学3年级每天中午回家自己用电饭锅热热午饭,然后把碗和盘子放在方凳子上搬到电视前面一边看一边吃的样子。我几乎记得这二、三十年间所有的事情。

“投入蓝天,你就是白云;投入白云,你就是细雨...”,多好的歌词儿。现在想来,那个时候,人所行事,大多是认真和真诚的,没那么多浮夸和杂念;经历过八、九十年代,也算有幸。

扯哪去了?自己觉得没头没脑说了很多,看看却也只有两段字,大约是想到那些就开始做起白日梦好像自己回到了小时候一样,以至于感到时间过去了很久。说正事儿吧?关于界面动效的话题;算的上是大道理。下面进入正文。

看完这篇文章之后,你也许会意识到,你在各种应用里看到的所有动效,其中有80%可能是不恰当的,或是根本没必要存在的。

Apple Watch应用设计预热(1) »

我想的挺好:既然假期要好好照顾喵,哪里都去不了,便安心在家做事,看书,玩游戏;这也是若干年来的传统。然后就倒下了。也许保持平日的规律还不会有问题,一旦放假有了更多时间让自己休息吧,反而挂了。

这不是一篇正经的更新。所谓“设计预热”,其实就是收集的一些概念设计而已。我不喜欢概念稿,这是真的;最让我反胃的就是从前那些充满科幻气息的Apple Watch概念稿。话说那种东西倒真是有很多人点赞,难怪本尊发布之后反倒被各种吐槽了。说着说着又来劲了;之前在“Apple Watch UI动效解析”一文中已经聊过一些自己的看法了,不多说了。

有朋友要问了那你现在为嘛要看概念稿了呢?主要是硬件概念设计里面无聊的YY太多太多,而眼下要看的这些Apple Watch应用概念设计则主要是你我这样的第三方应用设计师根据目前苹果放出的展示进行的摸索,不至于过分的空中楼阁。

恩,下面就只有图片没有文字了。5个比较完整的设计展示。再叨咕一句,苹果官方尚未放出任何关于Apple Watch的设计规范,概念设计中的优点槽点请自行判断;纯当看热闹也无妨。

Apple Watch UI动效解析 »

快到十一假期了。我讨厌十一假期,和讨厌中秋一样讨厌。从去年开始的。

要倒假期,只休个周六;那么姑且把今天当做一个加班的周六好了,明天是周日。又有什么不同呢,骗自己骗的还这么站不住脚。

于是周五晚间把更新做掉;开始关注Apple Watch。爱这东西,有拥有欲。看到那么多“丑”、“没设计感”、“没有特色”、“没创新”一类的评论,无论当时心情多差的时候都会笑出来;你们以为苹果会把Watch做的像网上那些充满各种科技感的无聊的概念设计那样吗?这是和人体关联极致密切的最个人化的设备,什么叫个人化?就是它要依附于你的个性你的特质而存在;科技感?未来感?极客?拜托,那样人反而成为陪衬了好吗?我想要的是风格中性而工艺考究、毫不张扬却值得信赖的东西,而Apple Watch就是这样的东西。

不多扯了,还不到10点就有点困了;今晚我要稍微多喝一点点;走吧。文中的GIF图片较大,需等。

看过Apple Watch的keynote之后,我们惊讶于其UI体验当中所包含的大量动效。也许是出于渲染效率和电量消耗等方面的考虑,Apple Watch的UI本身相当简约,没有过多的视觉元素;这也使得其中所包含的各种转场动效成为提升使用体验的关键要素之一。

此外我们还会发现,苹果向我们展示的不只是少数几个所谓的“标准动效”,实际上几乎每个界面当中的动效都是针对其特定的内容形式所打造的;这也体现出了苹果在其交互设计方面所下的功夫。

汉堡包菜单与设计原则的突破 »

周六晚间。这一周更像是秋天了,夜里窗子不可以开的很大,也会用被子把自己裹起来了。

今天花了3个小时看了教父,让我又想玩GTA了;那么多花里胡哨的意大利名字。刚刚呢,下去一些冰啤酒啊,少许威士忌啊,还嚼了个槟郎,烟抽的也有点晕。有朋友说了你丫是作死么?然也。我相信如果我手头还有其他东西的话我会一样不剩的全都塞进食管和气管。

最近几周情绪化的严重了,前面几分钟还在和喵一起躺在床上有的没的念叨着幻想这一切都是在从前推推斑斑都健康平安的时日,过一会便因为对斑斑身体的担心而极致低落,然后突然会想想工作项目里的事有哪些可以优化啊哪些坚决不能带上线啊,然后歇斯底里的让自己high起来,接下来便是神经的彻底疲惫如现在这样。Fuck me.

当然,接下来的译文并不是在这样的状态下做的;之前几天抽时间写的。打住吧,汉堡包,我都恶心了。这篇挺逗的其实,没说多少汉堡包的事儿,后面聊起价值观了。下面进入译文。

Pages