布珞阁

使用fireworks制作绚丽的powerpoint、word插图

去年TechED2005以后，我对微软绚丽的演讲稿做了分析……

界面很烂的原因

why?

为什么很多程序界面看上去那么的烂？
谁导致了这种后果？

经过点播和经验，总算是有一些思路：

Adobe的电子文档

蛮早前，frank给我show过adobe的数字文档解决方案，当然包括服务器和浏览器、设计器，当时我就被标单内容扫描识别吸引住了。这几天偶然用到Adobe Designer

感觉不错，至少有不少实际意义的东西，细细体会，确实很花了些精力，也琢磨过微软和方正的东西，adobe利用他pdf的格式做这些东西还是有他的长期优势的。

那些类似电子手写签名等没有价值的东西没有被强调，可见很多功能都是在长期需求中琢磨出来的，如下是我感兴趣的地方

First Rule of Usability? Don't Listen to Users

yj发现篇文章推荐给我，比较赞同这个观点吧。包括界面设计、需求调研等方面都有用，就是不能光听用户讲，而应该花更多的时间体验用户的工作习惯，尤其是那些用户完全认为理所当然的习惯，常常被用户自己忽略，他们认为不是重点不会说出来，反而能说出来的往往是一些改造和憧憬。做一个系统或者软件，基本的功能和习惯不完成，怎么可能满足他的憧憬和改造。如果他们能说清楚，那么还要我们干嘛？做法上面就是扮演用户的角色做用户的事情。

这一点比用户访谈更重要。

Summary:
To design an easy-to-use interface, pay attention to what users do, not what they say. Self-reported claims are unreliable, as are user speculations about future behavior

http://www.useit.com/alertbox/20010805.html

Why did we make a new UI for Office 12? (From Microsoft)

Top 5 Most-Used Commands in Microsoft Word 2003

1. Paste
2. Save
3. Copy
4. Undo
5. Bold

精品一大把

为什么每次出差总有那么多好东西出来  (阅读全文)

Office12新用户体验

PDC2005的讲稿中找到的，要是能现场看到诠释就好了。

MS Office12 全新界面设计

界面模仿容易，用户体验创造难
一直观察的结果来看，微软的Office系列的新ＵＩ设计基本都应用到Windows等系列的界面设计中，这次也不例外。

google Talk BETA

出差途中modem拨号上来发现了gTalk这个东东  (阅读全文)

Microsft Encarta 2006

微软的多媒体百科全书，这个版本界面更加的简洁，值得再贴一次

上一页 下一页 大小改变，一个首页 结合搜索页面

大量的IE web表达方式。

桌面软件之个性化·自绘滚动条

盛大的圈圈丢了出来。雷声打了很久，看看钱砸出来的软件是什么个效果。
产品定位上还好，和游戏聊天互通。
服务器端不好评估，自然不是QQ的对手，小马哥唯一的自豪就是对手没有那么大的长期压力测试规模。
那就只有来看看GUI程序上的功底吧。  (阅读全文)

PNG优化你的界面

昨天开始，对照着各种例子，摸索着Object Pascal和Delphi VCL写控件。

模仿和实用

也许是追求视觉效果， 哗众取宠

很多界面设计功能设计中采用了很多仿生学。但似乎和易用高效率有些冲突

msnmsger的文字广告

早就注意到msnmsger7中的这个变化。 (阅读全文)

Linux Logos

转载：http://pan.cdut.cn/distrologos.html  (阅读全文)

程序资源自动调整工具

V2 date05.08.09 增加SQL光标替换

程序资源自动调整工具 V1 date05.04.28

Update Resource
UpRes.exe

控制台GUI

不少过来人都怀念TuborC BC3.1上经典的控制台界面。在没有graphic windows环境之前，控制台窗口环境，通过模拟文本字符的组合。

和命令行比起来，可谓方便很多。属于过渡阶段产物。

Borland在界面框架上面做了不少文章。现在还回想起当年使用BC3.1写出的第一个软件产品的过程。

如今的年青人上来就是windows，即使搞linux也都自动起x-window。殊不知，很多服务程序是完全没有必要图形界面的。控制台足矣。

尤其是以丰富指令程序文明的unix和类unix系统，x-free基本就没什么进展。控制台搞定一切。

Macromedia MX系列包装盒

MX三件客啊 (阅读全文)

Adobe CS包装盒系列

Adobe

电子交易UI

网站可以让美工做得很花哨。

但真到涉及程序的地方，还是程序员本性。

一个系统是否完善，UI上花费的功夫不仅仅是表面的

这里碰到了不得不说

功能专一，可以更具亲和力

如果做好一点就可以活一辈子，养几个人的团队，也许我们都去做去了。

超长等待的Lunch Splash

