http://www.qingdaostudio.com/simono/ zh-cn PBlog2 v2.4 http://www.qingdaostudio.com/simono/images/logos.gif http://www.qingdaostudio.com/simono/ http://www.qingdaostudio.com/simono/default.asp?id=58 jack@qingdaostudio.com(admin) Fri,30 May 2008 09:50:15 +0800 http://www.qingdaostudio.com/simono/default.asp?id=58 Project Description: Wreal, LLC, offers a Video on Demand (VOD) & broadcasted video
 (Live TV)services over the internet throughout the USA and Canada. Wreal approached 
The Skins Factory to create not only their brand identity, but the entire user experience for 
their upcoming set-top box ? everything from the look and feel of the interface to 
advanced search methodologies.

When Wreal first approached our studio, the working name for their yet-to-be-announced 
service lacked the "punch" one might associate with a radical new adult entertainment 
service. It was crystal clear from the beginning that they needed a name that would stand 
out in a marketplace clamoring with companies and services competing for attention. Jeff 
Schader, The Skins Factory's CEO, came up with a name that was not only a perfect fit, but
one that actually had an available domain name (not an easy task) ? FyreTV?. Catchy, 
easy to remember, and a sure-fire hit with the target demographic.

Once the name was agreed upon and the domain secured, The Skins Factory?s Creative Director, William Bart, was challenged with developing an identity that spoke to a slow, 
burning passion rather than pyrotechnics. By utilizing a licking flame and precisely the right
 typeface, he created an identity so hot and sexy that it drove the look and feel of the entire user experience.

The Skins Factory then began development on the entire application user interface. From 
designing application iconography to the full screen GUI. TSF also developed the FyreTV TV 
Guide, the account and login screens, settings panels and even the icons and placement 
of functionality on the hardware remote. The results as Wired.com states in a recent 
review, is a ?super slick interface?. 





]]> http://www.qingdaostudio.com/simono/default.asp?id=42 jack@qingdaostudio.com(admin) Tue,11 Mar 2008 15:31:46 +0800 http://www.qingdaostudio.com/simono/default.asp?id=42


列出产品需要的所有视觉元素，包括图标,标志,窗口,按钮等等。
Make a list of all the graphic “things” needed for the product, including icons, widgets, 
marketing logos, buttons, controls, etc. 


在一张纸上给这些视觉元素都草稿出小图案，让GUI设计师明白你想要的。
Take the list and make a crude thumbnail sketch of each item on a page so the visual 
designer can “see” what you want 


创建层次框架图，如果层次不是特明确的，批注上什么是最重要的。
Create wireframes that show hierarchy and where hierarchy is not clear annotate the 
wireframes with callouts indicating what is most important 


任何视觉限制都要提醒，比如文字大小或者颜色限制。
Note any visual restrictions; for example, type size or limitations to using color 


还包括品牌使用规范，限定或者参考。
Include any branding guides, restrictions or preferences

让设计师知道一个好的设计的评判标准，比如“设计必需要有很多的可读性，只使用标准字体”。
Let the designer know the evaluation criteria for a successful design; for example, “the design must be very readable, easy to see in bad light 
and use only standard type faces.”


列出所有可能影响到视觉设计的技术限制，比如文件尺寸。
List any technical constraints that impact the visual design, such as limits to file sizes 


