首页

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

Design.Open.Raina—活动页设计心得二三

蓝蓝设计的小编

 

又一年总攻节的硝烟刚散,各大电商网站连通大小门户平台都经历过一轮铺天盖地的促销与各类花色繁多的相关运营推广活动。

看了好些五彩斑斓的活动页面,结合最近阅读的相关文章和自己参与应用中心活动页设计以来积累的一些不成熟的经验,总结出了关于活动页设计的一些小心得,值此佳节(昂=_=?),希望能抛一些砖并与大家共同寻找玉的存在^^。

 

活动页简析

活动专题页面,顾名思义是承载各种形式的节庆促销、宣传推广、营销产品发布等等活动的页面,形式与内容也多种多样。 典型的静态活动页面通常使用页头banner+标题再配以活动入口的展示形式,主要以背景、banner和标题字体的视觉处理来烘托整体氛围;如今也越来越多的活动页会加入游戏等趣味性强的互动方式,采用flash形式展现,今年TMALL的喵星球抢红包活动就是绝佳例子。

设计师要抱着对待朋友的心态去对待用户

蓝蓝设计的小编

现在,互联网在为我们带来便捷生活的同时,也为我们筑起了高墙。人与人之间的关系越发淡薄,人与电脑的关系却越发密切,很多人无意间将自己的感情寄托在电脑上,也可以说是互联网产品上。大多数用户的70%的时间都花在这些产品上,他们通过产品界面完成所有的互动,界面是由设计师来设计的,也就是说这些用户70%的时间是在和设计师进行沟通交流,那么设计师是不是应该以一种好朋友的姿态来对待他们的用户呢?试想一下,在实际生活中,如果一个人愿意用70%的时间和你交流沟通,那ta肯定是你的闺蜜或很好的朋友吧。

作为设计师,我认为自己应该像对待好朋友一样,去对待我们的用户,用心地帮助ta们,关心ta们。在实际生活中,你会怎样对待你的好朋友呢?怎么对待朋友就怎么对待用户吧,下面我用自己收集来的案例来说明我们如何待”用户“如待”友“。

 

1. 你总能向朋友很形象地描述些些事情

设计案例1:你对朋友说:讲话慢就像乌龟跑得慢一样,讲话快就像兔子跑得快一样

设计案例2:你告诉朋友:开心表情代表消息发送成功时,难过表情代表消息发送失败

设计案例3:你告诉朋友:”你摸小鸭icon,小鸭icon也会张开翅膀;icon也有心情也有微表情。

移动设备的转场设计

蓝蓝设计的小编

移动设备的转场设计

 

讲到移动设备的转场设计,我们先来看看移动设备。 移动设备有三个主要的特点:

1. 屏幕小,相对于普通的PC来看移动设备的屏幕相对要小很多。

 

2. 使用环境多变,由于移动设备便携的特点我们会在各种环境中使用。

3. 由于屏幕小一次展示的内容少加上各种不稳定操作环境,软件上有简单易学易于操作的特性

回到正题来看转场 说到“转场”一般都会想到电影和PPT里面的转场,

下面来看转场在这两个领域的定位和作用

网页设计中建立良好的视觉层级,好文!

蓝蓝设计的小编

 

随着互联网信息爆炸式增长,用户浏览单个网页时,并不像我们想象的如阅读文章般从左到右、从上倒下逐一查看,为什么?

一、 视觉层级为什么重要

左侧是设计师期望用户的浏览方式,右侧为用户实际的浏览方式—摘自《Don’t make me think》

用户来到一个网站有他自己特定的目标,如阅读新闻、购物、查看新消息,然而信息量太大,逐一查看需要大量时间,这就要求网站能抓住主流用户特征,将重点推送给他,用户找到自己的目标或感兴趣的点,才有可能继续浏览或产生下一步动作,否则就会离开。

用户时间有限加上互联网信息量巨大,这两项原因正是考验视觉设计师要建立良好的视觉层级呈现给用户,帮助用户快速找到目标的功力。

总结一下,建立有效的视觉层级主要从以下四个方面着手:

1、简约: 有选择的展现信息,让用户在有限的信息中发现重点

2、组织: 预先对信息进行科学的分类,整理好优先级,可以得到更好的传播效果

3、呈现: 多种表现方法结合,呈现最好的视觉层级效果,这个点细化后有很多可挖,这里总结了几个点,欢迎继续哈

4、引导: 遵循用户习惯,同时给予适当的引导推荐

怎样的设计能给人留下深刻印象?

蓝蓝设计的小编

 怎样的设计能给人留下深刻印象?

  名人效应 (借助名人或明星效应,产生不言而喻的说服力)

  每人内心都有自己仰慕或效仿的对象,而且有一种想尽可能地向他靠近的心理欲求,从而获得心理上的满足。在选择人物形象时必须要与产品的品格相吻合、使用户快速理解产品传递的特点和价值,比如我们以往的设计作品中经常会使用到马云的形象,他在互联网具有极高的话语权,选择用他的形象来推广产品能产生不可言喻的说服力,当然你不能滥用。

  时势结合 (紧随潮流,激发思想和感情上的共鸣)

  结合当前社会事件如钓鱼岛、奥运会、中秋节、中国好声音等等,或当下流行的语言词汇如屌丝、高富帅、白富美等等,紧随潮流的事物反应当下的社会形态,潜移默化的感染到用户的思想或感情,产生震撼和共鸣。下面的例子就是结合现在最流行最热门的节目“中国好声音”。

日历

链接

个人资料

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

存档