很多同志都在界面设计的时候注重Splash的专门设计，好比是进入软件的一个招牌，给人第一软件UI的印象，但应该很少人知道他的用途，光知道他好看就行。  (阅读全文)

功能来自需求，而不是模仿

以前，做过便签软件，也玩手写

但似乎觉得在pc桌面上丢便签，用手写笔输入是不是有些麻烦？

不好的ＵＩ，后果严重

可怜的luther  (阅读全文)

微软产品线——硬件/网站/其他

微软不仅仅软，还有点硬，还在织庞大的网 (阅读全文)

微软产品线——电子游戏系列

在PC上拥有更多娱乐，微软是先行者，不仅不断完善DirectX抵制OpenGL，还自己开发各种娱乐游戏，一来给 DirectX提出需求，而来给PC带来更多娱乐。

现在又搞个Xbox加入电视游戏机阵营，虽然没有用Windows系列操作系统，但是使用X86体系结构，极大降低了游戏机成本，也为未来与PC/数字电视等互联互通提供了基础。凭借显卡的优异性能，Xbox游戏也越来越丰富。

微软产品线——面向个人软件:图像处理/数字地图应用/Money/合集等

这算个大杂烩，把诸如理财、图像处理、地图定位等杂七杂八的产品线弄到一起了，技术上是有很大区别的

但总体来说，都是面向 Home的桌面软件及应用。很很多专业产品不一样，他是面向终端个人用户。诸如图像处理/MAP系列的专业版，似乎在adobe/ArcGIS等看来没啥竞争力。

如图像处理软件，以易用，照片管理、快速编辑打印、相册为主，GPS/GIS以pda终端为主（服务器引擎、地图数据维护另算），还有内如Works套间，把一些杂七杂八日常常用的软件搞在一起。定位比较明确

微软产品线——Encarta系列/MSB系列

微软百科全书是一个以内容为主的软件系列，应该属于多媒体出版吧，地图、照片、超文字、视频、声音、时间空间，应用尽有，浏览器逐步采用ie，简单易用。
MSB秀列好像是微软很长线的一个产品，以儿童寓教于乐为主的多媒体教育软件。在微软的发展历程中很靠前的产品。可惜中国的孩子享受不到。

微软产品线——Visual Studio家族/MSDN

这是微软平台上进行开发的利器，还过得去的编译器、简单易用的IDE、丰富的文档资源，这一切似的微软平台上的开发变得相当高效，无人能敌。

马上，VS2005又要出了，以前Borland Delphi框架总设计师都在为微软这个产品服务。

微软产品线——Server系列/MBS系列

企业级应用产品，无论是网站还是内部信息系统，是各色各样的产品的聚集  (阅读全文)

微软产品线——Office家族

微软的拳头产品  (阅读全文)

微软产品线——Windows家族

这些都来自微软网站产品页，纯属收集看着玩  (阅读全文)

一套感觉不错的图标方案

mpc的一个发行版本  (阅读全文)

3DMark2005

3DMark从2003，除去功能不讲  (阅读全文)

Microsoft PictureIT 10

作为数码时代，和MovieMaker类似，作为静态数码照片、图片管理处理微软的这个产品一直在发展。  (阅读全文)

XUL

前几天Router提到过这个，差点忘了，赶紧收集一下。以便以后有用。 (阅读全文)

Money 2005

Money一年一个变化

Encarta2005

拿到Encarta新版本很兴奋，1张DVD那么大。

图文并茂，互动丰富的知识库，微软旗下的一套百科全书软件。

典型的UI BUG

使用Oracle 9.2.0.1.0的过程中碰到的一个不可接受的UI BUG，贴出来分享一下

UI书籍草评

花了一个小时快速的翻阅了一遍刚买的3本书，加上以前的2本，来简单的评价一下  (阅读全文)

用户交互好比过马路

为什么这么说呢？

有个形象的比喻。

为什么GUI

为什么要图形GUI，摘要一句话 (阅读全文)

CSDN搞的什么网站标准

里面的一些标准的目的很多都是GoodUI的准则，转来收藏  (阅读全文)

QQ旋风下载的变化

TT1.4.x前带的旋风下载明显仿Flashget/Netants的模式。显然对用户群估计不足，高级用户连TT都不会装，低级用户用了TT，对Flashget这种复杂的东西束手无策。 (阅读全文)

HTML在线编辑套件收集

在线交互的BS程序，由于HTML标准的限制，只有textarea 和 text两种可编辑控件提供。

以微软打头的嵌入网页的可编辑activeX控件做到了所见即所得的界面。

mozilla组织也开始实现了ActiveX控件，处理这种事情。

web开发者，根据控件的接口，编写了不少很易用的DHTML代码，供用户使用，很是方便

安全软件产品 比酷？比Q？

