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

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

打造具有奖励性的产品体验 »

又是个除了看看书听听相声什么都不想做的周末,反正都是能让人跟着内容天南海北古今中外到处神游的东西,又不用换衣服出门,成本低廉,人畜无害。尤其是躺着同时做这两件事,还敢再舒坦点么。

据说已经立秋了,总觉得真正的夏天还没开始;去年连续多少天40多度的日子还在眼前。最好这样下去不用太热了,就不用担心接下来白天怎么给喵开空调了。今天更新小文一篇;最近总觉得看文章资讯有点力不从心不知为什么,要么看不进去,要么看下来没什么心得。都怪夏天,夏天什么都不好了。进入正文吧。

在设计开发产品的过程中,我们都知道,无论最终产品的功能有多棒,界面多漂亮,算法多智能,我们仍然需要给用户一个理由去下载并打开应用,至少一次。市场、媒体、社会化渠道,这些方面的努力也许可以促使用户安装并尝试你的产品,但怎样让用户保持使用又是另一个问题了。

设计即体验 »

好风凉的周末;两边窗户敞开就好像到了秋天的感觉;外面叮叮当当的多少还有些雨在下。

最近时间和心思都跟不上了,前面一周没有做更新,书没怎么读,游戏也没怎么玩,倒是相声听了又听,马三立马志明反反复复那些段子不绝于耳,亲切安心,焦虑也有所缓解。

调整调整状态,做做更新,小文一篇。下面进入正文。

我(英文原文作者)最近做了不少演讲,关于设计、创意、UX、UI、交互等等,其中很多次是在国际化的活动当中。我逐渐发现不同地方的人们对于“设计”的理解程度真是不一样,例如在克罗地亚,“设计”仍是一个概念范围很小的词,人们几乎完全将它定义为视觉上的传达工作;在产品流程中,设计的角色就是在产品完工后做一些外观上的美化工作。工业设计领域当中的情况稍好,他们至少还提到了用户和可用性。

Pages