<![CDATA[Iamlei的Blog Space]]> http://www.Iamlei.com/blog/ zh-cn PBlog2 v2.4 Iamlei的Blog Space http://www.Iamlei.com/blog/images/logos.gif http://www.Iamlei.com/blog/ Iamlei的Blog Space http://www.Iamlei.com/blog/article.asp?id=93 <![CDATA[[转载]弹窗与浮层的争论]]> (iamlei) Wed,08 Oct 2008 04:51:56 +0800 http://www.Iamlei.com/blog/default.asp?id=93

 

在从传统的Software逐渐转换到Webware的大潮中，设计模式与技术实现双重变革和推进下。我们提倡页面中的任务对应用户群明确，任务少而精。回到我们传统的后台软件系统中，对于面对系统与流程再造。我们顺其自然得想到把在Web服务中的设计思想迁移到后台软件系统中。多数情况来说，这会使系统变得更加轻便，结构清晰，对软件的用户群开始洞察和优化。

但是，是不是有助于提升可用性的改进在软件系统中都需要改进呢? 今天分享一个例子。

 

 

 

背景是：

1，  一个页面中包含一个主要任务和若干分支任务及完成主要任务所需的页面信息架构。

2，  用户角色繁多，信息量大，页面区域有限，只能展示主要任务所需信息。

 

我们面临其中这样一个挑战：

1，  做出主要任务的决策时，若干条件下需要查看分支任务的详细情况以支持决策。

2，  做出分支任务的决策时，若干条件下需要查看主要任务信息以支持决策。

 

 

在开始阶段，我们很自然的对任务所需信息进行归类和梳理，页面更加结构化。大量使用展示层脚本语言，希望让页面更加瘦小，让操作更加流畅。从图中可以看到，把之前的页面跳转改为当前页面弹出一个蒙板浮动层。此时，我们发现忽略了一个问题。页面使用浮动层之后，主要任务和分支任务之间关系由并列变成了包含关系，分支任务又在系统其他环境中处于主要任务地位，任务之间并不存在包含关系。在长达3屏的页面中，浮动层虽然可以做到之前并列关系结构中的自由信息组合、信息对比和自由移动。但是信息量繁复的情况下，移动浮动层，拖拽滚动条，浮动层遮盖部分信息等原因让用户在环境测试时皱紧了眉头。因为之前主次任务之间并列结构、自由打开和隐藏、不规则对比和拖动的习惯不能被延续了。此时，如果不考虑到系统结构本身的问题，此处使用弹出层的使用可以让用户更加自由无束缚，也减小了业务扩展和张力所带来系统调整成本，而时下常用的浮动层反而会限制使用过程。

 

衡量一个可以提升软件系统可用性特性，它能否适合一套软件系统。不只需要从可用性的角度来审视，还需要深入了解系统结构、用户习惯和技术成本等因素。如果是Web服务产品，需要更加周全地衡量。

]]> http://www.Iamlei.com/blog/article.asp?id=91 <![CDATA[[转]怎样设计“帮助”最有效？]]> (iamlei) Sat,12 Apr 2008 00:07:35 +0800 http://www.Iamlei.com/blog/default.asp?id=91

彪悍的设计不需要解释，那么我们是不是也不需要帮助呢？

从小的方面讲，帮助一般是指：手册、说明书、文档、FAQ 等等。从大的方面讲，可以是交互过程中的提示、指引、演示等信息，帮助无处不在！这一切，可以一并称为“帮助系统”。

无论怎样，帮助系统的目的，是解决使用者遇到的问题、帮助使用者更好、更快的完成任务。

不同产品的帮助系统有很大区别，我觉得讨论下比如 PHP 语言的帮助系统、电视机的帮助系统、数码相机的帮助系统可能会更有意思。但如果大家都是搞网络的，那么谈谈 Web 2.0 网站的帮助系统设计，或许更容易引起共鸣。

如果要我来为“帮助系统”分类，那么我会分为以下三种：

文档型帮助：详细，大而全。一般是 FAQ 形式，可以由情景式帮助链接过来，或者从页面的其他地方链接到某一个问题的解答上。实际上就是一本帮助手册，噢，让我想起了 RTFM（Read The Fucking Manual）。文档性帮助必须有比较好的组织方式和搜索。

