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

视觉设计

空状态的设计值得更多关注 »

这一周刷微博的总量怕是超过过去一整年的总和了。那天早上还在想着老朋友老同学们,然后就看到新闻。几天下来,从无序,到明显的正能量导向,到掩盖、封锁,到慢慢的冷却…和历来的灾难尤其是人祸相比没什么区别,只是这次的事情发生在自己已经离开了十四年的家乡。无论背后有些什么,大苦大难只会降临在“普通”的、“底层”的、“不重要”的人身上。

所以整个一周的精神和心情也不是很好。当然恐怕在多数平时能实际接触的人看来我这一周和所有其他时间相比没什么不同因为看上去精神和心情都不像很好的样子。说到这里自己也想笑了。

不会终日通过朋友圈或微博记录生活,一周又一周,自己的小博客就成了生存下去的见证,小小的,里程碑。不知道下一周会发生什么,不知道下一周这样念叨的时候有哪些可以回顾;有点想知道,比如想知道一周之后自己所关心的ta们是不是都好,比如想知道自己一周之后有没有完成工作里具有挑战的事情,一类。

想起来,昨天上午忙好家事躺下迷糊了一刻钟然后做了那么个梦,说起来也完全没有什么特别,就是突然回到了早就被爸妈卖掉了的天津的家里,像高中时那样坐在床边笨拙的跟着Aerosmith的一盘什么磁带里的什么歌在弹即兴。醒来恍恍惚惚的感到温暖和开心。家乡的家的暖。十四年。

花了四段文字瞎念叨,那我就不多说了。本周译文,关于空状态,记得从前也做过一篇来着。有点道理。同时也特别送给一些正挣扎在空状态设计当中的小朋友。下面进入译文。

别让用户觉得自己蠢 »

几年前的我倒也无法设想自己在这样一个周日午后听着英伦味道的东西好像六七十年代美国嬉皮士一样披着一条蓝白格子被单坐在冷气下时不时看看外面尴尬的所谓台风天气做着自己关于UX设计的博客。

一年又一年,自己一直在努力争取一些东西,而期间失去的却越来越多。心里曾经有些让自己觉得有力的东西,正在一点点暗淡下来,好像上海的冬天将热量从你骨子当中一丝丝抽取出来那样,一点点变成回忆,直到整个人都变成自己的回忆。fade to black?

空空如也的冷意,不适合这样的夏日。说是夏日,貌似昨天刚刚立秋。连续10多天的酷暑,每天中午最热的时间段却要赶回家里,自己没在这段日子里倒下也算幸运。

那么也该说说正经的了。下面进入本周译文。一些显而易见的小道理。

要使产品被用户接受而且乐于使用,需要满足的条件不少。你需要知道产品服务的目标人群是哪些,他们有什么问题需要解决,你的产品提供的解决之道和他们现在采用的方法相比有哪些优势,你需要怎样引导和帮助他们,等等。

iOS当中4种UI元素的可用性问题及优化建议 »

连续一个多星期,日子就突然变成这种,每天白茫茫一片刺眼的阳光,空气又湿又热难以呼吸,炎热摧枯拉朽无法抵抗的,样子了。怎样都想去到一个更适宜人类生存的地方,也许是我出生的城市,也许是我向往着将来可以终老的城市或乡镇,无论哪里,有朝一日离开这片魔境,便可以。

我说我爱LA,爱美国的一些城市,妹妹对我说,论精彩,这些地方可能还比不过上海;国内其他一二三线城市约莫也就不必说了。幸运的是,我并不需要也不热爱那些精彩。这里的精彩不属于我,我也不属于这里。我就是一混合硬盘,母亲属于这里倒是真的,步入老年可以叶落归根也是幸福安心的事,只是我自己以后归去哪里还真是个问题。这样的问题想着想着便会困倦。

然后这周又是一篇来自Nielsen Norman Group的文章。供参考吧,这种文章背后的思维模式甚至是精神才是最该汲取的,内容本身反而是其次;这样的东西看的越多,实践当中具有代表性的产品案例经历的越多,你越会发现,设计这种事,在很多时候,无明无暗,无是无非,有的只是特定的产品、特定的资源、特定的情境、特定的用户群体,以及所有这些因素混杂在一起之后摆在面前的需要不断权衡、争取或妥协的各种可能性。下面进入正文。

简约之道 - 最小化界面设计的组成要素及可用性分析 »

暑热,真正暑热,温度还好吧,湿度太大,这才知道什么叫做酷热指数。前面几年有过这样湿热的夏天吗,不是很记得了;打开窗子就是一股桑拿空气漫进房间,我觉得我快要窒息了。蛮想在这里上那个表情的。

平日里每天早上迷糊着回笼觉总会决心周末一定要安心的拉着窗帘吹着空调睡个安稳的午觉一类,只是一到周末又牵扯了一堆事情,或是有时间睡时又舍不得花时间睡了呢。

说起来前面两周略忙,公事私事折腾掉两个周末,蛮抱歉的。今天的更新是上一次的简约之道当中的第二篇,关注那些比较有代表性的最小化界面设计要素以及相关的可用性分析。下面进入译文。

