UI

Google推出了免费3D建模软件

Lu Heli — Sat, 29 Apr 2006 05:29:00 GMT

免费, 而且是面向大众, 我是玩上瘾了, 简单易用, 功能强大,

另外, Google收购了SketchUp, Google推出新产品的速度加快了, 从Google Calendar 到Google SketchUp, 下一个会推出的新产品是什么呢? Google File Storage Service?

Microsoft Live Services的User Interface感受

Lu Heli — Fri, 28 Apr 2006 21:41:00 GMT

Microsoft Live Services包括Windows Live Mail 和 Windows Live Messenger, 这两个服务的UI和以往的Microsoft的软件风格不一样, 可以说完全不一样, Live Services的User Interface是白色背景, 使界面显得比较亮, 使用Live Mail的时候完全没有了以前的hotmail的感受, 感到心里空空的, 这是白色背景造成的, 虽然白底黑字的界面是最容易阅读的, 但过多的空白会使界面感到空, 加之Live Mail页面上的字体很小, 更会造成空空的感觉. Live Messenger也是相类似的风格, 白色背景. 现在的还存在的hotmail界面给我感觉舒服, 而且有点华丽, 是因为配色的关系, 颜色配得很好, 想想是不是要opt-out呢?

检测web客户端数据的三种方式

Lu Heli — Fri, 28 Apr 2006 21:25:00 GMT

1. 传统的Javascript检测, 优点: 快速. 缺点: 用户可以禁用Javascript, 提示窗口突然弹出, 会让用户感到不太友好

2. Ajax: 使用XMLHttpRequest Object, 优点: 快速, 缺点: 用户可以禁用Javascript 或Internet Explorer的ActiveX支持

3. 服务器端检测, 优点: 只需要最基本的web browser功能支持, 缺点: 等待相对更长的时间

网站连接的几个注意

Lu Heli — Fri, 23 Dec 2005 16:19:00 GMT

连接要包含网站主要的关键字(词)
The links could be keyword-rich.
使用绝对路径而非相对路径
Use absolute path rather than ralative one.
连接通常是显示为文字下面加下划线, 如果要强调某些文字,请用粗体或高亮以免造成误解
Normally links are underlined. If you want to emphasize some text, don't make them underlined, make them bold or highlighted.

我现在同时发布两个blog

Lu Heli — Sat, 19 Nov 2005 17:06:00 GMT

谢谢各位对我的blog的支持 :)

图标(Icon)和注释(Label)的关系及运用

Lu Heli — Wed, 09 Nov 2005 07:06:00 GMT

在UI中的文字用词我已经说明文字的正确运用对有效的UI是非常重要的, 我们来看一下图标(Icon)和注释(Label)的之间的关系及它们的运用。大家都很喜欢在及时聊天中用Icon，那些是表情图标(Emoticon)。UI中的图标是大家经常用大的，比如Microsoft Word的打开，保存等图标，图标可以是文字的替代者，但图标不一定可以让使用者了解这个图标的真正含义，或者这个图标要起什么作用，这是因为图标本身很复杂，所以正确的注释还是非常重要的，我们现在使用的Word默认是只显示图标，而没有注释，但是有tip，当你把鼠标在图标上停留1秒，会有注释显示，这好比是HTML中ALT标记，在新版本的Office 12中已经把图标和注释放在一起了，那样的UI会使用户的效率更高，用户不需要再刻意去明白那些复杂的图标的意思，他们可以一目了然，这好比是一个是Pull,一个是Push。用户可以选择是否需要显示注释。

现在还是有纯文字的UI比如Unix shell，不同的用户会有不同的选择，这又是另外一个话题了。

一本关于UI书的一个章节

Lu Heli — Tue, 11 Oct 2005 11:59:00 GMT

书名是Defensive Design for the Web: How to improve error messages, help, forms, and other crisis points 这一章是关于表单的一些容易犯的错误,有兴趣可以看看,这本书很有参考价值,也很实用.你可以在线阅读或者下载PDF文件 (570kb)

UI中的文字用词

Lu Heli — Sun, 18 Sep 2005 03:05:00 GMT

UI中的文字用词(wording)是很重要的，不要简单地认为一张图片值千字(a picture is worth a thousand words)，文字就不重要了。事实是恰恰相反，文字的正确应用可以使用户快速和高效地完成工作任务。UI上的文字多为解释性的。解释性的文字多出现在表单，这些文字解释了用户需要输入什么信息，比如填写一个输入框，或者从下拉菜单里选择。解释性的文字要言简意赅，正确。以下是个下拉框的例子

这个UI中的文字有什么问题吗？你一定注意到了“GS”是什么意思？GS在这里是个缩略词，如果这个UI是给熟悉这个缩略词的用户比如一个公司的内部人员使用，那没什么问题。但是如果给那些不熟悉的用户比如外部人员，肯定是有问题的，所以这就需要培训了，或者写上全称。这个UI中还有一个问题，“Select GS User”中的"Select"是不是多余的？假设用户看到"GS User"，然后他看到右边是个下拉框，自然会意识到需要从下拉框选择(Select)，所以"Select"这个词可以省略，如果你认为"Select"这个字的使用可以让用户更清楚地明白他们要干什么，那我也不否认。但是如果需要用户输入信息，是不是也要"Input Description"，还是直接写"Description"来更简洁呢？根据文字周围的语境(context)比如文字输入框，用户能清楚地明白他们需要做什么。另外用户的帮助文档中的文字多为一步步的操作叙述，以教会用户一个具体功能为目的，更配已图示，真正达到图文并茂。

UI中的用词得当可以决定用户的工作完成效果和效率，要避免错误的用词，以及缩略语的恰当使用。

谁希望更多地了解UI(用户界面)设计?

Lu Heli — Sat, 10 Sep 2005 10:54:00 GMT

请回复

UI Prototype (原形)设计

Lu Heli — Sat, 03 Sep 2005 17:58:00 GMT

UI Prototype (原形) 是设计中非常重要的一部分, 和其它行业中的原形设计一样,UI中的原形也是软件或信息系统的视觉化, 从原形中可以看出最后的系统会是怎样的,原形可以分成Low Fidelity(低程度)和High Fideltiy(高程度)。低程度的原形是用一写简单的日常工具实现的比如铅笔，纸，尺，象皮，Post-it等。低程度的原形视觉化了系统的基本功能，而不注重修饰的元素比如图片等。低程度的原形可以有交互性，可以在纸上进行一些基本的流程演示。在纸上画的原形被称为Paper Prototype，Paper Prototype的好处是可以随时修改。.Post-it（便贴）可以用于下拉菜单。使交互性跟突出。高程度的原形可以是电子化的显示在屏幕上的原形，比如可以用Microsoft Word，Microsoft Powerpoint，HTML, Visual Basic等实现。高程度的原形往往是最终系统的预览，它的交互性是最强的，可以使用高程度原形实现一个完整的工作流程，同时得到了与最终系统类似的交互体验(User Experience)。以下是原形的一些示例，包括低程度和高程度的原形。

下面的原形被称为Wireframe，因为只有线组成的结构。