什么是UI/GUI/HUI/WUI

UI的本意是用户界面,是英文User和 interface的缩写。从字面上看是用户与界面2个组成部分,但实际上还包括用户与界面之间的交互关系,所以这样可分为3个方向,他们分别是:用户研究、交互设计、界面设计。

1. 用户研究

用户研究包含两个方面:一是可用性工程学(usability Engineering),研究如何提高产品的可用性,使得系统的设计更容易被人使用、学习和记忆;二是通过可用性工程学的研究,发掘用户的潜在需求,为技术创新提供另外一条思路和方法(consumer insight)。所以有:Usability is all about making things easier to use so people can focus more on the work and less on the tools that help them do the work.

继续阅读什么是UI/GUI/HUI/WUI

用户体验设计的五项原则

本文作者:阿里巴巴资深交互设计师 宋磊

如何设计出具有优秀用户体验的产品是交互设计师始终面临的一道难题,“好的产品设计一定是建立在对用户需求的深刻理解上”这句话被许多设计师视为设计的天条;至于在设计中如何发现并深刻理解用户的需求,并由此设计出具有优秀用户体验的产品,阿里巴巴的UED团队在多年的产品设计实践中总结出重要的五项原则。

继续阅读用户体验设计的五项原则

为视网膜显示屏优化网页上的图片

现在 iPad 也有视网膜屏幕 (retina display)了。正是依赖这视网膜显示屏,iPhone 4 的分辨率达到了640×960 pixel,iPad 的分别率达到了 1536 x 2048 pixel。不过为了保持向下兼容性,iOS 在网页上仍然是 320 × 480 point 和 768 x 1024 point。

也就是说,在不进行缩放的情况下,显示普通图片时,它会用4个像素来显示图片中的1个像素;而在显示retina图片时,每个像素都对应图片中的1个像素。这样网页上面的图片就会模糊了。文字却没有这个问题,因为文字是适量的。也就是说要解决图片模糊这个问题可以用 svg 适量图片来替换。

继续阅读为视网膜显示屏优化网页上的图片

【译】手指友好型设计 – 为了更好的点击而设计

玩飞镖的时候,靶心是最难射中的位置,因为靶心是整个靶面上面积最小的部分。越是小的目标,就越是难以达到。这个准则在移动设备的触摸屏幕上同样适用。

众所周知,对于触屏设备用户来说,面积小的目标比面积大的目标更难操纵。所以,在设计移动设备界面的时候,触控目标一定要充分的大,足以让用户操作 自如。但是多大才算充分呢?多大才是对于大多数用户最合适的尺寸呢?各大移动设备开发者已经认识到这个问题,最常见的做法是在各大厂商的用户界面设计文档 中寻找答案。

继续阅读【译】手指友好型设计 – 为了更好的点击而设计

如何创造性使用手势操作

手势操作是苹果带给世界的惊喜,也是iPhoneiPad可 以成为热门产品的决定因素。虽然后期的Android和Windows Phone 7 也把手势操作带入产品。但对比之后发现,目前的Android系统的触摸操作并不流畅,WP7没有用过。即使是达到相同的流畅程度,毕竟是后来的竞争者, 其产品只能沦为和i系列产品做比较的二流地位。

Android所受到的追捧,无非也就是那些希望分到新操作模式下市场厂商的一种无奈惊喜。

不过,苹果在使用界面上还有一个特征就是全屏操作模式,可以说这种模式优点和缺点都共存。但全屏操作相对于多窗口操作模式来说,更适合于手势操作。因为 在固定区域上,手势具备唯一操作特性,例如用两指不同方向的划动,代表移动操作面,或其他指令,如果是复合的窗口则让指令变得复杂和莫名其妙,可以说,不 论是Android还是WP7,或WebOS都没有特别的理解手势操作的真正优势所在。

继续阅读如何创造性使用手势操作