首页

用户到达页面才是设计的开始

蓝蓝

很久之前认为一个项目的完成和上线是一个项目的完结,
后来认识到,一个项目或页面的上线不是结束而仅仅是开始,
现在明白了,用户到达页面,我们的设计才是刚刚开始。

我不敢说是绝对的或者百分百,但是用户到达该页面、该网站、使用该产品,这之前更多的依靠的是搜索或者运营的推广。作为负责部分项目的UE/UI设计师来说,我不是产品,不是项目经理,更不是运营和广告我没有那么多的能力去干预用户到达或者使用我的设计。

 
下面单说一下我理解的用户到达页面的三种状态。
我认为一个页面浏览行为可以分为:浏览前、浏览中、浏览后,三个阶段。

 
初级设计师或者是产品亦或是互联网工作人员大多认为:浏览中才是我要做的,要花心思做的。
点击查看原图

案例学习 - 我们在设计iPhone应用时犯过的错误

蓝蓝

今年,我们(英文原文作者及团队)发布了FreshBooks 的第一款iPhone应用。从前我们的产品一直是通过Web端应用的方式提供服务的。这次,我们把iPhone应用的设计开发过程看作一张空白的花布,尽力在其中实现一些新的功能概念和设计想法。在这个过程中,我们着实学到不少东西。

不要害怕犯错

对于移动应用这样的产品,设计过程中必然会遇到很多用户体验方面的问题与挑战,尤其是对于新手来说更是如此。

无论你的线框稿在逻辑上有多缜密,UI稿在视觉上有多漂亮,当它们落实成为原型或最终产品时,总会有问题呈现出来。这并不完全是坏事;我们在设计FreshBooks的iPhone应用时甚至将犯错这件事也纳入到了流程规划当中,这就意味着:

  • 坦承没有完美的设计,无论稿件和原型多么优秀。
  • 真正的成功或失败都是由用户的反馈来定义的。
  • 对于在设计过程中看到的问题要迅速做出反应,根据从实际用户身上得来的验证结果进行迭代。

接下来,我将向各位描述一下我们在项目中犯过的三个错误,以及我们是怎样解决这些问题的。

应用的主界面

在项目开始的时候,我们对FreshBooks的一些现有用户进行了访谈,了解他们在生活和工作中是怎样使用移动设备的,包括他们面对的实际问题,以及他们对移动应用版本的FreshBooks的期望。

根据这些访谈,我们归纳出了一些基本的设计原则,例如下面这条:

以任务为中心的用户体验

移动应用版本的产品应该围绕着一系列互不相关的帐单任务进行优化,包括时间追踪、为收据拍照存档、开票等等,这些是移动应用所处的使用场景当中最常见的任务。

而其他方面的复杂任务,包括批量编辑、权限管理、定制化等,则留给传统的Web端应用来承担,以此来保证移动版本在功能上的简约与集中。

基于这条原则,我们设计了应用的主界面。它由一系列最重要的任务组成,视觉上采用图标加文字标题的形式,点击进入相应的任务流程。例如,用户点击了其中的“创建新发票”之后会进入发票列表界面,然后创建新发票的界面会自动滑入视图。

点击查看原图

这种以典型任务为中心的设计思路在意图上是好的,但接下来我们发现了一些问题。

和用户谈恋爱——爱情三角理论与用户黏性

蓝蓝

亲密是爱情关系中的温暖体验,是一种朋友般的亲近。由于真正喜欢和对方在一起,渴望同对方一道建立更有凝聚力的和谐关系,希望把自己的生活以坦诚、不设防的方式与对方分享。伴侣间会发展出属于两个人的沟通风格,熟悉彼此不完美的个性。亲密令恋人互相关心,善待对方,满足彼此的需要和欲望。亲密没有激情强 烈,但能促进恋人相互亲近,让人感受到人际温暖。

30枚飙升你创造力的网页设计

蓝蓝

在激活你的创造力之前,我先来说一个普遍现象:从事设计这个职业,当没有创意的时候怎么办?会懊恼惊慌失措?觉得自己不适合这个职业吗?骚年菇凉们,不要惊慌!这种创意空白现象会发生在任何一个脑力工作者身上。那一刻抱着头的你,肯定痛苦不已的觉得自己失去了所有才干,沮丧的觉得没有在行业里继续发展的能力,乃至永远都不会再创造出很酷的设计。

其实我要告诉你:这一切都是正常的。在我们的某些时期某些时刻,每一个设计师都会倏然经历这样的苦恼,听我说,你绝对不是一个人在战斗!

但我们如何克服这些感受?找到灵感呢!很多前辈都教导我们说,想要有创造力,必须先让自己产生某种身心的愉悦!

高端设计盛宴FRAME-FPA论坛在北京完美落幕

蓝蓝

 

高端设计盛宴FRAME-FPA论坛于2012年12月15日晚在北京东隅酒店完美落幕。

 

由《FRAME国际空间设计杂志》和新西兰厨房电器品牌FisherPaykel斐雪派克联合发起的集结高端设计、生活意见、美食分享和社交活动的FPA论坛继在北京+86设计博物馆、上海源创创意园、深圳派意馆成功举办后,于2012年年末回归北京,与设计界的朋友再次相聚,共享年终设计盛宴。