一旦你写了文档说明书，附上一到两个样图，然后让GUI设计师快度的出一对粗略的原型，确保你跟GUI设计师想的是一样的，是同一个评判优秀设计的标准。
Once you have your specification, take one or two (no more) representative screens and have the visual 
designer do a couple very rapid comps. Do a quick check of the comps to make sure you and the 
designer are thinking the same way and evaluating the designs along the same criteria. 


]]> http://www.qingdaostudio.com/simono/default.asp?id=38 jack@qingdaostudio.com(admin) Fri,15 Feb 2008 10:52:10 +0800 http://www.qingdaostudio.com/simono/default.asp?id=38 We have a great team to support our product.I suppose to build website, Interface design and Graphic design.
We separate our work in detail.Everybody has his own responsibility.Now,We like a marchine running on the road.
No one less~!



]]> http://www.qingdaostudio.com/simono/default.asp?id=36 jack@qingdaostudio.com(admin) Thu,14 Feb 2008 17:58:10 +0800 http://www.qingdaostudio.com/simono/default.asp?id=36



]]> http://www.qingdaostudio.com/simono/default.asp?id=33 jack@qingdaostudio.com(admin) Thu,14 Feb 2008 17:03:53 +0800 http://www.qingdaostudio.com/simono/default.asp?id=33  It was your work attitude.Thanks!




]]> http://www.qingdaostudio.com/simono/default.asp?id=32 jack@qingdaostudio.com(admin) Thu,14 Feb 2008 16:41:57 +0800 http://www.qingdaostudio.com/simono/default.asp?id=32 and also have done reference for it.:)



]]> http://www.qingdaostudio.com/simono/default.asp?id=31 jack@qingdaostudio.com(admin) Wed,13 Feb 2008 17:21:08 +0800 http://www.qingdaostudio.com/simono/default.asp?id=31 communication.That was my first try.but, I hope I can do visualization much better later.




]]> http://www.qingdaostudio.com/simono/default.asp?id=22 jack@qingdaostudio.com(admin) Wed,10 Oct 2007 17:27:17 +0800 http://www.qingdaostudio.com/simono/default.asp?id=22 我总结了几条规则：
1简洁直接。（最好是第一眼就能够看明白界面的大体布局，哪一部分是什么功能。）
2简单易用。（有人觉得这一点似乎和上一点重复，其实不然，直接不一定就简单。具体体现在功能的调用和展示是否方便直接，在视觉方面达到简单和易用。）
（一个交互性产品在制作之前必然会经过需求分析这一步，它们指出了这个产品应该实现什么样的功能，而这些功能如何实现可以让用户更容易的操作使用它们则是产品设计师应该终点考虑的问题。
）
3美观大方。（不要大面积使用太艳丽的颜色，大块过于艳丽的颜色在电脑屏幕上看久了会非常刺眼，特别是那些要经常使用的界面更要注意这一点。其次，要注意这些美工元素的装饰性和功能性，换句话说，它们是装饰，目的是为了突出功能，避免喧宾夺主。）
以上三点是最重要的，最后还要提醒的一点是注意界面功能的区域划分，不要让界面功能太散乱。
二，面向对象的用户设计
一个好的界面设计，往往要在研究用户群体的使用习惯方面下非常大的功夫。在应用软件界面设计中，你要了解你的用户最常用、最频繁使用的功能是什么；多媒体设计中，你要了解你的用户最习惯通过什么样的途径去浏览观看你的产品；而对于网站用户，则应该了解你的用户对站点中的什么内容最关心、最感兴趣，他们习惯于按照什么样的顺序去浏览这些内容。了解这些可能会花费很大则些努力，但你会发现这些努力非常有价值。这就是面向用户的设计。
《回归设计——制作优秀的网站》一书中，书的作者总结了多位世界级UI设计大师的观点，提出了面向用户的设计这一概念，强调理解站点用户的需求是商业网站的最终目标，强调站点的可用性和有效性。
在这里，我们不妨对这个理论作一个延伸，对面向用户的界面设计做出这样一个定义：以用户群体的习惯为基础，遵循用户群体的习惯对交互性产品的用户界面进行设计的方法（User-Centered Interfaction Design，简称UCID）。
而为了设计可用有效的用户界面而针对用户习惯进行的分析研究称为面向用户的设计分析（User-Centered Design Analysis，简称UCDA）。

那么，根据这条理论，我们可以得出用户界面设计的一般流程：

用户群定位 ==> 内容功能整理 ==> UCDA ==> 进行界面设计 ==> 用户界面测试 ==> 提交使用 ==> 用户界面维护

