Category Archives: Let’s talk about UX

Universal principles of design-part2

By | Let's talk about UX | No Comments

Closure 封闭区域 一种倾向于把单独的元素看成一个可以辨识的模式或者整体,而不是多个零散的个体。(格式塔心理学) 这种要求完整的心理如此强烈,人们倾向于脑补来达到完整。它是自发并且下意识的。 比起复杂、随机,人们更期待简单、有规律可循的模式。 比如:设计师在设计图形的时候要整体,元素造型简单,元素彼此有关联。如果没有这些关联,使用巧妙的设计手段去引导读者视线去寻找关联。一定要容易,否则观众仍会把它看成孤立的元素。叙事中,经常线索是需要读者分析。其实是作者和读者一起构建的故事。*这就是每个人心里都有不同的哈姆雷特原因吧? 指导意义:帮助设计师做减法,让设计简洁。比如logo设计中,一些线条可以删除。另外,因为心理上还是会把图形当成一个整体。用户也参与到其中,会显得logo设计又简单又有趣。但是要注意巧妙的引导。   Cognitive Dissonance 认知失调 认知失调。(人倾向于寻找在态度,思想,信仰中寻找一致性。) 失调会导致不舒爽。 人们减轻失调的方法主要有三种:1.减少失调认识的重要性。(增加协调的认知,减少不协调的。对于“用钻石表达爱意”这件事。你可以减弱不协调认知,认为钻石只是排列整齐压缩的碳原子。也可以增加协调认知,认为这是造成消费者认知失调为手法的商业手段。还可以)2. 去除或者改变失调(做其他的事情也可以传递爱意。或者干脆还是买了吧。) 通过小的奖励来制造“认知失调”的时候,奖励的大小会有不同结果。当奖励小,会认为做做看,因为我喜欢。当奖励大,会觉得有钱作为补偿,忍忍吧。比如AOL免费的试用,会让你冲破阻碍输入繁复的个人信息成为注册用户。但是试用期一过,提供简单的继续支付方式让用户成为正式用户来解决认知不协调。 指导意义:在广告中制造“认知失调” 。提供轻而易举的让“认知协调”的方法。 Color 色彩 色彩可以引起注意,群组元素,表达含义,增强美感。 颜色的数量:一眼看过去不要超过5个颜色,并且不要把颜色作为主要传达信息的方式。因为有色弱和色盲的同学。 颜色组合:相邻,互补,三角形,正方形。跟自然学习。灰色,黑色白色不会产生任何不协调。 饱和度:饱和度高吸引注意力,饱和度低合一提高效率。通常说来,亮色友好并专业。饱和度低并且亮度低的颜色很正经并且专业。饱和度高制造兴奋感和动感。在进行高饱和度色彩搭配的时候注意色彩的冲突会眼睛不适。 符号性:跟文化有关多考察。另外,颜色造成的情感和心情也没有确实的证明。   Common Fate 共同命运 在同一时间进行同方向,同速率运动的元素被认为是群组的相关的。反之会被认为没有关联。…

Read More

Universal principles of design-part1

By | Let's talk about UX | No Comments

《通用设计原理》 最近看这本书受益匪浅。 多年来做的工作,原来是用这些简单的原理就可以概括的。 这本书的确很经典。它解释了设计的本质。本质实际是了解人,了解作为设计主体的人,受到得心理和生理的各种限制所以导致我们的设计要满足各种这些本质的要求来达到成功的目的。 如果剥离了产品本身,设计的成功旺旺在于是因为对人的心理和认知特征的种种掌握。 这些原理让我深有感触: 80/20 庞大系统中发挥重要作用的是一小部分变量。 比如:产品被使用最频繁的功能只占所有功能的20%左右。界面中常用的20%最易用最可见。 指导意义:当资源有限的时候,重心放在20上,节省资源。超过20的功能会带来复杂性和错误,可能会抵消好处。   Accessibility 无障碍 对象或者环境应该在不需要任何修改的情况下让最多的人可以使用。 可用有四个特点,可认知,可操作,简单,容错。 比如:一个大号箱式电梯。门大,扶手,高低两组按钮,电梯上的按钮图标。 指导意义:让尽量多的人可以用。   Advance Organizer 先导组织工具 介绍技巧,通过已知知识来推介新内容。来帮助新知识被快速理解和掌握。 有两种类型: 对于完全不懂的观众,先解释是什么。对于有经验和已经有知识的观众,用对比的方法说出新系统的不同。 比如:在介绍新内容的时候,用第一种方法,告诉你要说的内容位置在何处给人全局观。介绍已经熟悉的内容,在对比中把不同重点介绍出来。 指导意义:便于学习和掌握。 Aesthetic-Usability Effect美感-可用性原理 这是一个看脸的世界。美被贴着更好用的标签。 美会培养正面和有效的态度。也会让人对它的其他不足有忍耐力。激发使用者的创造力,提升解决问题的能力。…

Read More

Toastmaster

By | Let's talk about UX | No Comments

第一次参加这样的活动,心里有点小激动呢。 担任 Timer一职。给所有参加活动的组织者,评选者以及演讲人进行计时。 这里面有个小小的设计问题。 5-7分钟的Prepared speech还有2分钟的table session到底应该如何进行合理的倒计时。 显然使用在剩1分钟,30秒,0秒,-30秒的规则去提示两种时长不同的演讲不是很合理。 按照整体时长来等比例缩放也许是一个好的方式。 第二个问题是5-7分钟,这个有时间范围的演讲,说多久可以被定义为“充分利用时间”。如果是固定时长的演讲,通常是在限制时长前1分钟和结束后30秒前说完是被认为“充分利用时间”的。但是这个有时间范围的该怎么判断?策划公司的老师给了答案:5分钟的时候。 你看?设计是不是无时无刻不在呢? 展示一下我的计时表格:          