pantone把绿宝石色作为2013年的年度颜色

蓝蓝

 

色彩公司pantone 最近选择了绿宝石色(emerald17-5641 )作为2013 年的年度颜色,在他们的描述中,绿宝石色 生动,光芒四射,有魅力…… 是一种代表了优雅和美丽的颜色,加强了我们个人的自然存在感,带给我们平和心态

蓝注:今年prada 新款绿色宝石的裙子, 也特别的漂亮!孙俪穿过,从者众!

点击查看原图

分享广告设计圈线下活动专题好网站:第九课堂

蓝蓝

蓝蓝写

分享广告设计圈线下活动专题好网站:第九课堂http://www.dijiuke.com/。

挺好!周六日及空余时间可以多学学、看看!

点击查看原图

案例学习 - 响应式网站的产品需求和设计流程详解

蓝蓝

根据DailyTech的统计,到2015年,移动互联网的用户数量将会超过桌面用户。除了智能手机之外,使用平板电脑甚至是电视机进行上网的用户也在持续增加。在这种形势下,怎样让我们的网站尽量兼容各种类型的设备,并确保优良的用户体验,这将是越来越重要的问题。

通过响应式的设计开发方式,我们可以使网站页面随浏览设备的不同而自行响应,动态的调整布局结构、元素规格样式,将相同的内容以不同的格式呈现给不同设备的用户。

如果你对响应式Web设计还不大了解,可以先参考阅读我们之前的关于响应式设计的概念、组成要素及基本实现思路 方面的文章,全方位预热一下。

什么情况下适宜采用响应式Web设计的方式

当客户提出产品功能移动化的需求时,有一些解决方案可供我们选择,包括原生客户端应用、Web应用等;究竟怎样的方式更合适,还是取决于具体的需求情况。另外也要考虑网站本身是否需要实施移动化。虽然响应式站点并不能算是一种纯粹的移动化解决方案,但是,在某些情况下,这种方式是非常值得考虑的。

你心里没谱

设计开发一个全新的移动版本站点或是客户端应用,整个过程是有很大挑战性的。除非产品正式上线,否则你无法真正了解它是否会成功。与其单纯的为了移动化而花费资源打造移动版本站点或是开发客户端应用,不如先花些心思将原本的网站打造的更具弹性,使其在各种主流移动设备中都拥有尽量优秀的用户体验。

你想节约成本

要打造响应式站点,自然离不开有经验的交互、视觉设计及前端开发人员。所需的资源,尤其是时间方面,比起普通网站来说大约增加20%到30%的样子;但比起单独打造移动版本的网站,或是设计开发客户端应用的成本来说,却要低很多。从维护的角度来说,也会轻松很多。

你希望网站可以兼容未来的新设备

所谓的移动版本站点,通常是针对某类具体规格的设备进行单独打造的,弹性比较差。新的移动设备层出不穷,传统的移动版本站点需要不断的进行更新维护,才能尽量保证在新设备中工作良好。响应式设计可以根据设备浏览环境的具体规格进行判断,使用不同的呈现方式来展示内容,无需针对某种特定的规格进行维护,适应性更好。

表单设计与转化率的提升

蓝蓝

 

无论是用于注册、支付还是联络,我们总是需要通过表单来获取用户的信息。不幸的是,在现实当中,总会有很多访问者一见到表单就会立刻点击浏览器上的后退按钮。这里面原因有很多,例如表单篇幅太长、不大友好、不那么值得信任,或是用户还没真正准备好进行交易等等。

这种情况每发生一次,我们就失掉了一个潜在用户。怎样将表单设计的让尽量多的访问者更愿意完成填写,这是设计师们必须面对的挑战。站在用户的角度,我们可以将问题分为四个方面。

我能得到什么?

一提到“转化”,设计师们首先想到的往往是一些相关操作的细节问题,包括按钮的颜色、标题的字号、对比度、对其方式等等。当然,这些是必须考虑的,但最最首要的问题是:作为网站的访问者,我为什么要填写表单?我能得到什么?

访问者不会简单的因为你提出了相关要求而把自己的个人信息透露给你;你要让他们看到这样做的好处在哪里。不妨把这件事看作一种交易,你的访问者提供他们的名字与邮箱地址,从而换取到一些他们需要的东西,例如享受服务、免费试用软件、下载PDF文档等等。

点击查看原图

除了让浏览者知道他们能得到什么东西以外,你最好还能告诉他们这东西为什么是他们所需要的。要聚焦在产品的价值上,如果你能用最简单的介绍文字描述出你的产品能帮用户解决怎样的问题,唤起他们的共鸣,那么即使表单本身稍微复杂些,他们也会愿意完成填写;否则,字段最少的表单也不会引起他们的兴趣。

年度最佳的30个名片设计

蓝蓝

 某国外设计网站连续12个月评选出月度精选名片设计之后,在年底推出了年度最佳的30个名片设计。在这30个入选的名片中,造型感突出的名片显然比较受欢迎,尤其是与各自行业相关的创意名片让人惊喜不已。 
 

ade_chong005.jpg

日历

链接

blogger

蓝蓝 http://www.lanlanwork.com

存档