月度归档:2015年05月

学习笔记:优秀交互文案5原则 – 来自Google Ventures设计合伙人

最近终于可以暂时放下创意和营销这件事,可以安静和组里同学聊聊产品和交互,这还是很惬意和开心的事。我觉得创意和营销是感性中寻求理性,交互就是理性中寻求感性,将情怀藏在逻辑中。

今天读到的是FastCompany刊登的一篇文章,来自Google Ventures的design partner John Zeratsky,大哥在Google Ventures时经常帮一些创业公司看看设计看看交互看看文案,这篇文章就是来自它的一些小心得。

文案不仅和设计一样重要,也是设计的一部分,这个观点深得我心,因为在做小米网站产品的时候我们在做按钮文字的A/B Test的确失之一字差之千里。

下面是我的阅读笔记摘要,原文在 http://www.fastcodesign.com/3026463/from-google-ventures-5-rules-for-writing-great-interface-copy? ,也可以在我的Blog http://fri.sh 找到地址。

==== 这是阅读笔记的分割线=================

-对很多IT公司设计很神秘,作者的看法是:设计并不是一个神奇的创意工作,而是理性客观可组织的。
-设计并不只有关视觉,设计要指出产品能做什么,它如何工作,它要传达什么。
-设计最需要考虑的是:我们的产品要对使用它的人说什么,设计如何持续给用户惊喜。
-作者的工作方式是聚焦写一个牛逼的文案,然后用最基本的视觉凸显出最重要的部分,往往可以击败最华丽性感的原型。
– 文案应贯穿设计过程,在原型阶段不考虑文案(如果只用lipsum之类的占位符),将失去对用户体验的早期测试、洞察。

1.简洁为王
– 要具体,例如“保存”和“提交”是两回事
– 留意术语和缩写,例如“Repository”比”repo.”要明白
– 前置重要的信息,例如写“继续”,而不是“点击继续”
– 别偷懒,将“确定”和“取消”用更准确的词代替

2.凸显个性没你想的那么重要
– 核心就是说别在按钮上用奇怪的文字,比如确定按钮写成“赞,让我们走起吧”。精确表意才是最重要的,如果要加入这种文字可以在副标上,也要克制。

3.直接了当
– 最好的界面文案,都是直接告诉用户你想让他知道的事。比如“一种全新的方式”,就不如直接描述出来方式是什么。

– 一个简单的标签(我觉得说的是slogen),可以帮助用户理解。
– “保存并继续” 比“下一步”要好,告诉用户正在发生的事。

4.用户的确是读文字的
– 用户是读文字的,无论短的还是长的。(通过过去10年对app和网站的研究,这一点我也有同感,在小米网产品页面最深层的错字或错误描述用户都能第一时间挑出来!)
– 用户喜欢读标题,但是按钮、链接、表单标题也都会读,这些都是最重要的元素,应当仔细去写。
– 必要的文字不嫌多,前提是文字简洁直击重点

5.文案写作是设计的一部分
– 文案是设计的基本核心元素,和交互设计、视觉设计、原型用户研究一样必不可少。它应当贯穿设计全过程。

学习笔记:网页设计如何有效利用留白

2015开年就一直在封闭工作的状态,每天没日没夜跟了4场发布会T_T。和来自各个国家的海外同事一起工作的时候发现自己就是一个英语盲。最近节奏总算缓了一点,觉得还是应该多一些时间思考和学习。前一段时间偏重创意和市场的工作,对于设计与交互有点手生,最近在twitter关注了几个好玩的交互设计的twitt,学习之余捡捡英语。

翻译太废时间,把读到的内容做成笔记,希望可以坚持下去:)

今天读的是来自 Tomer Lerner 的一篇《How to Effectively Use Whitespace in Web Design》。和网页设计师沟通的时候总遇到内容太空,内容太满的讨论,所以这篇文章一下子就引起了兴趣。其中有个观点很有意思,就是留白并不是元素间的空白,留白本身就是设计元素。从布局和组织的思路来看留白,这样就不会陷入太空太满的讨论,而是从如何引导用户视线。

有些意思看得也不是特别明白,做个很机械的摘要,如果大家有新的思考请给我留言:)

=== 下面是学习笔记摘要的分割线 ==

网页设计如何有效利用留白

1.设计网页时经常围绕留白纠结

2.留白不是“设计中的空白”(spaces between design)仅仅在元素中间用来填充。留白本身就是一个关键的设计元素。(空元素 empty elements)

3.留白将内容组织在一起,并且在设计中为元素布局

4.聚焦:留白可以聚焦内容,例如google首页的极简设计(minimalistic design)

5.组织:留白是一种干净的组织内容的捷径。用留白组织内容要有一致性(间距,段落,文字,分区等元素),可以先将内容分组思考。用留白来布局很好调整,不妨一试。

6.突出重点:因为用留白布局行程的一致性,稍微调整元素很容易突出出来。

7.留白不一定是白的,也可以是黑的。尤其是切屏设计时,留白设计更好组织和聚焦,简单改变留白颜色就可以更好的布局(这段没太看明白)