最小化设计的目标是移除界面当中不必要的元素或内容,减少干扰,使界面最大程度的支持用户的任务流程。

要将界面以恰当的方式简化到只保留必要元素的程度,设计师需要对一系列与最小化策略高度相关的设计模式有所了解。界面设计,就像人类的语言一样,最终是由人们的使用方式所定义的。如今,虽然“最小化”和“极简”的概念时常被人们抛出,但我们还是无法精确的、量化的去定义具体是哪些功能特性构成了最小化界面。为了更加清晰的对概念进行解构,我们对112个带有明显最小化风格的网站进行了分析。

简约之道 - 最小化界面设计的起源 »

家里两边通着空气,这样坐着光脚甚至有些凉意,看一眼天气明天最高气温21度,想起前两天有消息说今年厄尔尼诺要持续几个月什么什么,本想买个小龟王平时骑一骑,现在看来不是很乐观。

从没炒过股票,连所谓的理财产品都很少购买,每每听到周围的人聊起这些,理论、机遇、政策、分析,或是看到相关新闻,有时会觉得自己不识时务不求上进,有时又觉得自己幸运,不至于倾家荡产跳楼了事。和自己有什么相关。

然后这周拖延到周日傍晚才来更新博客,时间似乎是越发的少越发的紧,也许和人的年龄增长有关?年纪越大,思维和行为的速度越慢,而自己却不得而知?脚越来越凉了。本周文章来自Nielsen Norman Group,有点儿文化的味儿呢。下面进入译文。

扁平化、巨幅背景图片、默认隐藏的全局导航…当前盛行的很多设计风格都直接或间接的受到2000年左右开始的极简网页设计运动的影响。向前追溯,这些风格背后的简约哲学则来源于美术及人机交互领域当中的一些早期运动。

对于界面设计而言,极简风格,或是说“最小化设计”,其根本目的是最大化的突出内容本身,而非界面框架。如果设计的得当,极简风格可以使重要信息及功能更容易被聚焦,从而提升界面整体的易用性。

然而如今,很多设计师错误的将“极简”理解成了一种单纯意义上的视觉设计风格 - 他们将重要的界面元素移除或隐藏起来,为了追求极简的视觉效果而忽视了那些需要从整体上综合考虑的其他因素,包括可用性、易用性、产品设计策略等等。他们忽略了极简风格的核心哲学以及最初孕育了这种风格的历史情境,其结果就是,从产品整体的角度来看,复杂度非但没有被降低,反而被进一步提升了。

念叨 - 关于Keynote与Sketch、UX与音乐,以及Xcode 7 »

这个博客从2011年秋天开始做到现在,我就从来没学会怎样起个像样点的标题。随便翻翻这里那里的各种科技频道,无数充满创意与时代气息的标题时常让我自惭形愧。

话说这周是实在找不到什么有欲望做掉的译文,周末下午大好时光总不好荒废过去,雨下的固然疯狂,昏昏沉沉有的没的随便念叨念叨好了。做译文其实挺省心的;换到自己念叨的时候,思路容易飘飞,如若刻意收敛又写不出几句人话;亦或是认真起来扯个一万多字好像之前有篇Apple Watch平台认知什么的文章那样写完照照镜子发现有脑浆从耳朵里面流出来,也是蛮危险的。

念叨三件事吧。我不得不说现在各位看到的已经是自己砍掉各种过分飘飞的闲言碎语之后的字了。

案例学习 - 在实践中重新思考Apple Watch版本的Todoist »

活过了黄梅季的第一轮,眼见着下周天气预报里各种大雨小雨雷阵雨...Fork。

闷在屋里听着外面夏天的声音,那种,你一听就能感觉到温度和湿度的声音。真的有这样的声音,不骗你。冬天也有他自己的声音,但是没有夏天的这样让人想喝上几杯再看看EVA然后去睡上一觉。

这里写了好多关于夏天关于喵关于Dave Grohl摔下台一类,都被我删掉了;只是之前两周又零零散散的看掉了Philip K. Dick的短篇小说集《少数派报告》。是的,汤爷的同名电影只是来自这部短篇小说集当中的一篇。

上周末倒是略忙,译文做了一半停掉,今天补完更新上来,小伙伴们就不要空落落的了。仍是一篇Apple Watch实践,和之前一篇类似,经过首轮设计并在实际验证中发现问题进而重新思考。眼见着watchOS 2也快来了,不知真正独立的本地化app会有怎样的性能表现。下面进入正文。

Apple Watch发布之后,我们的团队立刻意识到这款新平台将和我们的Todoist形成绝妙组合。作为一款始终依附于用户腕上的设备,Apple Watch可以使我们即刻访问信息内容。

伴随着各种令人兴奋的可能性,巨大的设计挑战也随之而来。我们从头开始,时刻围绕着Watch的三个设计主体思想进行探索:

案例学习 - 面向Apple Watch自身特性及局限的产品重设计 »

我基本可以在较大范围内给自己剪头发了。

