线框图（demo草图）制作的总结

在产品的设计中，一直以来我都有一个误区，认为用户需要的底层需求是来自交互的完成。但是在总结的时候，发现交互不能承担的恰恰是用户的底层逻辑架构，无论这些是不是用户最终所关心的；从pm或是需求人员设计出的底层业务逻辑，演绎出用户的底层需求（用户必须要使用的），交互设计师从这些底层的业务逻辑，设计出用户通过界面来提取这些需求的途径。

     用户看不到底层的需求，所以我曾经一厢情愿的认为这些都是交互设计应该承担的责任；但是用户使用的、呈现给他的界面都是需要通过交互的过程来展示给用户，让用户易于使用。

     在产品设计的过程中，我使用过多种交互设计方法，但是中心的流程还是依据从用户研究到关键角色设计、访谈、提取用户情景，卡片提取用户重点到最后通过草图绘制来确定用户的需求（当然会依据业务流程图）。其中草图demo是经常用的一个简便的设计方式，而且高效易于修改，但是说来惭愧，一个leader问我对线框图的认识时，我却觉得概念很模糊。其实线框图说出来在交互岗位中并不模糊，而且在大量的频繁的使用。在我的工作中，它就是每天提到了草图。

     在家休息总结，也参考了一些大师对线框图的理解，故总结一下。
一、线框图的依据：业务流程图以及相关的用户调研所提取的数据。依据各个公司不同，所以产品的名称有所不同。总之数据的依据来源是用户底层的需求，提供相应的业务逻辑

二、线框图的绘制过程 
1、白板绘制，便于讨论，但是不便于保存哦，比如我的就over了！下图引用了大师的图片！

2、讨论完毕后在白纸上记录，整理图示，再次考虑与流程图的需求是否吻合。

3、用工具visio绘制电子档文件，以便传阅。当然可以有很多工具。

4、相关交互的解释说明，标注清晰


由于有些图片设计到未发布的产品，故没有能够完全展示，有兴趣的朋友，可以下载我整理的一些国外大师们，有关线框图的制作过程。很有帮助的哦！

“淘江湖”社会化商务SNS的一面大旗

　　这几天的中国互联网不停的地震，GOOGLE挑歌和淘宝的“淘江湖”绝对是大地震，对于google挑歌本人到是没有什么大兴趣，比百度强，是肯定的，也不用过多的评论。到是“淘江湖”让我感到极大的兴趣。

　　一直关注这国内的众多SNS，也看着国内的资深人士讨论着SNS和社会化商务有多重要，也有一些试水的，不过现在国内打着社会化商务的SNS基本上没有什么成功的，不死即伤。

　　前几天在twitter上看到白鸦喊了几句“淘江湖”，马上去淘宝看个究竟，结果可好邀请才可以，暂时是体验不到“淘江湖”了，不过可以通过这里看看。

　　先不说“淘江湖”有什么功能，最重要的是，他可能成为中国社会化商务的一面大旗，淘宝在国内C2C市场已经根深蒂固，用户群里庞大，此时引入SNS可以说是恰到好处，拍拍靠QQ获得了一些用户，有啊靠HI和空间搜索获得了用户，易趣还在挣扎，淘宝的用户现在只需要一个更好的平台来提高黏性，“淘江湖”就提供了一个这样的平台，现在人们在购买商品的时候最多的就是上网查找相关的评价和口碑，因此社会化商务也就由此而生了，淘宝就是一个大的市场，现在有开辟了一个大家货比三家，口碑相传的地方，更通过了SNS这种快速建立用户间联系的方式去深化了以前的消费者社区，可以说淘宝做的越来越好了。

　　很多人在讨论，是先建立社区去吸引用户来服务商务平台，还是在交易平台的基础上去建立用户交流的空间，我感觉二者不分前后，淘宝的“淘江湖”必然成功，因为他在一个成功的电子商务模式中诞生。我看好淘江湖。

[原创]闲侃河北搜才改版

　　石家庄人才网站搜才是个一个大户，信息量大，可信度高，而且找工作的确很快。我曾经就使用搜才找到了一些心仪的工作。

　　最近搜才改版了，因此也十分的关注。也和河北地区的一些人才网站做了比较，当然还有3大人才网站：智联、前程无忧、英才做了比较。

上面是搜才的新TOP。说实话，看的第一眼感觉是为了改版而改版，只是和以前的TOP表现形式有所变化。

上面是银河人才的TOP，在银河网这个大树下，自己的LOGO只能放在右边，整体设计不太协调，也是一个很普通的导航，实际使用率不高。

