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

UX

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

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

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

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

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

关于Apple Watch的字体设计 »

十月二日晚间11点,刚看掉教父2,现在是甲方乙方,脑子有点转不过来。

当然译文不是一边看片子一边做的;之前就做好;假期,大家两便,看些小文。其实说小也真不算是小事儿,苹果在新设备里使用新字体。恩,仍然是Apple Watch方面的话题。直接进入正文吧;btw,各位假期愉快。

市面上关于Apple Watch的各种评价仍在继续,不过透过一个小小的设计元素,我们也许能瞥见库比蒂诺的那些家伙在UI方面的新策略:开发新字体。

虽然苹果有过开发字体的历史,不过近20年来,他们主要依赖的还是Helvetica系,即使在新的iPhone及桌面系统中也是如此。但Apple Watch却带来了一套由苹果自己全新开发的、尚未知名的无衬线字体;正如官网中所讲:“我们甚至专门开发了一种更易阅读的新字体。”

Apple Watch UI动效解析 »

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

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

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

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

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

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

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

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

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

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

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

汉堡包菜单=地下室 »

凉爽的周末,看看日子已经九月中旬;三个月了。依然从早到晚操心着喵的吃喝和其他需要“保持观察”的问题,依然从早到晚放着相声。

依然是汉堡包菜单的话题;也差不多了的样子。可能每次在公众号里发的时候都让人饿。我爱汉堡王,我也爱Apple Watch。说不出个所以然,说正事。今天这篇文章分为两部分;前一半成文于2013年,文中的一些示例也只代表当时的状况;后半部分是原作者于今年上半年做的更新,跟进了一些这一年来的新状况。进入正文吧。

“好的设计可以让产品具有可理解性” - Dieter Rams

好的导航至少应该做好三件事:1.确保用户可以导航;2.提供寻路功能,让用户知道他们当前在哪里;3.让用户了解产品具有哪些主要功能。如果你设计的导航在这三个方面没有做好,那么一定是什么地方出了问题。

为什么要避免使用汉堡包菜单 »

今天约莫是中秋节。从去年开始我讨厌中秋节,因为不好的事情从去年中秋开始。

唔貌似有些天没有更新博客了,与其说是没时间没精力,不如,说是没有心情了吧。从前,秋天的假期例如中秋或是十一,从来是最轻松最有欲望去做各种事看各种书的时候,而如今最大的愿望只有一切平平安安的了。不多说了;仍然是关于汉堡包的文章。

近来,越来越多的研究及测试表明,侧边栏菜单,也就是我们俗称的汉堡包菜单,很可能是一种弊大于利的设计模式。

不过我们也要知道,这个问题实际上是很微妙的,我们很难以一种非此即彼的标准来判断;我在一系列可用性测试当中所观察到的情况也证明了这一观点。

所以我个人仅希望各位在制定设计决策之前能够充分了解这种模式当中所存在的问题,有可能导致的结果,以及一些相关的替代方案。

收集的一些音乐类App设计参考(1) »

周五晚间,啤酒威士忌什么鬼的也下去了一些的样子。

听着Layla,满满的爱意却无法触及的无力与无奈,说是Eric Clapton最牛掰的作品也不为过。

这周应该没有正经的周末译文了;前面几天插播了两篇关于汉堡包图标A/B测试的段子,其实相关话题还没完,今天临时乱入一篇设计参考资源。说“篇”,也谈不上,只是一些图片而已,我不高兴在Pin或花瓣里直接做,拿来自己这里心里踏实。都是音乐类App的设计,与当前所做的事情相关,没有多少普世参考性,不喜误入吧,先说个抱歉了。

关于汉堡包图标的A/B测试(2) »

继续插播汉堡包图标的A/B测试;关于这套小测试,今天这篇还真不是最终回;第三次测试要不要拿来再看吧。光看文章图标来说有点烦了哦?倒是做了个新图标,留给一篇长文。

一句有用的也没有,大晚上的把东西发掉去闷两口廉价威士忌吃两口猫粮然后去铺床了;道个晚安先。下面进入译文。

最近我(英文原文作者)在读量子力学方面的书,显然我够闲的。

我能看懂的连十分之一都不到,但是感觉量子力学这些事挺迷人的。那里的世界似乎处于一种很神秘的状态,会随着人们的观察和测量而发生变化。

关于汉堡包图标的A/B测试(1) »

插播,临时插播;周末更新了关于汉堡包菜单图标的闲言碎语,因为还有几篇相关的,所以堆一小堆一起搞掉,当做个话题自己攒着。先拿来两篇不那么很正式的A/B测试分析小文。道个晚安,进入译文。

堡,汉堡包,navicon,无论怎么叫,我们要说的就是那用来代表菜单的三道杠图标。

说是代表菜单的意思,但和其他很多图标一样,我们也只是假设用户知道它代表的是菜单。

关于汉堡包图标的闲言碎语 »

想起来貌似真的有几天没有开空调了,夏天真的过去了吗?回头看看觉得恍恍惚惚的,好像过去两个多月只发生了一件事,就是从早到晚的照顾喵以及替喵揪心。眼看着秋天快来了,希望什么事情都能好好的好起来。

前面在微信里有朋友问到美工和设计师的区别在哪里。不很常见的一类问题...记得2006年刚刚入行在博客大巴做网页设计师时还专门叮嘱别人不要叫我设计师,还是美工更好。而现在无论听到别人这样称呼自己还是其他同行,都会蛮气愤的吧。为什么这样呢,大约当年确实觉得自己不够“设计师”的头衔,毕竟不是专业出身,又刚刚入行;而如今大概入了门。说回美工这个话题,我个人觉得应该特指各行各业当中负责对既有结构、内容进行美化工作,而无需考虑结构与内容本身以及业务需求和框架的人。吧?

最近越来越多的看到关于汉堡包图标的议论文章,工作当中也觉得这方面的讨论多了起来;有些观点还是值得参考借鉴的。今天就是这样一篇,也许接下来会做个小系列?不知道,这里进入译文先。

如今,汉堡包图标已经是很常见的移动导航设计模式了;它的三道杠形式非常简单,包括迪士尼、星巴克、Facebook、Google等知名公司都在自己的移动应用及移动版网站当中使用了这一模式。

不过在UX设计圈子当中,关于“汉堡包菜单图标属于反直觉模式”的质疑声也此起彼伏。一些替代方式开始出现,三道杠图标有逐渐被更符合直觉的设计方案所取代的趋势。

Pages