1.用户群定位。用户群定位也可以说是市场定位，任何一个交互性产品必然有一定的用户群，用户群是普通老百姓，还是公务员，或是科研人员，或是其他人群等等，没有任何交互性产品适合所有人（包括软件产品中最基本的操作系统），也不要指望任何用户都可以习惯你的交互性产品。在进行设计之前，你必须对你所设计的产品将要面对什么样的用户群有深入的了解，这点尤其重要！

2.内容功能整理。你所设计的产品中提供了那些信息，包含什么功能？哪些是重点推介的功能，那些是常用的功能，哪些是重点宣传的信息，那些是经常变更用户经常需要了解的信息？你必须对这些了如指掌，不了解这些内容，便难以在分析和设计的时候作出最好的判断。

3.UCDA。了解了用户群定位和产品的功能和内容，就可以开始进行设计分析了。在这一步里，你要列出一个提纲，在这个提纲中列举用户可能的思维习惯、关注重点、产品重点的功能和信息，然后画一张图表，详细说明使用或浏览它们的步骤，在哪些步骤中应当突出什么内容，要注意尽量使这些步骤简单易懂。

4.进行界面设计。有了上面画出的提纲和图表，现在你可以正式开始设计你的界面了。遵照上面的分析，先粗略的分好区，将各个功能放置进去，再逐个进行美术处理，使应该突出的功能和内容更加醒目突出，对容易造成用户混淆的地方进行区分。到了这里，你的界面设计基本上也就算完成一半了，之后再对它进行一些修饰，美化功能并进一步突出主体。就可以进行下一步的工作了。

5.用户界面测试。虽然你现在已经有了一个似乎比较完善的用户界面，但也许你会注意到上面我说的话，它事实上只完成了一半。现在，你需要找更多人来看你的界面并尝试模拟使用它，这些人最好就是最终用户群体的一部分，当然，很多商业化产品是不允许这么干的，所以大多数情况下还是要由你的同事来协助你测试它。

6.提交使用。这里说使用实在是为时过早，但我找不出别的词来形容，在你的用户界面完成测试之后，如果你的工作有一个拥有决定权的上级，那么你需要征得他的同意，确定无误后就可以将界面交付给下一个开发环节了，如果你是在一个团队中工作，开发的任务由别人完成，你需要把这个界面提交给他们，如果开发的工作也是由你来做，那么现在你就可以动手开发了。当然，别忘了备份你的界面，将来或许会用到它.

7.用户界面维护。“什么，界面还需要维护吗？”当然，你为你的界面设计工作付出了大量的心血，值得肯定，但这个界面并不一定真的完全适合最终用户，或许你还需要在最后的使用中完善它，完善后的界面很可能是以升级或改版的形式出现；况且不管怎么说，用户界面设计工作都一定是存在于一个项目之中，是项目的一部分，一旦项目的需求发生变更，项目中的某些工作就要改动甚至重做，如果是功能上大的变动，就极有可能影响用户界面设计，这时也需要你对用户界面进行维护。相信我，无论如何要备份好你的界面，不会有错的。

]]> http://www.qingdaostudio.com/simono/default.asp?id=20 jack@qingdaostudio.com(admin) Tue,09 Oct 2007 18:14:03 +0800 http://www.qingdaostudio.com/simono/default.asp?id=20 品牌，功能，usability和内容。现在大家常常误认为：用户体验=易用性（或者可用性/usability）。其实不然。

 

web2.0最不缺的是功能，每一个创业者都是认为自己发现了用户的某一种需求，而市场上没有任何产品可以去满足，因此觉得自己可以开发出具备某些功能的2.0产品。。这方面，不多说什么，只是说一点，细分用户群，必定会成为竞争趋势。。仔细研究了用户群，深入挖掘他们的特点和需求，在最开始就做到高的粘着力，是否更好了？

 