从前也只是简单的这修一下那剪一下,这周二突然来劲了从上到下从左到右来了一遍。感觉像是第一次做产品,满脑子想法然后手上收不住,其结果就是两边剪出斑秃一般的东西,以至于朋友圈里有童鞋调侃我给自己搞了个鲨鱼纹。

眼见着长了几天的鲨鱼纹慢慢恢复起来,又忍不住要下黑手了,有瘾,好像10多年前一个接一个打耳洞的感觉,又像是幻想中纹身的感觉。今天不坏,懂得以最小化的思路去搞了,剪一点验证一下,大体还好,细节里有些问题,慢慢迭代吧。总算轻薄了一些同时又不至于老远看去好像鹌鹑蛋,这就是成功了。原来自己身上这部分属性还可以在一定程度上受自己控制,而不是一辈子必须隔三差五出去和洗剪吹们浪费唇舌,想来也是蛮开心的。

除了剪发手艺之外(这也算手艺…),本周另外的收获就是看掉了诺兰的《致命魔术》以及小说《仿生人会梦见电子羊吗》,前者过瘾,震撼,后者阅后如鲠在喉却难以自拔。我爱死这些感觉了。

如果说正事,今天正事上的是蛮晚的。和前面几次Apple Watch产品设计案例不太一样,今天的这篇比实践更加实践一些。作者做了第一版Watch app,然后发现在实际使用当中问题成堆,于是重新思考彻底改变架构,在官方设计规范提供的框架基础上结合硬件性能限制和自家产品特性,做了大胆的突破,蛮精彩的。请看吧。

我(英文原文作者)为我的播客应用Overcast设计的第一个Watch版本,在整体信息架构方面和iPhone平台上的很类似,基本相当于一个缩小版本。

想来是挺合理的一件事,架构清晰,导航和界面的设计模式也完全符合Watch上的规范。不过在实际当中,这个版本的表现糟透了。

案例学习 - 关于Watch应用的导航、通知、复杂任务及动效 »

It’s better to burn out than to fade away.

距离Kurt Cobain把Neil Young的这句歌词引用到自己的遗书里然后给自己来了一枪的21年之后,Neil Young本人依然在世并仍在高唱着Keep on rockin’ in the free world.

翻翻自己常听的歌单,歌手几乎都是如今已经50岁上下和70岁上下的,除了那些自杀的和吸毒过量挂掉的。所以有时想想看,自己所爱的这些,也真算的上是恶趣味呢。

Watch已经到手一周,仍在适应和习惯,也许接下来一两周可以念叨念叨了。所谓适应,并非指十多年不戴表之后突然每天在腕上戴这么个东西的不习惯,而是指还在根据自己的生活来摸索Watch与iPhone的共生关系,还在一点点的打破“在任何情况下都通过手机来获取信息”的习惯。不少人说“有了Watch就会更加沉浸于各种app各种信息交流了吧”,我只能说实际情况正相反,我已经亲身感觉到自己在“设备”上花的时间越来越少了,就像之前有几篇关于Apple Watch的文章里说过的那样;那些作者很是有先见之明。

今天仍是Watch应用设计案例。我很喜欢案例学习,所以不会介意连续三周来做相同的话题。下面进入译文。

Wallaby是一款个人财务app,可以在你购物时根据不同的场所帮你选择最适合的信用卡进行付款,以最大程度的获取优惠或积分。不过根据我们的了解,在实际当中,很多用户在结账时常常忘记或懒得把手机拿出来使用Wallaby提供的功能。

我们希望Apple Watch版本的Wallaby能从一定程度上解决这一问题。其实在这之前,我们已经打造过Pebbel、Android Wear、Samsung Galaxy Gear甚至是Google Glass的版本了,所以对于哪些功能更适用于可穿戴设备还是比较清楚的。

案例学习 - 为Soundwave设计Watch应用时学到的五件事 »

五一假期第二天。眼前摆着脏兮兮的咖啡杯,伽莫夫的《物理世界奇遇记》,以及用来在iPhone上玩GTA San Andreas的蓝牙手柄。外面雨着,Neil Young轻声唱着“Only love can break your heart”;记得老杨曾经埋汰过iTunes提供的音乐质量,乔布斯很光火;老杨送给乔布斯唱片一类的礼物以图修好,乔布斯拒收。都是一辈子长不大的小孩儿。

突然间天气像是变的晴朗起来,外面也有鸟叫的声音了。最近时常发现一只特别小的小黑鸟不知叫做什么名字来的会落在阳台外面的晾衣杆上左顾右盼的叫着,倒是有些像燕子。

可能还是想再做一些Apple Watch的产品案例。最近开始有些设计师讲到怎样通过After Effects制作动画图片序列的事儿了。不多说了,进入译文。

Soundwave已经在iOS及Android平台上发展了将近两年。我(英文原文作者)最近有幸得到机会,能够为Apple Watch版本的Soundwave进行UI与交互设计,使其成为4月24日之后Watch平台上的首批第三方应用之一。

为Apple Watch这样的新平台设计app,这对于我们的设计与开发团队来说都是绝佳的学习机会。作为设计师,我在这个过程当中学到了一些很关键的东西。

Pages