十一月 16th, 2009 in
交互设计,
用户研究 | tags:
用户访问,
用户黏度,
网站 |
5 Comments 用户是网站活跃的主要力量，如果网站没有用户的访问，就如同浩瀚大海的一座孤岛，无法传达自己的讯息。网站的用户数量和同一用户访问的次数影响着网站的流量，用户黏度越高的网站才越有价值。那么，如何能提高用户黏度呢？网站要提高用户的访问度，需要从以下几方面来考虑：
网站内容，网站可用性，网站界面设计等，网站要试着了解用户的需求，想办法解决并尝试以最优化的方式去解决用户的需求，鼓励用户提供自己的信息，让用户主动宣传网站，形成用户圈子这样的网站才有可能有较高的用户黏度，才能在众多网站脱颖而出。
网站内容
首先就是网站内容，用户访问网站是为了寻找自己需要的东西，用户在网站上寻找信息，资讯，图片，资料等等内容，他们带着一定的目的前来这个网站，有可能是无意间链接过来，有可能是搜索引擎跳转而来，有可能是以前访问过然后直接输入网站地址而来，等等方式。总之，用户带着对网站内容的某种期望前来访问。一个优秀的网站会提供给用户足够的符合网站的主题的内容，比如汽车网站，为了满足用户欣赏新型车，查找期望看到的车型，价格等信息，让用户能够方便的对不同的车进行比较等等。网站就是应该提供这样的符合网站主题并且是基于用户来访任务的内容。这样的网站才不是一个空洞的网站，能够提供给用户足够的内容，让用户可以从网站得到收获。
网站的可用性
网站提供了丰富的内容，但是良好的可用性会提高用户使用网站时的满意度，在寻找信息完成用户任务的过程中会对网站产生极好的印象，甚至会因此而喜爱网站。良好的网站可用性会让用户更有兴趣在网站中探索，他们对自己的每一步操作都有很好的把握，能够自主的控制自己的前进方向，带着明确的目的“逛”网站。比如豆瓣网的注册账号，就是非常友好的一个例子，用户很简单的输入自己的很少信息，然后就成功注册了豆瓣会员，而不需要像一些很奇怪的网站，要求填写很复杂的用户信息，或者其他无关紧要的信息。这样的账号注册方式不会影响用户使用上的体验，让用户感觉非常简单。
网站界面设计
界面设计优秀的网站，可以让用户愿意停留，可能不只是为了寻找网站的内容，设计舒适的网站，就好像是精美的咖啡屋，让人愿意花时间流连其中，处处细小的设计都可能带给用户惊喜，他们在视觉上有很好的放松，话说就是叫做“养眼”，网站的色彩搭配，内容布局等都可能在设计师的精心设计下变得很舒适，让用户愿意驻足，并在心里说：哇，真好看的网站！当然界面设计在各人对美的欣赏程度上有所不同，但是精心设计的网站总是会得到更多人的关注和好评，这点是毋庸置疑的。
总之，满足用户需求，并且是竭尽全力去满足用户需求，从用户的角度出发，想用户所想，这样的网站设计才能够得到广大用户的认可，才能够被用户所青睐，这样的优秀的网站才能够在用户群中得到推广，才能得到更多的用户访问，才能在搜索引擎上有很好的排名，进而吸引更多的来访用户。抓紧时机，黏住你的用户吧！
九月 18th, 2009 in
学习 | tags:
css,
navbutton |
No Comments 
利用简单的css控制可以出现很多不错的效果，简单的html的结构经过css样式表的装饰，可以变化的丰富多彩。这里介绍一种利用边框样式制作按钮导航效果：
1. 建立简单的Html导航菜单结构,如下:
<body>
<a href=”#”> Home</a>
<a href=”#”> Contact me</a>
<a href=”#”> web design</a>
<a href=”#”> Map</a>
</body>
此时呈现没有任何样式的普通超链接:
2. 现在设置CSS样式,改变为按钮导航效果
a /*设置基本的链接样式*/
{
font-family: Arial, Helvetica, sans-serif;
font-size: 0.8em;
text-align: center;
margin: 3px;
}
a:link,a:visited /*设置默认状态和访问后的链接样式*/
{
color: #a96700;
padding: 4px 10px;
background-color: #ffe745;
text-decoration: none;
border-top: 1px solid #eeeeee; /*上边框浅色边*/
border-left: 1px solid #eeeeee; /*左边框浅色边*/
border-bottom: 1px solid #717171; /*下边框深色边*/
border-right: 1px solid #717171; /*右边框深色边*/
}
/*这里边框的样式还可以这样设置：
border-width:1px;
border-style:solid;
border-color: #eeeeee #717171 #717171 #eeeeee;*/
a:hover /*设置鼠标移上时呈现的链接样式*/
{
color: #6e4300;
padding: 5px 8px 3px 12px;
background-color: #ffb245;
border-top: 1px solid #717171;
border-left: 1px solid #717171;
border-bottom: 1px solid #EEEEEE;
border-right: 1px solid #EEEEEE;
}
/*同样的，这里边框的样式也可以这样设置：
border-width:1px;
border-style:solid;
border-color: #717171 # eeeeee # eeeeee #717171;*/
3. 完成后结果如图：
九月 16th, 2009 in
学习 |
No Comments 要提高设计水平，前提当然是必须掌握基本的软件技术和了解专业的理论知识等。以下是迅速提高设计水平的九大秘诀。
一，想
设计师首先必须善于思考，对设计主张自己的想法和理解，这是最重要的。别担心你的想法有多“烂”，没有人能一下子做好的，但你完全可以做好你的习惯和态度。学会大胆地摸索和尝试自己的想法，懂得借鉴，追求属于自己的创意。但是如果在设计时不动脑筋地套模板，套素材，甚至是盲目模仿和抄袭，那简直是在摧残你的创造力，滋养你的惰性，这样永远无法进步，而且以后想进步也非常困难。
二，看
1，大量欣赏别人的作品，尤其是优秀作品，培养艺术鉴赏能力，这对于提高设计水平是必须的。看的时候不要走马观花，需要结合专业知识边看边想，仔细研究作品中值得学习的地方。但有人会抱怨要看作品自己却没有多少设计类书籍，上网找大量并且是自己需要的设计作品和设计资源又很浪费时间和精力，这里你建议去找汇集网络上所有优秀设计资源的网站，如设计世界（http://www.sheji360.net），这样可以省下很多时间和精力去提高学习效率。
2，反复地欣赏优秀的作品。温故而知新，设计也是如此。收藏自己认为比较好的作品，过段时间再看看这些作品，往往会比第一次有更大的收获。
3，经常看看自己的作品。经常看看自己的过去设计的作品，你就会了解自己水平是否有所提高，同时也会有更多的设计体会。
三，练
反复地大量地练习。如果缺乏足够的练习，就算有足够的设计天赋也是无法提高设计水平。只有不断地练习，反复地练习，才能迅速提高设计能力，做得越多，提高得越快，这个是没有什么捷径可走的，必须踏踏实实地来。当然如果练习的时候不思考只会事倍功半，就像学画一样，不光要用笔画，更需要动脑。
四，审
自己的作品能打动自己就是好作品吗？其实对自己作品满意并不是件好事。尤其是初学者对设计以及自身能力缺乏足够的认识往往会犯“自恋”的毛病，过于满意自己的设计，总以为自己设计得很完美，没有比这更好的，却不知自己设计得有多糟糕。相反，当你水平真正到达一定高度的时候，你对自己的设计就会有一个比较客观全面的认识，也就不会轻易满意自己的设计了。因此要学会审问自己，虚心向人求教，就会少走很多弯路。当你对自己的设计感到很满意的时候，记得审问自己，真的有那么好吗？
五，问
学会交流，不懂就问。虽然大部分设计师性格都不太外向，但懂得如何与人沟通交流还是每个设计师必须掌握的课程。设计不是闭门造车，设计师不仅需要和客户交流，还需要和同事同学交流，当然也需要利用网络与其他设计师交流，只有善于交流的设计师才能更好更快地提高自己。
六，知
1，设计师要掌握相关的专业理论知识，多看专业理论知识以查漏补缺。同时更需要学习各种各样的知识。拥有丰富的知识，你大脑里的“素材”就越多，它们都将可能参与到你的设计里，你的设计才会生动饱满，富有思想内涵。所以知名的设计大师们往往都是全才，他们不仅精通设计，更精通其他很多领域。
2，设计师需要懂得体会生活，了解世界。这需要实际调查和切身体会。否则你的设计就会容易脱离生活，失去感染力，因为设计源于生活并服务于生活。同时设计师需要了解世界，以增长更多的见识，保持最新的思想观念。一个思想落后、孤陋寡闻的设计师无论设计经验有多丰富，他的作品总会显得蹩脚和庸俗不堪。
当然，要想有丰富的知识和见识都需要你在平时生活中主动去注意和积累。
七，勤
设计师并不是一个轻松的职业，需要勤奋自学，优秀设计师大部分都是“自学成才”。如果平时没有抽时间主动去自我提高的话，那你的设计水平很难提高，甚至不进则退。因此建议在学习或工作之余，多多花时间在设计上，这样才能更迅速提高你的设计水平。
八，德
设计师的道德品质不仅会体现在生活中的每个细节，而且还会渗入到设计里，这也许就是对“设计为人”更深的一种诠释。如果一个设计师思想道德狭隘的话，那么迟早会扼杀掉自己艺术细胞，堵塞自己的艺术之路，因为艺术是从生活中提炼出来的，是人们所追求的真纯善美。设计师应该要拥有广阔的胸襟，才能拥有广阔的设计空间与灵感空间，你的设计之路才会走得更远更通畅。
九，久
设计不是一朝一夕就能成功的，只有做久了才能拥有出色的设计水平和宝贵的设计经验。既然选择了设计师这个职业，就要有耐心，努力做得出色。虽然会遇到很多辛酸苦累，困难挫折，但不要退缩与放弃，没有这些，你的设计能力如何成长，你的经验如何获得？所以你需要做的是忘掉它们，朝前看，自信地坚持走下去，你的脚步总有一天会踏上平坦的道路，到那时，成功就在你面前向你招手微笑。
原文地址：http://www.sheji360.net/content.php?flag=article&action=66
九月 14th, 2009 in
交互设计,
学习,
用户研究 | tags:
使用性测试 |
No Comments 
参与过也见到过很多次使用性测试的项目，不过过了几个月没有接触到了，根据自己的记忆，把测试的流程稍微整理一下，记录下来。可能比较凌乱，文字不够考究也许跟有些同行参与的不尽相同，但是基本骨架如此，放到这里，给以后的工作做个参考:)
使用性测试的流程如下：
- 进行测试的小组人员聚集起来研究并使用被测试的产品或者原型，熟悉产品的既定使用方式。在试用过程中记录产品可能发生问题的点。
- 试用结束后，收集产品的可能问题点，按照一定的逻辑关系将问题点组织记录成文档形式。
- 根据这些问题点，设置产品的具体使用情景，即进行场景设计，例如设定场景为朋友想来北京玩，想在西单找一家旅馆（一个查询服务的测试场景）。
- 有了具体的场景，根据产品自身的特点，设定一个具体任务，让用户使用产品或者产品原型来进行操作。如果用户顺利的完成了这个既定的任务，那么该项任务就没有难度。反之如果有很大的困难，那么在后期设计人员就需要重点对这些任务流程或者界面布局进行修改。
- 场景设计和任务设计是测试问卷的重点部分，场景和任务都设计好后，剩下的就是对问卷的完善了，包括用户打分情况，以及一些基本的评价点等具体信息。（关于问卷的设计，以后会再继续整理。）
- 前期准备工作完成后，剩下的就是等待测试支持部门同事根据测试要求招募参试者了。
- 用户到来，测试就正式开始了。向用户介绍测试实验室，为了减轻用户压力，可以介绍为体验活动室等委婉的名词。请用户在保密协议上签字，填写用户简单甄别信息问卷。
- 测试正式开始，主持人按照问卷上的流程向用户介绍测试目的，简单介绍产品让用户热身（warm-up）然后就是按照问卷进行测试。在测试进行的同时，有一个观察记录人员需要在不明显的位置记录用户的操作情况和问卷上选项的选择情况。这名观察记录人员在测试过程中也起到协助主持人的作用。例如在冰箱使用性测试项目中，用户需要往冰箱放食物，此时记录人员需要协助把食物放到用户方便的地方。类似这样的发生在实验室的小事情就由记录人员负责。主持人把注意力集中到用户身上即可。测试的过程需要在观察室中录像，保留详细数据，便于后期整理和查验。需要有一个或者更多设备管理员参与。
- 测试结束后切断录像设备，保存录像片段。主持人送参试者离开测试实验室至会客室休息，赠送参试者礼金并要求参试者签字，然后送参试者离开。
- 至此，一个完整的测试就结束了。
九月 12th, 2009 in
未分类 |
No Comments 实在受不了yo2的服务了，把空间搬进reeze的空间了，我独立啦！
九月 8th, 2009 in
交互设计,
界面设计 | tags:
表单设计 |
No Comments 
经常使用网络的人，都应该于填写过各种各样的表单。注册一个论坛账号，申请一个QQ号，购买一本书……等等事情，只要不是单纯的浏览信息，或多或少的都会填写一些表单，向计算机提供个人信息，真实的也好，虚拟的也罢。在填写这些数据的时候，计算机是否有好的对待你呢？你是否会一遍又一遍的填写相同的数据？不断的刷新，甚至恼怒？“到底想怎样？”“为什么又要再次填写？？”“气死我了，换个网站”……也许您在填写这些可恶的表单的时候，也有过这样的情绪反应。不要生气，这些，都是计算的不对，他们没有正常的与您对话。
那么怎么样设计的表单才是合适的表单呢？怎样的对话才是符合人们心智模型的表单设计呢？
接下来，我将根据平时的经验，来跟大家分享一下：
1. 只询问必要的问题，不是必填的不要让用户填，可以放在资料修改的地方，让用户以后再填写，这样可以让用户在很短时间内顺利的继续当前最期望的任务。
例如：用户的家庭住址，网站如果不需要邮寄物品给用户，就没必要询问用户该项，徒增用户的疑惑。反之，如果用户在淘宝购买了一件衣服，网站没有要求用户填写家庭住址，那么用户又该疑惑了，“你们会把东西给我寄到哪里呢？什么时候会问我的地址呢？”。因此表单的内容设计是需要仔细斟酌的，搞清楚什么是该询问的，什么是不该询问的。
2. 记住用户的信息，浏览器有时候会有些突发情况，用户可能会需要刷新自己的网页才可以再继续显示，此时，不要让用户再次面对一个空白的表单，保留尽可能多的内容给用户，减轻他们重新填写的压力吧。
3. 在每个用户出错的时候及时提醒，不要等到提交信息后再给用户打几个大红叉，这样是极不礼貌的行为，用户满心期待的等着成功的信息，结果是满页面的红色出错信息，会增加用户的沮丧感。当焦点离开了填写的区域，计算机应该立即判断用户填写内容的正确性。
4. 在信息量较大的情况下，可以采用让用户填空的方式来填写表单，把每个填写的位置流出来，形成一段话或者一句话的形式，这样比起一问一答的方式要亲切友好。
5. 问答的语言需要从用户的角度出发，不要使用难懂的计算机语言，让用户和计算机之间开始自然的对话。
6. 提交按钮应该设置在必填项都填完后再用彩色显示，未填写完时，变成灰色或者使用其他的文字。不要等用户点击后再刷新页面，然后告诉用户，还有很多项需要继续填写。
7. 设置项目的必填选项提示。不要在页面顶端告诉用户哪些是必须填写的，在每一个必填选项旁记得附上一个标记。不要等到用户满心欢喜的填完了他选择填写的内容，结果却得到一大堆的红色标记，就像小学生整篇试卷上都是红叉那样。
8. 一个国外的设计师这样说：表单的下方一般会有提交（确定）和取消两个常见选项，一般来说，选择提交（确定）的概率会大于选择取消的概率。于是有一个首要选项和次要选项的说法。因此他认为首要动作的按钮应该在视觉上比次要选项突出，可以把首要选项确定项进行加粗，或者把次要选项淡化，减少为一个带下划线的单词。
【更新】
（表单设计时的首选处理方式和第二处理方式：
在设计时应该有一个更希望用户使用的选择，比如注册和取消注册之间，设计师应该在设计上引导用户选择注册选项而不是取消选项。因此在设计这两个按钮时就应该会有不一样的设计，这样的设计对用户能够有一个选择倾向性的暗示。
这样设计注册的按钮变得更为突出也更容易点击了，大按钮牵引用户的视线，用户选择更容易。
注册按钮在左边让习惯使用tab键切换的用户预先到达按钮位置，这也再次验证了我们设计时将焦点集中在可能性更大的选项上。）
9. 早期的表单在设置时一般带有三个按钮，确定，重置和取消。现在的表单中重置按钮已经逐渐走出了我们的视线。用户在填写表单中要求的数据内容的时候，很少有需要把全部信息推翻重写一遍的需求。因此，在现在的表单中，设计师已经去掉了这项多余的按钮。
10. 按钮的名称应该采用有意义的语言来标记用户的动作。一般常见的就是填写完表单后点击确定，提交，取消这样的文字。虽然很简短，但是和用户刚才填写的表单内容没有联系，适用于任何的表单。在注册用户的时候可以使用“立即注册”“马上注册”；提交Blog评论的时候使用“点击立刻发言”，“提交评论”等文字。
简单的表单却让用户有很多的疑惑，设计有良好用户体验的表单来欢迎用户吧。在以后的设计道路上，如果有新的发现会不定期的更新，让我们继续探索吧。