可能大家会直接把文档型帮助给枪毙了。但是，别忘了我们还有专家用户！

情景式帮助：即时，针对性强。情景式帮助最常见的例子就是：“忘记密码？”。还有比如一些应用具有帮助开关，打开的时候，就会出现气泡提示，告诉你这里是什么那里是什么。哦，还有，就是 Office 那个恶心的戴高帽的老头和长着眼睛的回形针。

这么一说，可能很多人会觉得情景式帮助是最有效的，因为最直接，并且符合在需要的时候出现这样的设计原则。但是情景式帮助最忌讳宾主倒置，过多的情景式帮助会影响用户的使用。

演示型帮助：生动，易学。主要用在富应用的新手教学上，比如游戏里面的 Tutorial，比如安装一个软件的向导，安装完了之后的 Samples 等等。对于网站，演示型帮助可以放在首页上，我印象中，有一个在线的 Mindmap 应用（MindMeister），首页看上去是一张再普通不过的脑图，但点击后会发现，那居然可以在线操作！

从商业角度讲，演示型帮助可以引导和培养用户习惯。

除了以上三种，还有那些帮助系统呢？导航是帮助吗？一本书的目录，算不算帮助？快捷键，算不算帮助？

帮助的帮助：如果你来设计一款 GPS 导航，它本身就是一个帮助系统，那它的帮助是什么？

载体：文字，声音，图像，视频，Flash，三维虚拟…想象一下，你在使用一个三维浏览器，给你介绍你打算买的一套房子，并且有美女全程导购解释……

帮助的描述：需要学会用用户的思维去考虑问题……图形往往是具备良好的解释性……

 

]]> http://www.Iamlei.com/blog/article.asp?id=90 <![CDATA[kuler.adobe.com]]> (iamlei) Sun,23 Mar 2008 01:51:29 +0800 http://www.Iamlei.com/blog/default.asp?id=90


http://kuler.adobe.com/

]]> http://www.Iamlei.com/blog/article.asp?id=80 <![CDATA[黄昏下的天空]]> (iamlei) Fri,27 Oct 2006 16:52:21 +0800 http://www.Iamlei.com/blog/default.asp?id=80
  

]]> http://www.Iamlei.com/blog/article.asp?id=79 <![CDATA[黄昏]]> (iamlei) Fri,27 Oct 2006 14:22:55 +0800 http://www.Iamlei.com/blog/default.asp?id=79    
  

]]> http://www.Iamlei.com/blog/article.asp?id=77 <![CDATA[[wow官方活动]中秋壁纸征集大赛获奖名单出炉，得了个二等奖。:P]]> (iamlei) Tue,24 Oct 2006 20:35:33 +0800 http://www.Iamlei.com/blog/default.asp?id=77


 

 http://www.wowchina.com/events/main/49480.shtml

此次活动得到了广大《魔兽世界》玩家的热情关注和支持，从活动开始就不断有玩家上传自己制作的精美壁纸，活动开展过程中，一共有 300 多名玩家参与并提供了自己的作品，经过激烈的角逐，在我们官方资深编辑美工的联合评选下，各个奖项已经出炉：

一等奖： 3 名 《魔兽世界》主题背包一个

二等奖： 5 名 《魔兽世界》手表一个 

三等奖： 10 名 《魔兽世界》 600 点点卡一张

一等奖： 3 名 《魔兽世界》主题背包一个

林地月光
 
平和，宁静之塔
 
月光女神的祈祷
 
二区伊利丹 Shingo
一区玛瑟里顿 Skawa
二区迷雾之海 撒欢的小猪猪

二等奖： 5 名 《魔兽世界》手表一个

大漠挂明月
 
雷霆月色
 
奔月
 
瘟疫之月
 
沐浴月光
 
一区玛多兰 夜刃之荣耀
四区耐奥祖 黑魔导师比比
三区普罗德摩 乐儿
三区凯恩血蹄 狗剩
一区洛萨 光环

三区火羽山 苍穹风云 月落

一区莫德古得 etluva 废墟之夜

七区艾莫莉丝 牧乃伊 海湾月色