计算机以及网络的普及，安全类软件需求量增大，杀毒、反黑、反垃圾邮件，国际、国内的软解决方案层出不穷。

从个人到企业，横向比较他们的UI，我们能看到什么？

网站设计简易步骤

前提：需求明确，有固定的程序和美术人员保障，提一下几步设计

这里从UI方面讨论，具体后台逻辑、数据库，不在讨论范围内。

谁说OpenSource没好UI

长久一来，开源组织以技术为本，提倡兴趣导向、自愿参与，并非以用户为中心，在易用性、产品化方向并没多少投入，所以只有控制台界面或者ｗｅｂ管理界面的服务程序才广为大家流传。而GUI软件竟是乱七八糟，让用户摸索不透。看看这Mozilla，一直以来研究webclient内核，连IE最开始也是基于他的，如今netscape倒了，mozilla在windows下也折腾不起来。原因何在？未分析用户需求呼。

重见CSS

CSS有些年头了。网页设计中，不可缺少，统一web各元素的利器。也是DOM的产物。
script 和 style 一个动，一个静，修饰web的document，让整个web更加生动。让可编程性、可交互性成为可能。

废话不讲，以前知道的CSS无非就是几个字体啊、颜色什么的修饰。一般人也都仅仅用到这些。
微软对其疯狂扩展，让整个DOM文档的任何部分都可以修饰，IE5以后，基本Mozilla与其不兼容，所以当时也懒得摸索他了。

如今看来，对于整个互联网 95%的人都是用IE浏览，针对低级用户更是100%，而且mozilla也慢慢在靠近IE的各个样式。现在要做BS程序的表现层，为了程序更加灵活，不得不重新翻MSDN，看CSS样式库。还真有很多以前没注意。

重见CSS吧。MSDN的web development 详细得不能再详细了。

如下，我将用粗俗易懂的话将自我觉得对写程序有用的部分归纳一下。

网页中显示与数据分离

网页设计，一要保证整体风格，二要保证页面简洁，就得做到数据与显示分析。

虽然XML+XSL可以胜任，但程序写起来过于麻烦，没有HTML那样容易的工具。

BS UI设计前期攻略 + JavaScript And CSS -> DHTML

上午把画好的整体风格，转换为实际代码模版，有得在CSS上做文章，还有DHTML，苦于当年收集不系统化，再次上网胡乱翻阅。 (阅读全文)

桌面工具标准论

所谓桌面工具，就是用户日常经常执行的。

用户对其易用性很挑剔，执行效率高、占用资源少、看着不厌倦、都必须是他的特点。

有一种风格叫phpBB

phpBB论坛的风格

通过浅色的渐变，实现平平的效果，很舒服，很时尚，3dmark2003也有这种风格的影子。

另外一种，就是韩日风格，浅色掉，但不乏多姿多彩，虚线条，翻起的页面，

在绘画时，单个效果很难看出来，但拼大背景上，效果就很好，这块还是需要很好的感官啊。

 (阅读全文)

这个HTML编辑器设计得比较合理

router改plog的一个编辑bug，折腾到这个东东，一套纯客户端的嵌入IE的HTML编辑器代码。

就是在IE上直接进行html编辑，提交到服务器上。

体会软件易用性

软件的功能和易用性之间往往产生矛盾。

如何让用户学习成本最低？就是增强易用性。

此时不得不佩服微软。

超级全的软件GUI发展历史搜集网站

非常好，我一直需要这个，纵向研究一下用户的喜好

感谢ROUTER's news

http://blog.9zi.com/index.php?blogId=6

不错的样式，日记

类似书的效果，我很久以前就做过，还因此得过一个扫描仪．

如今再次看到，效果真是不错．

我看MDI的IE内核浏览器(未完待续)

现在浏览器五花八门，当然，要做ｍｏｚｉｌａ那样的事情，确实太伤神了，也不是几个share ware写手能做的。所以大多数都是使用快速开发框架 MFC VCL等使用COM的IWebBrowser控件做成。……

动植物与软件形象

软件与形象

采用形象标示的软件，给我们印象及其深刻

一旦看到这种特征形象，立即联想到此类软件。

在形象上做文章，也是不少优秀UI表现的手段。

形象不但可以生动的表现软件的性质，也能加深用户对此的印象。

 (阅读全文)

为什么主菜单最多不应该超过9项

今天上课，老师带了一句，说科学证实：人最多同时顾及7±2件事情下，才不会疏忽。如果多于9件事就很容易疏忽一些。 (阅读全文)

软件与色彩

在UI界，这已经是个研究得恨透的话题了，由于用户心理和生理因素，在视觉感知器的处理下，合适的颜色搭配和色调给人带来正确的感受

好的UI 要最简明的示意、帮助用户能花20%的时间完成80%的事情，越简单越好