什么是用户界面设计

在人和机器的互动过程(Human Machine Interaction)中,有一个层面,即我们所说的界面(interface)。从心理学意义来分,界面可分为感觉(视觉、触觉、听觉等)和情感两个层次。用户界面设计是屏幕产品的重要组成部分。界面设计是一个复杂的有不同学科参与的工程,认知心理学、设计学、语言学等在此都扮演着重要的角色。用户界面设计的三大原则是:置界面于用户的控制之下;减少用户的记忆负担;保持界面的一致性。

用户界面设计在工作流程上分为结构设计、交互设计、视觉设计三个部分。

结构设计 Structure Design

结构设计也成概念设计 (Conceptual Design),是界面设计的骨架。通过对用户研究和任务分析,制定出产品的整体架构。基于纸质的的低保真原型(Paper Prototype)可提供用户测试并进行完善。在结构设计中,目录体系的逻辑分类和语词定义是用户易于理解和操作的重要前提。如西门子手机的设置闹钟的词条是“重要记事”,让用户很难找到。

继续阅读什么是用户界面设计

什么是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 适量图片来替换。

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

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

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

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

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