Read More

Automatic Feeder Design

By | Let's talk about UX | No Comments

狗盆猫盆是我一直想做的课题。因为家里养了一直爪子很欠的猫,力气又特别大。喂食机前后换了3台,总支出已经超过了600元。 一直对喂食机的设计不满意,想要自己设计一台。 首先,在亚马逊官网上,按照销售量拍了个序,看看大家最看重的功能和价格组合是什么。当然也包括最讨厌的不足。 Best Seller-TOP1: link Best Seller-TOP2: link Best Seller-TOP3:link   经过对用户评论的总结,这些属性是用户喜欢的: 价格 40刀左右。 运行稳定不出错。 设计合理,不能翻到,不能被猫狗打开。 设置简单。预置。 控制食量和喂的次数灵活。每天支持5顿,每顿不同的量。 可以喂干的,湿的,奇怪形状的。 放到洗碗机里清洗,实物新鲜。 结合销量,发现喂食机并非想象中的强需求。出货量最大的商家也就是几千台。还不如中国的淘宝一家店1个月的总销量高。 另外,用户对喂食机的智能化程度要求不高。他们甚至能够接受首次设置食量和喂食时间的麻烦。(看来老美的智商某些时候还挺高的。) 出货量和我想想中的差别原因应该在这里: 狗通常主人出门的时候都会托管或者寄养在朋友家而不是让狗狗郁闷的自己在家吃自动喂食机的饭饭。 猫咪比狗的使用频率高。因为他们不介意1-2个星期家里没有人的独处生活。(但是,猫咪是很聪明的动物,多数都没有暴饮暴食的行为。所以一下子放很多食物也没问题。) 猫咪中80%早上5-6点钟就要叫或者骚扰主人喂食。这也是喂食机的主要用途(摆脱骚扰) 还有一小部分人是为了宠物身材,疾病等故意定时定量。有点医疗用途的感觉。 那么就是说,到底谁会去用自动喂食机呢? 养猫的并且经常外出。…

Read More

有关 Uber UI 设计的几点分析

By | Let's talk about UX | 2 Comments

中国的各种O2O风头正劲。 不管什么公司无论大小,都热火朝天的投身其中。他们也许不知道把所有的东西变成线上以后继续做什么,但是谁都不愿意错过这场盛宴。以为如果不这么做,就意味着失去了某个领域的入场券。 跟我们最相关的,最是强需求的,恐怕就是各种打车软件。我们来瞅瞅估值最高的公司Uber。 最早接触这个服务是在2013年7月西雅图一次出差,老板为了impress us.不惜让Uber司机开着凯迪拉克拉了我们两个街区。。。而已。。。省了养车费用却一点都没有影响使用的舒适性。司机看起来完全是自家顾的。彬彬有礼的给客人开车门。着西装,带白手套。给乘客各种不真实的幻觉感觉这就要去走红毯的节奏。 2014年12月Uber已经是创业公司中估值排名第二的公司。估值50billion。它在2014年进入中国不过表现一直不愠不火。加上滴滴快滴的竞争它一直不受注意。直到它找到了擦边球的“拼车”模式也就是“People’s Uber” 只需出租车价格的70%。Uber开始大热。周围的朋友也抛弃了补贴很少的滴滴快滴转向Uber。我只能说这个公司很懂人性,背后有强大的资金支持。 Uber的确是个神奇的公司,混不吝的腔调。看到克拉尼克的发家史证实了自己的看法。http://www.zhixuan.com/toutiao/article/26781(题外话,大家觉得么?app如CEO其人。有的血统尊贵Vessel, Hulu,有的就匪气扑面而来。)没有客服,没有运营,依靠中国鼓励非营利性拼车一纸文章就毫不避讳的展开拼车服务。政府封杀他,他也毫服软。 安装了Uber想要看看一个估值如此高的服务,它的高明之处在哪里。 1. 运行app后看到的界面: 使用了当前很时尚的出血video大背景。抱歉,电影学出身,会比较纠结这个。不在乎的看客可以略过。 分镜1:黑暗街道(疑似犯罪片的开场环境营造),Uber小车驶入。 此处注意Register这个用词。我虽然不是外国人,但是这个词已经很久不用了。大家习惯Sign up表示“注册” 分镜2:一个美眉出乎意料的安心坐在后座若有所思,露出蒙娜丽莎般的笑容。 分镜3:亚裔司机驾驶着右侧(呵呵)驾驶习惯的车,平稳的开着。 分镜4:城市夜景。稍微有点灯火阑珊的正能量了。替坐在后座的姑娘松口气。 看完这个app初始页面,能够感受到Uber想要追求高格调的努力。 可惜晦涩的分镜和水准不高的拍摄表明了投资人的钱没有用在雇佣优秀分镜和摄影师身上。 2. 注册流程: 第一步,建立账号。 邮箱是必填项目。这种方式不知道能挡出去多少没有邮箱的中老年用户。而且你确定这是必填项? 导航按钮做的比较小只。 有个疑点,我输入的手机号是之前注册过Uber的。不过这并不影响我用同样的手机号再建立一个Uber账号。 第二步: 不太必要的一个表单,尤其对于没有客服的公司来说。…

Read More
Love What You See? Check Out My Portfolio