四区耐奥祖 暗杀小泉 凄清

二区闪电之刃 弢弢 月舞

一区罗宁 愣呵呵 月影

七区天空之墙 遗忘的杀戮 归来

三区羽月 apollolost 秋宵月下有怀

三区凯恩血蹄 桃花朵朵开 影月

四区巴尔古恩 魅力镜影 红莲月舞

获奖的玩家，请注意获奖信息， GM 会在游戏中与您进行联系，活动奖品将会陆续发放。感谢玩家对于此次活动的大力支持，艾泽拉斯有你更精彩！  

 

 

]]> http://www.Iamlei.com/blog/article.asp?id=76 <![CDATA[参加WOW的拯救S.H.E的视频作品上节目了呃！！]]> (iamlei) Tue,03 Oct 2006 01:21:42 +0800 http://www.Iamlei.com/blog/default.asp?id=76
嘿嘿，去BLZ没戏了，本本也没了，希望这次可以捧个打印机回来，呵呵
视频的2:40秒左右就是我的拉，
播放视频文件
在线播放
]]> http://www.Iamlei.com/blog/article.asp?id=75 <![CDATA[[可口可乐] "够胆就来，拯救S.H.E."创新自编结尾活动,我的视频作品]]> (iamlei) Tue,19 Sep 2006 09:44:29 +0800 http://www.Iamlei.com/blog/default.asp?id=75
播放视频文件
在线播放


帮忙投票阿~~ ]]> http://www.Iamlei.com/blog/article.asp?id=74 <![CDATA[Ncuhome给我的专访--回忆家园时光]]> (iamlei) Fri,01 Sep 2006 17:51:59 +0800 http://www.Iamlei.com/blog/default.asp?id=74         在大学里我学的是电力系统专业，做网站可以说是专业对口，当然这也是我的兴趣所在。
        在高中起我就对电脑产生了浓厚的兴趣。因为我表哥是中国电信数据通信局的，时不时可以带我去他们单位“免费上网”，记得当时我们那里最早的网吧还是20元/小时，而我常能有机会接触到互联网。把我领进互联网技术领域的还应该算是是98年电脑报合定本的附录里面的一篇关于HTML基础知识的文章。就是这短短的几页纸，我研究了很长时间，这对我以后对一些概念的理解打下了很坚实的基础。现在技术方面的参考书多了，反而使得技术部很多新同学不能静下心去理解那最基础的部分，对后面的学习反而会产生障碍。
        进家园网是个偶然的机会，记得当时我是在班上当团支书，当时也可以称得上是班上的“电脑高手”。一次，代表班上去机房电脑选课，因为对计算机操作比较熟练，所以轻松搞定了。当时家园网技术部正好在招募人才，主要想以从低年级推荐人选上来，再由各技术部骨干成员培养新人。由于那次选课时过硬的操作，我很有幸地被推荐给了当时家园网技术部的朱仁平，当时自动化学院的师兄，也就是现在的朱仁平老师。后来，他也成为“带”我（带新人）的学长。从那时起，我开始了进入家园网的路程。
        进家园网的心情是既兴奋又有点害怕，说兴奋是自己有幸能进入这样一个组织,在这里能够学习、锻炼自己的水平，又能和自己的兴趣结合在了一起。害怕是因为作为大一的新生，我没有任何实战经验，技术上相对与师兄们还是显得有点嫩，这种害怕给了我压力也给我了动力。记得当时大一自己还没有电脑，只得到学校的图书馆去制作，那个时候学习网页制作的人还比较少，图书馆的电脑也没有装相关的制作软件。相对于现在，那时的硬件软件环境都比较差，结果我每次去图书馆的第一件事就是给电脑装软件。技术部交给我的第一个任务也是在图书馆完成的。
        和许多新人一样,第一个学期在家园网除了参与全站的活动和技术部的学习之外,我并没有什么特殊的表现，但是学长们的指点和在技术部的学习所打下的这些基础，为我将来的学习埋下了一个很好的种子。从现在看来，学长们很多不经意的指点都可能为将来的学习起到很好的作用。有了前面的积累，到了第一个寒假我的那颗种子发芽了。寒假有了充足的时间让我去消化前面所学到的知识，在兴趣和求知欲的作用下，我在这段时间内学习到大量的新知识。整个寒假，很多个夜晚我都是在爸爸单位机房度过的。这段时间也是我完成从一个技术不成熟到技术到技术熟练的转变的一个关键时期。这段时期也是新进家园网同学必须好好把握的一个关键时期。
        一年一期的暑假改版是施展自己能力，学习到团队合作，以及技术提高的一个实践期，通过2002年暑假的第二次改版，我们十几个技术人员在生活、工作在一起真的能让自己提高很多。重要的是这种能让我体会到团队协作的工作环境，这也是家园网的魅力所在。
        从最早的技术部干事，到技术部部长，再到站长，可以说我都是一步一个脚印的。说到家园网的工作有没有影响我的学习和生活，我觉得学习、工作和生活的协调的确是大学生活的一部分，或许每个人侧重的重点都不一样，三者之间我可能把工作放在了第一位，难免对学习产生一定的影响，但是无论怎样，三者都是以提高自己的能力为目的，或许这就是大学与高中的不同之处。从我后面毕业找工作的过程中，我觉得自己在大学的选择也许不是那么的外美，很难做到工作与学习的“鱼与熊掌兼得”，但我对自己的选择并没有后悔。
        我们这一批的家园网成员主要集中在01、02级。从时间上来看，那时，互联网技术和应用都已经到了一个比较成熟的阶段，家园网在这段时期内在以新闻作为网站的重点的同时，对学生生活、资讯方面内容的加强，专门对学生个性化的东西进行了开发，例如家园社区，校友录，并加强了和校内外社团组织的合作，以及大量的开展和网络相关的活动。整个团队系统化的分工比较明确，管理走向正轨。
        家园网在创办的时候就是以服务学生，提升校园信息化应用水平为目的，这个初衷一直没有改变。对于技术部的同学，我想说 作为一名技术人员，对网站不单纯是技术上的把握，而是能够较好的作为其他部门的技术支持，能够身体力行的去解决一些问题，发挥家园网的技术优势，与其他高校以及校内社团进行交流合作。
        在家园网的那段日子是难以忘怀的，新的网站出来以后，也经常浏览，也不时在论坛里潜水。现在的网站有些链接存在问题，希望现在的家园人们及时做好新老网站的内容替换工作。

