交互设计及用户体验

扁平化设计与色彩趋势

蓝蓝

这篇文章将展示很多很酷的范例,甚至还提供了一个免费的用户界面工具包供你下载和使用。但如果是你自己的话,你打算怎么做?给点提示,色彩是扁平化趋势中最重要的一部分。

扁平化设计进修

wistia

roybarber

交互设计师,你要懂视觉

交互设计师之所以要懂得视觉语言,主要体现在原型制作的工作部分,
因为输出的虽然是低保真原型,但低保真原型的设计过程其实也是一个视觉化过程。

废话少说,直接解释吧(大致按照动手的时间顺序,以数字媒体界面为例)。


1 设计界面框架要懂视觉
在定好功能,搭好信息架构之后,一般进行单独界面的框架设计(鬼扯,真实的操作顺序谁知道!)
框架设计是元素在界面上的大致布局,界面分几块区域,哪一块区域放什么内容之类的。
这里需要交互设计师确定这么几件跟视觉有关的事情:

QQ酒店返现V2设计回顾

蓝蓝

QQ酒店返现2.0设计回顾
项目背景

当你使用弹性社交网络认识了怦然心动的某人,立即需要一个“做案现场”的时候 ;当你临时出差到一座陌生的城市,一下飞机就为订酒店而烦恼的时候,你可能就要感谢那些“开房 App”了,它们可以根据地理位置显示出离你最近的酒店的实时房源,然后轻松点几下手机屏幕,问题就得到了解决—–这是《创业家》杂志给酒店预定应用描绘的使用场景。我们的“开房 App”已经在Android平台跑了一段时间,相信已经是不少用户的“做案帮凶”了,产品经理又找上我们,谋划着怎么让这个做案工具帮到更多的人这次,我们从ios开始……

设计的灵感 + 用研的力量

蓝蓝

前言:年初沉浸于工作中的重点项目,都快忘记写文章了,惭愧。分享既是学习,没有分享就没有学习的机会,2013年应该继续多写。同时也总结了2012年的写作,发现我很多时候是对自己感兴趣的各种文章、现象,在写设计笔记与思考。有时思维种种,并没有总结到很踏实。以后会改进,多采取灵感文+实战文的写作节奏。

手机上的长列表

蓝蓝


这个Watch Lists其实很长,有几十项,表现出来是这样:每页只显示5项,可以显示在一屏内,然后翻页。
在PC网页的设计时我们知道:把更多的内容放在一个页面里展示,比跳转页面更好,用户更容易看到。几米长的门户首页就是这么来的。

20个你该知道的UI设计原则

蓝蓝

对图形设计大师Paul Rand来说,设计绝不是简单的排列组合与简单地再编辑,它应当充满着价值和意义,去说明道理,去删繁就简,去阐明演绎,去修饰美化,去赞美褒扬,使其有戏剧意味,让人们信服设计师所要言明的。针对这一见解,界面设计师Joshua Porter在他的博客中谈到了20大UI设计原则。

1.清晰度是首要工作

清晰度是界面设计中的第一步,也是最重要的工作。若想让自己设计的界面有效并被人喜欢,首先要做到的就是让用户能够迅速识别出来,让用户知道为什么会使用它。当用户使用时,能够预料到将要发生什么,并成功的与之交互。虽然有些界面设计得并不清晰,但好像也能够满足用户一时的需求,但并非长久之计,只有清晰的界面才能够吸引用户不断地重复使用。

2.界面是为促进交互而存在的

界面的存在,促进了用户和虚拟世界之间的互动。优秀的界面不但能够让我们做事有效率,还能够激发、唤起和加强我们与这个世界的联系。

你应该知道的20大UI设计原则

从内观禅修悟出的产品哲学

蓝蓝

蓝蓝注:很久以前,有一个很好的朋友去国内的内观中文呆了十天,回来后的他与以前不同,多了一些寂静观喜,总是以喜悦的态度去看人事物,不纠结,不为难自己,也不强求别人。他一直对我们讲要我们也去禅修一下。我口上答应着,内心嘀咕着:去哪儿修行吗?对公司、对工作、对家庭有好处吗?十天很久也。

今天看到这篇文章,有心人去哪里都有领悟,能以文章表示出来,是一种能力。

这文中三点:1、与其相信用户告诉你他要什么,不如靠自己的对产品的觉知——用户观察为先不一定正确。

我是这样理解的:觉知比理性调查更有用,有人信觉知,有人信调查。你问出答案,对方回答出来的未必是真心的,有可能说慌。有一部片子 lie to  me,是讲以人的身体语言去觉知人的思想的,高水平的觉知可看透人心。

2、平等地去看待假设,它们本质上是没有区别的——保持对他人的同理心

我是这样理解的:事无对错,只看从什么角度对看,产品经理保持无区别心的对待,从各角度理解体察,能理解别人,海纳百川,从善如流。

3、以慈悲的态度对待用户,人性化的设计——拒绝被动的用户黏度

