首页

数据驱动的界面设计-20150706早读课

用心设计

1. 用户不同,数据不同

任何时候设计一套复杂的系统,都不可避免要为很多用户和角色进行设计。总裁、经理和分析师是几个常见角色,每个都有自己的工作流程和对数据的需求。

定义好角色,产生不同视角,这本身就是一种艺术。我就不在此详细解释了。如果你对此有兴趣,请看Cooper的这篇有用的文章。

关于角色,重要的一点是预先确定好,围绕它们来组织信息结构与线框图。

下面是我们去年做的一款健康报告应用的最终成品。这套系统有着不同的用户群,他们各自都需要不同的数据管理。创建了关键角色后,我们每次评审会将它们放在旁边。

2

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

用心设计

设计师Brian Danaher的个人网站,在15寸MacBook Pro上浏览时,留白占据了绝大部分空间;不同灰度的文字搭配一种关键色 – 属于很多设计师所公认的那种比较典型的极简风格。

02-minimalist-ui-ux-design.png

只有设计师看得懂!菜鸟跟老鸟使用PHOTOSHOP的差别

博博

photoshop-user-habit-difference-1

以为计算机里有Photoshop,你就是设计师?使用Photoshop的方式百百种,你是设计了一年还是设计了十年,从细节就可以看得出来(附上老鸟设计师常用的几个快捷技巧) >>>

除了大量使用快捷键是基本以外,老鸟设计师跟菜鸟设计师在使用Photoshop时有着各种不同。McCann Prague在他们的征人启事上加入可爱的idea,让你看见他们想征的老鸟跟菜鸟设计师之间的差别。

第一次碰Photoshop时的版本

ps20150403 (1)

老鸟:Photoshop 6.0

新手:Photoshop CS 5

图层的整理

ps20150403 (2)

老鸟:群组、上色分类。

新手:无。

引导线的使用

ps20150403 (3)

老鸟:简单明了、了解响应式网页设计。

新手:过度使用。

是说从Photoshop版本来看,他们想征的老鸟应该是创意总监等级了吧!

附网易同学分享的Photoshop技巧秘籍:

psjq201504031

技巧1:快速标注尺寸

你是否曾在制作规范中,让标注尺寸搞的头晕眼花!你是否曾在视觉走查中,让标注尺寸弄的怒气报表!此时已经陷入了无限的脑补中,不能自拔……..

UI和交互设计师 Virgil Pana 的界面/网页动效设计

蓝蓝设计的小编

转载一组追波上设计大师 Virgil Pana 的动效作品

UI和交互设计师 Virgil Pana 的界面/网页动效设计UI和交互设计师 Virgil Pana 的界面/网页动效设计


数据驱动的界面设计

蓝蓝设计的小编

“仪表板”、“大数据”、“数据可视化”、“数据分析”——越来越多人和企业,开始运用他们的数据来做一些有趣的事情。在我的职业生涯中,有幸参与一大批数据为重的界面设计,我要在此分享一些观点,讲讲如何造就这种特殊且有意义的产品。

Apple Watch用户体验测评界与面-关于工作的那点事儿

用心设计

微小的目标触点

人类的指触输入比鼠标输入需要更大的触及区域已经不是什么新鲜的话题了。无论个人喜好,人们的手指比鼠标的屏幕光标要宽大很多。一般成功稳妥的指触输入需要的区域大小是:1cmx1cm(1平方厘米,大约一个指甲盖的面积),从苹果腕 表来看,似乎苹果已经接受这种微小的指触输入的方式。当你在解锁腕表屏幕的时候,你需要在一个很迷你的数字屏上输入你的密码。并且,苹果通过若干个中心聚 集向外扩散的小圆来表示应用程序,这就使得启动应用程序其实是一次冒险和挑战,因为即便位于最中心的那个看似最大的圆对我们最小的手指来说也还是太小。而 且辨认这些图标还需要很好的眼力,以及愿意通过滚动使它们成功对焦的意志力。此外,如果你想删掉某个应用程序同样需要很好的运气才行,因为位于图标左上角 的小圆x只适合婴儿的手指!(虽然人们可以通过触摸整个图标来删除程序,但事实上大多数用户还是会尝试去触及那个小圆x,因为用户已经习惯于点击含有x的 小格子来关闭或删除程序了。尽管苹果试图通过填补一些可触的区域来减小用户误触率,但还是无法真正解决人们“胖胖的手指”问题,因为从我们的测试中得知用 户会尝试在可视的触及区域内触摸屏幕。)

你真的从用户场景出发了吗

用心设计

我们总是说,要从用户场景出发。

我们总是说,同样的需求在不同的用户场景下可能会有不同功能设计模式。

我们总是说,所有的交互设计在没有充分理解用户场景下的设计都属于自嗨行为。

我们总是这样说。

从用户场景出发,快说烂掉的句子。但是,你真的从用户场景出发了吗。因为无论你的脑补能力如何强大,如果你都没有出发,去实际的体验,那么你还是在自嗨,所以还需自重。

那么现在从实际出发,身体力行,去观察身边的人如何使用这些林林种种产品吧。

开发新产品?揭秘商业设计师能扮演的五种角色

周周

5-commercial-designer-roles-1

在咨询行业,投行等高手聚集的机构,有一群分析师替客户诊断大量信息,提供建议,做出结论。在设计公司里,这群分析师却换了个名字,叫做「商业设计师」,到底商业设计师在做些什么呢?来看揭秘 >>>

日历

链接

个人资料

蓝蓝设计的小编 http://www.lanlanwork.com

存档