上面是河北人才的TOP，基础的导航放上了搜索职位的选择栏，虽然在职位选择的使用上并不理想但是终归是有了一个直接让用户能用到的东西。

上面的这个网站很无语，铺天盖地的广告，但是底子太薄，烧钱也没有烧对，域名不错。设计上没有什么新意，只能说是一个网站上面有人才信息。

-----------------------------------------------我就是分割线了-------------------------------

智联的TOP。简单明了，很俗气，并没有什么可以使用的东西。导航的点击率估计不高。

英才网，太普通的导航了，可以说和很多网站一样，基本上放弃了TOP的使用，除了广告和自己的LOGO。

我最喜欢的网站，为什么？真正的利用了TOP。知道了用户需要的。TOP上就是广告位，专题（一个好的网站专题会给网站带来很多的好处。）。可以说没有了TOP。直接让用户的应用过渡到登陆和操作部分。上面的那些网站也有登陆和操作部分，但都在TOP之下。这次就是说TOP。51job没有了TOP反而更有了让用户眼前一亮的东西。就好比淘宝把搜索提高了空前的高度一样。因为人们在使用互联网的时候80%可以说是搜索，人才网的操作可以说是一个高级搜索，层层筛选，得到自己想要的结果，所以在我看来导航就是鸡肋，把用户的操作提高，让用户不会为自己考虑要进入那个板块而烦恼。因为用户需要的就是查找、搜索、筛选。

　　这次搜才的改版的确漂亮了很多。估计在设计的过程中只是视觉设计师在干活。然后DEMO一次次的修改。漂亮了。OK了。但是和以前比让人们在使用的过程中感觉到什么了没有？

　　欢迎大家讨论。为石家庄的IT圈增加的人气吧。

　　时间仓促估计有错别字。敬请原谅。

[转]互联网设计操作参考v2

除对概念部分的细化、对方法引入层级外，还有如下小调整：

1. 优化图形并分级；
2. 完全以角色为出发点，调整了箭头方向；
3. 不再乱用颜色，调整并减少、统一了关系色彩；
4. 更正并清晰了几个措辞；

很早已意识到理念部分有问题，但是没有明确答案，太多了、之间而且还有重叠。搞清楚一两个容易，每个都有基础认识，并且建立联系很困难。与朋友探讨概念，都是看对方的理解能否促进自己某些方面的认识。如果有分歧不用争论，因为这种东西光说是没用的，一千个人眼中就有一千个哈姆雷特。

以用户为中心的“用户”仅仅是个代名词，代表一种哲学理念。整理前对目标的理解长期停留在“用户友好、开发者友好、搜索引擎友好”之上，无论如何都无法完全对应“实现”指标，后来Realazy这篇07年的观点给了我很大启发。

在理解用户友好、开发者友好的前提下，再次对照大量Search Engine Friendly（以后简称SEF）技术参考，基本可以搞清楚所有小伎俩的来龙去脉。总能看到有人把SEO, SEM等名词与之混淆，目地是做概念的打包营销，然后忽悠土鳖有钱人“效果老好了”。

完全可以清晰看到，网络上流传的所谓“SEO技巧”入门内容基本都属于SEF技术范畴，而且对于专业设计师&工程师来说没什么技术含量。另外，圈内比较有影响力的几位“SEO高手”，我承认他们是有SEM丰富实践经验的营销行家，但对设计&工程的理解并不入流。因此我对利用SEM概念推动设计的说法特别排斥，随着对两年前质疑的深入了解，做出如下补充：

1. 所谓SEM职能是做市场&销售（网络营销）；
2. 准确SEF职能是做设计&工程（搜索引擎友好）；
3. 真正SEO职能是做研究；

对终端用户的体验友好指标，很多朋友受Peter Morville在04年的观点影响较大，但我认为Paul Veugen在Peter观点基础上于本月的总结更简炼。层级部分大体参考JJ Garrett在00年的观点，但我更认同Peter Morville在07年的总结。有兴趣的同行，还可以参考Richard Dalton在JJ Garrett观点基础上于07年的总结。

初学避免追求概念，但随着自我积累在认识方面的提高，多参考同行总结是条捷径。当然，具体能否理解、能理解多少，得看我们各自的实践经验，学习本身就是个分享、提炼的迭代过程。

2009.3.29 细化并调整交付物部分定义。v2.1
2009.3.26 增加图示清晰度。

转自一叶千鸟http://blog.rexsong.com/?p=5359

© 一叶千鸟（转载请留原文链接，更新于2009年03月29日12点）

[转]这都是谁设计的？