淘宝UED招聘第三季,不仅仅是招聘广告

http://pics.taobaocdn.com/bao/album/promotion/taobaojob1.jpg

“如何来吸引更多才华横溢的人才?”

这个世界每天都在进行着太多变革。很多时候,我们都努力让自己用理性和数据来说明问题。

可是我们发现背后还有股无息的力量,理性和数据无法丈量。

商量了一下,我们决定讲个故事给大家。

描述在UED的真实生活,把每天经历平淡而有趣的生活拼凑起来,发现大家真诚的面孔背后有太多独特的品质熠熠发光。

这,是我们最大的财富。

于是,我们只用了四个工作之余的时间来完成了这个故事,让每个朋友了解这里的真实生活。

却也正是在这样平淡的故事中,回答了开头的问题。

故事依然在进行中,淘宝UED留好了位子给你…

最后,附上这则小广告的致谢名单,让我们默数他们。

“策划&编剧&文案&视频后期”:在天

“主演”:小马

“监制&统筹”:语凝

“艺术指导”:宗羲

现场分享:飞飞

文案翻译:晓荷

手绘插画:健刚

Flash技术:天行

前端开发:明城

Comments (1)

视觉对交互的帮助——提升可用性

在整个产品设计的过程中,视觉设计与交互设计的“工序”非常紧密,两者关系也是相辅相成,互相影响。而视觉界面作为最直接与用户交流的层面,如何把交互设计以良好表现形态展现给用户,这里主要集中探讨视觉在提升交互的可用性方面的作用:

1.提升可浏览性
2.精确与高效地传递信息与任务
3.贴合用户的心智模型
4.让交互富有情感


1.提升可浏览性:

1)信息结构的良好表现
视觉设计在对交互的帮助中,首要满足对产品与交互信息结构的展现,展现信息的清晰可读性,然后才是品牌,情感的传达。视觉语言可以通过分层,分类,对比等语言手段对产品概念及信息进行处理。
例:
pic.01
081015_03

pic.02
081015_04




对上面两图进行对比,同样都是文章详情页面,相信没有多少用户在浏览pic01时能快速准确地知道网站想给他什么信息,或者让用户做什么。信息主次的分布,层级,色彩,均无做好有效分布,用户一边迷惑,一边迷路。而pic02对内容按主次程度来划分,最重要的文章详情信息一目了然,结构有序,条理清晰。
我们能感受到视觉语言的有效干预,能对信息结构的展现起到很大的帮助作用。 Read the rest of this entry »

Comments (5)

简谈衡量界面视觉设计的方法

我们经常会遇到视觉界面设计无法衡量好坏的问题,其实简单来总结一下,可以从以下6个大方面来判断:

   

    .视觉有否正确传达出产品/交互意图

       视觉界面设计,不是单纯的图形设计,而是整个产品设计中的一个步骤,要在理解和遵循产品概念的基础上,

       参照目标群体心理模型和交互意图进行视觉设计,并且视觉设计要达到用户愉悦的目的。

   

    .布局

       用户所接触到的网站/产品的界面,是一个平面,我们通过信息结构组织,主次内容归纳和区分,通过布局,

        给用户浏览阅读的线索。

        *版面布局(栅格系统 网页浏览模式)

         —-以规范的栅格系统部署的界面,信息呈现清晰易读;对前端开发更具规范与灵活性。

         —-网页浏览模式如“F”型模式,等,能帮助了解用户浏览和关注度特征,用依据来做视觉设计。

       *层次感

         —-视觉界面设计犹如美妙的歌曲一样,需要节奏和韵律感,通过层次来营造。

        *留白/间距

         —-有助于减少用户的认知负荷,使界面富有呼吸透气感。同时增强界面层次的结构与划分,是界面精致度

             体现的重要元素。

   

    .信噪比(SRN

        简易浅显来说,是视觉界面上有效信息与干扰信息之比。

        信噪比越高,有效信息越突出。

   

    .风格

        风格是通过一系列视觉元素表现出来的,能体现品牌和产品情感化感受的视觉语言。

        同个网站/产品/界面的视觉风格要一致,可以通过视觉规范,DPL,淘斯基等来进行规范。

 

    .色彩运用

        *色彩经济

         —-在同个网站/产品/界面的视觉设计中,建议主色不超过3种,以保证颜色及其赋予的值能被有效识别和理解。

        *色彩赋值

         —-把色彩看成资源,严谨赋予他合适的值,并保证统一的运用。

   

    .字体设计

        同一界面中的字体及样式不超过3种,赋予每种字体样式值。

        字体的对比度要清晰,便于阅读。

 

   

 解决问题的方法肯定是越多越好,希望大家有更好更多的设计方法一起交流共享!~

 

Comments (1)

车的颜色是天空的颜色

白色的帽子

… …
“这是柠檬的味道吧?”
从护城河畔上来的一位绅士,问了一句。
“不,是夏桔的味道。”
信号灯变成了红色,司机松井踩下刹车,笑嘻嘻地回答道。
今天是六月初的一天。
夏天好像突然就开始了,一个炎热的日子。松井和乘客都把白衬衫的袖子,卷到了胳膊上。
“嗬,原来夏桔这么清香啊!”
“才摘下来的。昨天,乡下的母亲用快递给我送来的,是想把这股子清香都送给我吧!”
“嗬嗬。”
“我太开心了,就挑了一个最大的,放到了车上。”
信号灯变成了绿色,车子一齐开动起来。在这条大马路上拐了一个弯,松井的车驶进了一条窄窄的后街小巷,绅士下了车。
正要踏油门,松井吃了一惊。
(哎呀,一顶小帽子掉到了车道的边上。离车道那么近,要是再来一阵风,就被车子给压扁了!)
摇曳的绿色柳树下,孤零零地躺着一顶可爱的小白帽子。
松井下了车。
他捏住帽子往上一提,有个什么东西“呼”地飞了出来。
“哎?”
是一只白粉蝶。
松井连忙挥着帽子去捉,可眼看着那只白粉蝶飞啊飞啊,愈飞愈高,飞过了一排高高的绿树丛,看不见了。
(啊呀,是谁特意扣在这里的吧?)
帽子的里头,还用红线绣着一行小小的字:
… …

Comments (3)