其他曾经在一起奋斗的朋友
•
 从“零点一秒起步”---走进郑东
•
 陈  莎
•
 胡  磊－－回忆家园时光
•
 张钰昆
•
 李  健－－那时的我与那时的家园
•
 高  琨----激情“创业”，苦中作乐
•
 张  寅----创建的艰辛
•
朱仁平
•
 张海荣----“我想我不是酷”
•
 周  琳----时而明媚,时而忧伤
•
 王  玉----走在寻找完美的路上
•
 房  俊----第一次亲密接触

]]> http://www.Iamlei.com/blog/article.asp?id=73 <![CDATA[电影补习社[06年8月]]]> (iamlei) Sun,20 Aug 2006 10:39:53 +0800 http://www.Iamlei.com/blog/default.asp?id=73 工作一忙，错过了太多的电影，还是来补习一下吧，留底存档，找机会看完

《哈里波特4》--- 哈里波特长大了，都出到4了，一直在等bt，还没有下到

《蜘蛛侠3》--- spider men，我的最爱，现在电脑用的壁纸就是spider men3的

《冰川世纪2》--- 看了《超人总动员》，觉得像这种美国幽默的动画也不能错过

《超人归来》 --- 超人系列的都没有认真看过，只是以前看过连续剧，无聊的美国超人

《碟中谍3》 --- 汤哥的片子还是不能错过的

《加勒比海盗2》 --- 说实话第一部真的不怎么样，第二部呢？冲他的票房去吧

《王的男人》 --- 感觉像是讲断背的

《龙虎门》--- 很早就看了宣传片，别人看vcd瞄了几眼，甄子丹+《风云》的风格

《x-men3》--- 去年看《x-men2》看得睡着了

《达芬奇密码》--- 本来是打算去电影院看得，结果一拖再拖，结果被判了个宗教有问题禁映了，看来只有在电脑上看了

]]>