在品牌上，很多人对这一点的忽略，导致了用户体验的整个盲目。现在我问你，sina,sohu和网易,有什么差别？普通用户可不清楚，都是门户网站。。好像网易开发游戏，sohu还开发了搜索，sina,好像经常做赞助活动。。这就是品牌么？现在问你Nokia和Moto有什么差别？你能回答吧。。品牌和用户体验的关系，是互相影响的。。你用Nokia,发现它简单朴实，好用，还抗摔。就是样子有点。。那么nokia的品牌形象排除了价格因素后就是这样，简单朴实好用机身抗摔，样子一般了点。。现在如果有人推荐你，某个品牌，它是如何的有趣个性时尚，然后你一使用，发现：切，哪点特别的，跟Nokia差不多，还不如买Nokia。。失败了吧，因为品牌没有独特的个性，带来的用户体验期望值和现实落差，将会让你的目标用户转头而去。。网易相册和其他的相册，有什么差别。。和flikr反正是大大的不同。。

 

在内容上面。虽然说，web2.0是用户参与，很多网站的内容都是用户来建设。。但是在用户参与之前，你要想，用户为什么要参与。。只因为我没有日记本，你给我一个日记本，我就一定要用你给的这个来写么？用户是否参与，参与程度多少，这些都取决于你现在的内容。。你现在是空的。。鬼知道你这个网站是不是快黄了，我干吗要在这写啊。。你现在很多，但是都是转载的，没几个用户在写。。骗我么？我写了根本就没有几个人看。。好，现在你的内容很多，用户也开始很多了。。但是，天啦，这些内容也未免太广告性了吧。。。或者，用户想，我写了你会不会到处转载啊。。你们这的用户素质怎么样啊。。。而且，形式上，你的品牌，说一点关联性，品牌你标语说时尚个性，网站样子看上去土拉吧唧的，马上用户的信任度就降低了。。

 

Usability,网站当然要好用了，很迅速的完成内容提交，或者找到目标内容，这是当然的。。但是不是随便一个你觉得交互方式很流畅的网站，都可以完全拷贝复制。幸亏世界如此丰富，不然我们做交互设计的，就跟做数学公式一样了，多没意思，一个套路。。不同的用户，习惯不同的交互方式，他们喜欢什么样子的，这便是用户研究里面要做的一部分工作。。这样的研究结果，帮助你的交互设计具备了自己的个性。。usability测试的结果，是要知道你的目标用户群的看法，发现的问题，而不是科学研究，三步如何变成两步。



用户体验， 英文叫做user experience，缩写为UE, 或者UX。

 

当指电子商务网站的时候也被称作顾客体验CUSTOMER EXPERIENCE. 它是指用户访问一个网站或者使用一个产品时的全部体验。他们的印象和感觉，是否成功，是否享受，是否还想再来/使用。他们能够忍受的问题，疑惑和BUG的程度

附英文原文供参考：
the user experience, mostly called "customer experience" when referring to
ecommerce websites; the totality of the experience of a user when visiting a website.
Their impressions and feelings. Whether they're successful. Whether they enjoy themselves.
Whether they feel like coming back again. The extent to which they encounter 
problems, confusions, and bugs.

 

个人理解用户体验应当是一种行为，可由用户，或指定人员站在用户立场来从事此行为。
可是，现在我们公司交用户体验作为一个角色，并通常交由UI设计人员来执行，更多的像是产品交付之后的项目实施或者客户服务。
由此对用户体验概念如何运用到项目的过程中间，概念更加模糊，求解！

 

用户体验是一种纯主观的在用户使用一个产品（服务）的过程中建立起来的心理感受。因为它是纯主观的，就带有一定的不确定因素。个体差异也决定了每个用户的真实体验是无法通过其他途径来完全模拟或再现的。但是对于一个界定明确的用户群体来讲，其用户体验的共性是能够经由良好设计的实验来认识到。

 