我是这样理解的:不强迫用户,用吸引的方式达成,不用推荐及强买强卖达成。


提升产品体验愉悦性的十个方法

蓝蓝

无论我们的实践方式从哪个角度出发,有一点是无疑的:任何一个成功的设计方案都必须以产品功能的可行、可用、可靠为基础。假设你已经有了一款可用的产品,并且希望为其注入更多能够让用户在情感上为之吸引的元素,那么你应该做些什么呢?应该从何处入手?下面是我的十个建议,希望能够帮你有效的提升网站或应用产品的体验愉悦性。

闲扯到底什么是“竞品”

蓝蓝

转载蓝蓝设计(   www.lanlanwork.com  )是一家专注而深入的设计机构 ,为期望卓越的国内外企业提供有效的   BS界面设计 、 cs界面设计 、  ipad界面设计   、  包装设计 、  图标定制 、  用户体验 、交互设计、   网站建设 平面设计服务

来源:http://iamsujie.com/4000/4024/

如果您想订阅本博客内容,每天自动发到您的邮箱中,   请点这里


竞品分析,具体怎么分析,网上有很多方法,但是到底什么是“竞品”,今天随便聊聊。

假设你是一个早点摊子上,负责卖豆浆的伙计(不好意思,分工有点儿过细了),这时候你为了卖出更多的豆浆,获得更多的提成,你开始做竞品分析,你会把什么当做竞品?

好,旁边那个摊子上卖豆浆的,跑不了,肯定是。这是最初级的考虑,同质产品,这叫“用同样的产品功能解决同样的用户需求”,和这样的竞品玩,比得是产品功能的优劣,比如你是现磨的,他是采购袋装的,你可以引发喝豆浆应该加糖还是加酱油的旷世舌战,他可以有红豆味、花生味,可以装背包里带走……你观察一下每天路过的用户都是啥样的人,大致就知道各自的优劣势了。

这样的竞品分析,相对简单,瞄着和你做同样产品的人即可,好比新浪微博盯着腾讯微博,暴风影音盯着QQ影音。而这种分析的结果,往往也只能带来一些功能层面上的优化,不会对产品方向带来什么新思路

日子一天天过去,咱现磨的豆浆越来越得到用户的认可,健康看得见嘛,忽然某天早上,你发现隔壁摊子居然放弃豆浆市场了,开始卖各种牛奶和果汁!你震惊了,Why?赶紧去问用户,你为什么要买豆浆?用户不一定是要喝豆浆,而很可能的答案是——包子太干了,应该有点喝的东西,所以,牛奶也可以啊。

用不同的产品功能解决同样的用户需求”。这叫“替代品”,可以延伸阅读波特五力模型。于是,你体会到,竞品分析不应该单单停留在对“产品功能”的分析上,还可以去寻找你这个功能背后要满足的“用户需求”,能解决同样“用户需求”的其他解决方案,也是竞品。这种分析,会给产品带来新思路、新方向,好比,做网上超市的要多去沃尔玛逛逛,做报纸的应该订几份杂志。

多去接触用户,你会发现,他们买豆浆的原因还不止一种,同样的产品功能解决不同的用户需求”也很正常。这会反过来促使你重新思考自己的定位,到底要优先满足什么需求?于是你会在不同的需求场景下,找到不同的替代品:豆腐、千张(有人喜欢豆制品);粥、馄饨(包子也不买了,直接来稀的);自来水、漱口水(吃完包子漱口,把菜叶弄掉……)。

想清楚了,再进一步,你还可以把这个买豆浆的原因追问下去“为什么”,从而“用同样的产品功能满足不同层次的用户需求”。最深总可以挖到人性的心理或生理层面,比如喜欢豆制品那个,也许是用户体检后发现自己缺什么元素,所以与某些保健品、药品也有关系,那么,你卖豆浆,是否可以往“健康”的需求上靠?这样,在不同层次上,通过对不同的竞品做分析,你可以给产品更多跨界的思路。

不是有一句话么:“互联网/手机上的所有产品都是竞品,竞争的是用户仅有的那点时间”。当然,分析完之后,自己最终做什么产品功能,还得考虑很多其他因素了。

试着绕口令式的小结:

你的产品,

在解决同样需求的时候会碰到同样的产品;

解决同样需求的时候会碰到不同的产品;

解决不同需求的时候会碰到不同的产品;

解决不同层次需求的时候会碰到不同的产品。

他们都是竞品。

iOS人机界面指导手册和安卓设计指导

蓝蓝

产品经理和设计师看一下:

 

iOS人机界面指导手册(iOS Human Interface Guideline  在线地址:http://t.cn/hb5g1R (点右侧PDF可直接下载) 

一个不错的中文翻译:http://xuexiao.me/2011/03/ios-human-interface-guidelines/

 

 安卓设计指导(Android Design 在线地址:http://developer.android.com/intl/zh-CN/design/index.html 

一个不错的中文翻译:http://www.topfun.us/adchs/index.html

日历

链接

blogger

蓝蓝 http://www.lanlanwork.com

存档