用户体验主要是来自用户和人机界面的交互过程。在早期的软件设计过程中，人机界面被看做仅仅是一层包裹于功能核心之外的“包装”而没有得到足够的重视。其结果就是对人机界面的开发是独立于功能核心的开发，而且往往是在整个开发过程的尾声部分才开始的。这种方式极大地限制了对人机交互的设计，其结果带有很大的风险性。因为在最后阶段再修改功能核心的设计代价巨大，牺牲人机交互界面便是唯一的出路。这种带有猜测性和赌博性的开发几乎是难以获得令人满意的用户体验。至于客户服务，从广义上说也是用户体验的一部分，因为它是同产品自身的设计分不开的。客户服务更多的是对人员素质的要求，而已经难以改变已经完成并投入市场的产品了。但是一个好的设计可以减少用户对客户服务的需要，从而减少公司在客户服务方面的投入，也降低由于客户服务质量引发用户流失的机率。

 

现在流行的设计过程注重以用户为中心。用户体验的概念从开发的最早期就开始进入整个流程，并贯穿始终。其目的就是保证（1）对用户体验有正确的预估（2）认识用户的真实期望和目的（3）在功能核心还能够以低廉成本加以修改的时候对设计进行修正（4）保证功能核心同人机界面之间的协调工作，减少BUG。

 

在具体的实施上，就包括了早期的focus group（焦点小组），contextual interview，和开发过程中的多次usability study（可用性实验），以及后期的user test（用户测试）。在设计--测试--修改这个反复循环的开发流程中，可用性实验为何时出离该循环提供了可量化的指标。

 

我做为测试角色做User experience一年多了，大体的宏观上楼上的说得都挺对的。我想补充的就是用户体验的测试不仅仅是对设计和UI的应用，我们也可以在功能测试中去应用，就我个人体验，功能测试中用户体验测试倾向于一种基础的集成测试。就是用户需要将多个功能或者服务综合起来去运行，达到一种体验，同时也保证了在功能测试和单元测试中可能漏掉的地方。这不是简单的集成测试，因为在这种集成中一定要本着用户的角色和感受去保证质量，而用户也不是简单的个性化用户，是要通过相当多的商务调查和综合最后得出的你的产品的各个典型用户，这才算得上真正的用户体验。测试人员就是要投入到典型角色中去体验的。

 

微软对“用户体验”的定义。几乎所有讲师都这么说用户体验，说一个产品用户体验是这么设计的，用户体验有什么特点，不管是硬件还是软件，只要是涉及界面、语音、文字表达、用户操作交互等，都统称为用户体验，除了用户体验没有什么界面、交互的叫法。

]]> http://www.qingdaostudio.com/simono/default.asp?id=16 jack@qingdaostudio.com(admin) Tue,25 Sep 2007 13:08:48 +0800 http://www.qingdaostudio.com/simono/default.asp?id=16 一切在用户的掌握之中
1.操作的主体是人而不是计算机。程序可以自动执行一些任务，但是用户可以控制。
2.由于用户自身的不同情况和喜好，界面必须允许用户做一些个性化的设定。所以，你的软件必须适应于由于用户更改了系统的诸如颜色，字体等属性而引起的变化。
3.你的程序尽量应该保持互动性能，尽量避免程序处于不可操纵的状态。不可操纵的状态是指某个时刻限制用户做某些操作或者根本不允许用户操作（尽量不让光标变成沙漏状态（如果需要的话，还是应该变成沙漏））尽量让负载进程在后台运行而让界面仍然处于可交互的状态。比如打印时候虽然不可以重新打开文档，但还是最小化窗口。
直观性
软件的设计目标应该是让用户直接看到操作的结果。无论是用户拖放或是将打开的文档翻页，用户都可以直接从屏幕上看到结果，并且能够减轻用户的负担。
一致性
一致性允许用户将老知识和经验应用到新的环境中，这样保证用户能够学的更快。通过一种稳定的，一致的延续，可以让用户对界面产生熟悉的感觉和更加明确的预测交互的结果。
界面的所有元素都需要保持一致性，包括命令的格式，信息的可视化表示，操作方式，在屏幕和窗口中的组件的摆放。为了将一致性落实到软件之中，必须考虑几点：
01.同一命令所有地方的操作方式应该是一致的。（避免在一处采取直接执行的方式，而另一处采取对话框弹出的方式）
02.和操作系统行为保持一致（用户不用学习新的东西就能够使用新的软件）
03.采用一致的比喻：（喻体的某些行为和本体的行为不大一致，用户就会对两种事物的联系感到困惑）（比如东西从焚化炉和垃圾箱中拿出的东西意义是绝对不一致的）
其实，界面设计和程序设计一样，也需要考虑可扩展性，可扩展性可以说是一致性延伸能力的体现。
容错性
对于使系统发生潜在危险或者破坏的命令，则在命令之前警告用户，提供回退和恢复的命令。
反馈
好的反馈是输入的响应结果，也是区别不同操作的特征。好的反馈是适时并且尽可能符合用户交互的习惯。
（使用光标的变化或者进度条来表现复杂任务的反馈）
美学
可视化属性对于交互中特定的对象提供了有价值的印象和交流。同时也一定要注意在屏幕上显示的每一个可视的元素都会夺取用户的注意力。每个元素都需要给用户提供清晰而且一致的环境从而让用户理解界面提供给用户的信息。
简单性
界面提高要点
01.程序安装步骤少且简单
02.程序安装结束不需重新启动
03.使用程序之前不需阅读READ ME
04.用户创建的数据文件的缺省目录在我的文档中
05.程序避免把有怪异文件名的文件让用户看到
06.程序不会在“Program File”之外创建文件夹
07.程序不会在硬盘更目录创建文件夹
08.如果没有用户允许，不应该在桌面创建快捷方式。
09.如果程序在系统一开始就启动，启动开始不应该有启动屏幕和弹出对话框。
10.程序不应该使用系统托盘区作为状态显示，启动程序和应用，或者查询程序属性的地方。系统托盘区是用来警告用户发生系统重大变故的地方。
11.如果用户通过“显示属性”设置了不同颜色显示方式，程序应该正常显示。
12.程序使用键盘完全操作。
13.系统缺省字体大小的改变不会造成程序字体显示不正常。
14.程序支持标准键Alt+F4
15.如果文件，注册表值等不是用户创建的，用户将这些对象卸载后，全部消失。
16.程序中不应该出现专业术语。
17.如果用户改变了分辨率，程序应该自动调整正常显示。
什么是交互设计？
在使用网站，软件，消费产品，各种服务的时候，使用过程的感觉就是一种交互体验。
从用户角度来说，交互设计是一种如何让产品易用，有效而让人愉悦的技术，它致力于了解目标用户和他们的渴望，了解用户在同产品进行彼此交互时彼此的行为，了解“人”本身的心里和行为特点同时，还包括各种有效的交互方式。界面是一个静态的词，界面上的组件是为交互行为服务的，它可以更美，更抽象，更艺术化，但不可以为了任何理由而破坏产品的交互行为。从广义上来讲，它可以认为界面设计包含交互设计，它同时还包括另外的部分（外观设计和平面设计）。
Jef Raskin在The Humane Interface:New Directions For Designing Interactive Systems(人本界面，交互式系统设计)一书中指出：
“就消费者而言，界面就是产品”
“一个出众的界面也是杰出的长期投资，他将获得：
顾客更高的生产率
更高的用户满意度
更高的可见价值
更低的客户支持成本
更快，更简单的实现
有竞争力的市场优势
品牌的忠诚度
更简单的用户手册和在线帮助
更安全的产品。”
可用性是交互设计的基本而且重要的指标，他是对可用成度的整体评价。也是从用户角度衡量产品是否有效，易学，安全，高校，好记，少错，满意度的质量指标。







]]>