相册功能和相册网站 - UCD大社区

在不能中寻找可能—个性相册设计的始末

vivi — 2009-07-13 21:46:17

QZONE平台的相册功能为保证加载速度一直以来以简洁的图片排列查看模式呈现相片，随着市场上各类相册产品推陈出新，用户越来越强烈的要求个人相册的独特展示，为了给广大用户提供更炫更酷的个性体验，QZONE在2009年5月全新推出了flash动态个性相册。Vivi有幸参与了个性相册的设计，项目一期成功推出五套相册，设计过程令人意犹未尽，下面和大家晒晒项目过程中的设计体会吧。

相册默认的图片排列查看模式

刚开始就遇到了“不能”

接到需求之初，项目组的同学们对个性相册的头绪还不明晰，开发对设计的约束也还没有具体的说明。为了大家在讨论时能有图可依，我以迅雷不及掩耳盗铃（囧）的速度输出了以文件袋中的相片为情景的版本，拿着草稿便找到了产品和开发的同学讨论了。果然一百个人心中有一百个“个性相册”，讨论很激烈，这个未经过深思熟虑的版本顺理成章的被pk掉了，换来的是我们对相册风格样式，照片浏览方式细致的梳理。

为了提高加载速度、节省带宽、方便维护，便于开发，开发gg提出了主程序模版化的建议。需要模板化的程序包括相册翻页，播放控制，加载图片处理，切换效果，小图列表等等。这意味着个性相册只有皮肤和过场动画可以有不同视觉效果的发挥，其余部分用统一的视觉元素和动画。经过多轮设计、产品、开发同学的三方会谈，最终决定以大局为重，牺牲一部分视觉效果来配合开发。

虽然主程序模板化使很多表现形式和手法无法实现，但是，勤劳的设计师不会因为各种的限制，放弃对视觉效果的追求，设计组同学们开始在限制中寻找激发创意的入口。

天马行空寻找各种“可能”

就这样开始吧，通过对使用人群的年龄喜好分析，我们和产品mm确定了休闲，清新，涂鸦，魅惑，年轻，可爱，商务，简洁，情感这几个设计方向。颜色上倾向于黑白、多彩、中性、女性青睐的粉、清新的蓝、绿。由于项目一期deadline迫在眉睫，上线的相册模版数量有限，为了能让第一期上线的相册能最大化的满足用户使用需要，我们又从中筛选出大众更偏爱的风格首先进行设计,如清新，潮流，确定了以个性皮肤＋开场动画的设计形式展现相册最个性的部分。

个性相册“异国风情”皮肤效果
“异国风情”体验地址：http://user.qzone.qq.com/845048408/photo/personal/1/42180/1/4369bc1b-5efc-4b2a-8d88-75f705980785

没有什么不可能

相片浏览是相册最基本和最重要的功能，主程序模版化需要我们在各类相册中保持一致的图片切换效果。我们首先想到的就是要让用户浏览相片时不因动画展示区域大小限制图片的查看，简言之就是图片的展示区要足够大，要满足可能有的大尺寸相片。二是要让这套动画适合不同风格的皮肤。三是减少开发开发量。在尝试了图片渐隐等几款图片切换效果之后，我们最终选择了类似相纸的设计，图片切换设计成了纸张翻页效果，这种切换效果的特点是：浏览区域大。大众化易在不同风格的皮肤下统一。

个性相册“休闲时光”模板,加载图片区域处理成了相纸效果

相片浏览模式处理成了纸张效果，浏览区域大
“休闲时光”体验地址： http://user.qzone.qq.com/845048408/photo/personal/1/42176/1/7d646538-ac0b-4c73-b2c5-9a0ecc223164

皮肤是个性相册设计中最主要的部分，为了追求视觉效果，起初我们使用颜色构图都很讲究的摄影作品作为图例，将它们按加载后照片的位置结合皮肤进行整体构图和颜色调整。在设计了两款相册后发现：原本色调统一、构图活泼的画面却因为用户相片替代了摄影图片而变得整体效果杂乱，主次不清，作为主体的相片在丰富的皮肤图案里黯然失色。这是为什么？

用户使用相册的目的是为了展示相片，他们对相片的关注高于皮肤，所以设计时应多琢磨如何让画面元素衬托相片。普通人日常照片的特点是颜色多，构图乱，放在视觉中心分散的画面上容易被喧宾夺主。考虑到这些我们调整了设计中的一个小环节，改将日常相片结合皮肤来统一设计。皮肤作为相片的衬托，设计时我们在画面元素与相片的面积比和位置关系，主体物周围的装饰等方面重新调整。之后我们输出了下面这套“彼岸花”。原来设计皮肤不仅仅是设计一张图片。

个性相册“彼岸花”模板
“彼岸花”体验地址：http://user.qzone.qq.com/845048408/photo/personal/1/42311/1/e7181887-1260-4e2a-90da-b4cba5274ef9

皮肤按照原定计划设计成不同风格的情景表现。QZONE用户群很广，根据用户年龄喜好的要求，输出了几套特别版本，如这款活泼欢快的“HAPPY TOGETHER” 。

个性相册“HAPPY TOGETHER”模板
“HAPPY TOGETHER”体验地址：http://user.qzone.qq.com/845048408/photo/personal/1/42920/1/3f270cef-a69a-4fa5-b792-429b3bdfbdec

接下来就是动画部分，动画是基于个性皮肤的辅助性设计，目的是让相片更突出让相册更具动感，开场动画为了表达情景，配合照片的加载动画适当的夸张生动。加载完成之后的辅助动画主要烘托气氛，为了不骚扰用户观看相片，动态设计的和缓有节奏。设计时吸取了之前的经验，动画元素以相片为中心运动，衬托相片，制造视觉的中心。具体动画效果请登录　QZONE相册设置个性相册后观看，谢谢！ㄟ(￣▽￣ㄟ)

个性相册“印象@China”效果
“印象@China” 体验地址：http://user.qzone.qq.com/845048408/photo/personal/1/42757/1/edaf26e7-18c7-43fc-96ab-3d7ece94e6f2

个性相册前后有五位设计师倾情参与：菜花，海味，vivi，柱子(平台设计)，三目(活动设计)，一期的整个版面虽因项目周期等原因不得不做些设计方面的妥协，部分设计元素复用，但是我们在有限的可发挥的位置尽可能保证了设计精美和丰富。个性相册上线后，用户反馈满意度高，用户使用率高于预期。

相关话题：相册功能和相册网站源地址：http://webteam.tencent.com/?p=1175

赵小姐的二三事

hanyan — 2009-04-23 02:38:43

针对上传、管理、浏览相片做一个情景设计，设计角色、模拟情景、流程、遇到的问题以及如何解决问题。

角色描述

赵小姐姓赵，就是赵钱孙李的那个赵，在一家IT公司任前台文员，虽然公司上下弥漫着代码的味道，可这丝毫不对赵小姐产生影响，她每天的网上内容就是 QQ，用IE6上开心网，她和一位同事关系不错，这么同事对互联网比较了解，平时赵小姐有什么问题都会问这位同事（暂且称为A）

艾草青青，踏春时节，公司组织了一次春游，赵小姐拍了很多照片，这时她想上传到网上与朋友分享，经A介绍，赵小姐知道了一个图片分享网站。

情景

打开xxx.com网站，首先映入眼帘的是显目的图片推荐与注册按钮，赵小姐随便浏览了这些推荐的图片，发现照片都拍得非常好，于是她也想上传照片了，可她却找不到上传照片的按钮。赵小姐叫来了A，A告诉赵小姐得先注册，登录后才能上传照片。在A的帮助下，赵小姐顺利完成了注册，终于可以上传照片了。可是这上传的过程对赵小姐又是一次比较郁闷的经历，以下是她与A的QQ对话记录。

赵小姐：怎么还得先创建一下相册啊？

A：没有默认相册吗？

赵小姐：没

A；那你先创建一个吧

赵小姐：……

一会儿

赵小姐：不能全选吗，这么多照片，需要一张一张上传

A：我看看，好像不能

赵小姐：这么多啊

A：正好把照片再欣赏一遍。

时间一秒一秒过去，赵小姐终于上传完了照片

赵小姐：终于上传完了

A：我看看

赵小姐：怎么顺序不对，这五张照片是一组的，顺序反了

赵小姐：我还想把这张照片设置为相册封面

赵小姐：怎么不行……

A只能默默地站在那里，他在思考。

通过这个情景故事，我们发现了其中一些问题

1.赵小姐在浏览完后，不知道只有注册登录后才能上传照片

2.没有默认相册，不能批量上传

3.照片按照上传的先后顺序来显示，后上传的显示在前面，可是当一组照片讲一个故事时，先上传的照片是故事的起始，后上传的是故事的延续，可这正好相反了，不符合用户的心智模型

4.对于照片的编辑，不能自由设置相册封面

针对上述问题，我们想到了一些解决的方法

1.在用户没有登录的情况下，页面上也有个“上传照片”的按钮，引导用户上传照片，当用户点击这个按钮时，转向登录界面，提示没有注册的用户先注册。

2.加入批量上传功能，当上传的照片多时，一张一张地选择非常花费用户的时间成本，并且拥有默认相册，且这个相册可以编辑名称

3.在照片的排序上，可以增加一个自由排序功能，允许用户自由拖曳照片的顺序

4.对于单张图片的编辑，允许用户设置这张照片为相册封面

以“导入用户日志到我们站点”功能为例，如何根据用户习惯，操作频率，并且达成网站搬迁日志产生内容的目的，来合理设计功能与布局？

“导入日志”功能一般两种情况下用户会使用，第一种情况是一键搬家，第二种是同步更新。因此我们给用户提供的“导入日志”的功能中包含两个方面的内容，当用户第一次操作时会把用户其它地方上所有的日志都导入进来，而且会提示用户，当用户在输入的博客地址中更新日志时，此网站会同步更新。在这之后，用户就不需要操作同步更新了。有一点需要记住的是，操作可撤消，我们要在用户个人设置面板上提供一个功能——“取消同步更新”，以达到更加人性化的服务。

以内容本身的属性或联系来组织信息的传统门户式架构与个人喜好为出发点的信息架构如何有机的统一或进行取舍？

传统门户的信息爆炸，用户所关注的信息被淹没在庞大的信息源中，他们得花费更多的成本来寻找自己关注的信息点。网站设计人员也得花费大量的精力来对信息构架进行布局，以此减少用户的浏览成本，以此留住用户。

个人喜欢好为出发点的信息架构很巧妙地避免了信息爆炸的问题，用户可以自己创造了一部分内容，这些都是以个人为中心的。用户还是希望通过某一途径来了解信息，这时传统门户就可以行动起来，把网站上一条条的信息作为源发布，用户可以在自己的个人页面上自行订阅感兴趣的内容，网站也可以先推送一些重点内容，当用户进行一段时间的操作后，通过智能语义分析，这时候网站会推送用户感兴趣的相关内容，从而促进了信息的流通，也不会对用户造成干扰，反而增加了用户的忠诚度。

怎样理解以用户为中心的设计理念，产品设计怎样合理的满足用户需求？普通用户的需求动机往往是深藏在其内心深处，连本人也难于意识层面形成清晰的概念，那怎么去获知用户需求，或者引导用户需求？

以用户为中心的设计是在产品设计开始时就要去充分了解目标用户群的需求，结合市场需求，设计出一款超出用户期望值的产品，这种理念要始终贯穿产品设计的整个过程，指导开发人员，充分考虑用户的时间成本，学习成本，情绪感受等。

具体到网站产品设计上主要表现在两个方面：

一方面是显示操作上的友好性，页面布局的美观性、易读性，浏览器兼容性，以及其他一些细节性的东西，比如哪些地方需要提示，提示框怎么出，按钮的布局怎么放，怎样报错比较友好等等。

另一方面则是产品流程设计，即用户在网站上停留、操作，从用户需求和网站能够提供的产品双向考虑，怎么引导客户获得其想要的东西，这方面影响到整个网站的流程问题，并且也是保持用户粘度、忠诚度的关键本质因素。

在产品设计中，首先得保证不能让用户有挫折感，用户应用某一功能时比较顺手，这就基本满足了用户的需求，符合他的期望值。当用户在顺利操作的过程中某一交互使用户感到愉悦，得到了更好的体验（iphone的交互使用户尝试了种全新的体验），这时的产品设计就在满足用户需求的同时，极大地超出了他的期望值。简单地说，产品设计在满足用户需求时得先保证可用性，再谈易用性，良好的用户体验。

获知用户的需求可以通过用户调查，不仅仅是问卷，测试，还应该去观察生活，观察用户的行为习惯，很多产品的设计都是生活的衍生，这样不仅可以获知用户需求，更可以引导需求，那些深藏在用户内心深处，连本人也难于意识层面形成清晰概念的需求用户会不知不觉在生活和工作中表现出来，捕捉这种无意识的形态更可以作出创新的产品

不产生内容的用户可以为网站带来什么，如何在功能设计上让这些用户为网站带来价值？

不产生内容的用户称为沉默用户，这种用户还分两种，一种是注册后登录一两次就不再的，另一种还会经常登录，只浏览不发言。

对于第一种用户，可以在注册时让用户留下邮箱，当用户一段时间没有登录时，往用户邮箱里发封邮件，告诉用户网站又推出新功能，某位朋友在他的主页上留言了……

对于第二种用户，在设计上多增加一些用户操作成本低的功能，如“踩一脚”，“推荐”、“分享”等，用户只需点一个按钮就可完成操作，这不仅增加了网站信息的流动，也让这些沉默用户参与了互动，留下线索，吸引其它用户观注这些沉默用户，更加调动沉默用户的积极性。

如果一项产品需要进行问卷调查，设计问卷的流程与要点？

设计问卷的流程：

1、定义调研目标、范围，这是最重要的一步。

2、定义调研样本特征、问卷投放方式，投放方式虽然只是一个细节，却会影响问卷信度，所以需要单独来考虑。同时要关注一下总投放量。

3、问题的拟定与编排，检查误差。

4、找些内部员工来做预测，根据发现的问题进行修改，补充，完善。

5、内部审议，综合考虑。

6、发放问卷。

7、回收问卷。

8、数据分析。

设计问卷的要点：

1、设计问卷时，别忘了自己做一次使用者，有些问题如果你自己都觉得难受，就撤掉。最怕的是出现让用户无法对号入座的情况，让他们感觉自己的答案不是主流答案。

2、设计问题的选项不要互相包含，别让用户左右为难。

3、别太追求量化的回答，且注意问题的措词。

5、问卷题目别太多，要适度，当问题要求过多时，人们是不会回答的，他们或者拒绝或者乱猜，如果有很多的题目跳转，那么在每道题目上的序号要好好设计一番，做问卷也是一次交互，别让用户迷路了。

6、大概估算下用户作答所需的时间，在用户开始答卷前，大概告诉用户他需要花费多少时间，完成多少题目。尊重用户。

在你以往的工作中，互联网产品竟品分析是从哪些维度进行分析的？

一、按评测标准

把各个竞品网站的对比项与评测标准相对应的项目进行对比，呈现出数据，进行客观的分析。

二、按竞品

一个一个竞品单独分析，每个都有不同的评测标准，提取出每一个视角，比较容易专注于用户体验的细节。

Blog时代盛行满足了用户怎样的心里动因，缺陷是什么？

Blog的盛行极大地满足了用户表达的欲望，这是一次话语权的把握，无论是精英还是草根，他们都可以在相对平等的互联网上尽情地表达，把Blog当成是一种“自媒体”或者是“写字平台”，“自媒体”造就了娱乐界的徐静蕾，文化界的王小峰、和菜头，IT界的keso等等，而“写字平台”创造了新浪博客的高人气，Qzone的非主流，每一个角落都散发着人们的心声，流露出“码字”的乐趣，大家都可以在Blog这块“自留地”里随意耕作（内容），任意装扮（模版），一时间似乎进入了人人Blog的时代。

然而Blog的交互性不够强，关系的互动比较弱，固定在一个相对狭小的圈子里，虽然它提供了一个秀场，可这个秀场却不够大，Bloger一发出的声音就被埋没了，人与人之间关系的建立不太牢固，永远都只局限在一定的范围内。

社会化网络的构成元素是什么？在网站具体功能上如何体现？

社会化网络的构成元素是人或组织，它所代表的是各种社会关系，经过这些社会关系，把从偶然相识的泛泛之交到紧密结合的家庭关系的各种人们或组织串连起来。著名的“六度空间”理论把这种关系进行了真实的展示，你可以通过六重关系来认识到你想认识的任何人。简单地说，社会化网络就是一张地图，人或组织是其中的节点，能过这个点可以达到另一个点，从而串联成一张错综复杂的关系网。

网站具体功能体现上最为基本的就是好友关系，通过好友关系衍生出一系列的交互应用，从而更加巩固了好友关系，促进了他们之间的互动，如 “newsfeed”使信息传播，再通过“分享功能”进一步扩大传播的范围，“评论”、“留言”、“踩一脚”功能吸引好友参与互动，不仅留下信息，更重要的是使好友这层关系进一步加强。“群组”功能把一群有共同话题的人聚集在了一起，使网站中的人在保持现有关系的基础上进一步扩大社交圈，促进了关系的扩展，达到进一步交友的目的。“发起投票”、“买卖奴隶”“抢车位”等应用把原来表面平静的关系打破，极大地增加了用户的活跃度，提高了人气，也加强了用户对网站的粘性，从而构建出一张更加牢固的关系网。

你认为作为一个用户体验设计师/产品经理，最重要的品质是什么？

产品经理需要的一些品质：

一、善于学习，良好的互联网的产业理解能力和市场的感觉。经常浏览互联网的相关行业新闻，培养对互联网趋势的感觉，看看哪些新技术，哪些新应用，也许能发现新的商业潜力的产品，找到与现有市场产品能够形成差别化的新产品。

二、好的网站产品可行性评估能力。

三、良好的研究用户需求的能力。

四、良好的竞品分析的能力。

五、团队沟通能力。

六、了解一些基础技术。理解基本的技术原理以及技术背后的逻辑关系。理解网站的技术对于与技术部门沟通具有很好的作用。

用户体验设计师必须了解用户需求，从用户体验的角度设计产品，这是最重要的。

相关话题：相册功能和相册网站源地址：http://www.uipig.com/archives/85

浅说相册图片详情页面中大图的浏览方式

四娘 — 2009-01-23 07:16:01

对于相册来说，大图的浏览非常重要，因为对浏览者来说最重要的就是大图看得爽不爽，因为做项目的需要，我比较了许多相册的大图浏览方式，现在一一评说，本文只代表我个人的观点，欢迎大家拍砖呀！

Flickr

Flickr一直是专业摄影爱好者喜欢的相册，它在照片详情页面提供了许多的尺寸供浏览者选择，还体贴的提供了“大尺寸下载”的链接，让浏览者能把心仪的照片下载到自己的硬盘。

在Flickr的所有尺寸中，除了“大图下载”外，还有Flickr周到的正方形75×75像素图片，因为现在许多聊天工具、博客、论坛的个人信息上都需要用到这种小尺寸的正方形照片，Flickr帮助大家裁切出这样的正方形照片无疑为许多想在个人信息上上传正方形图片却不懂得制作的用户提供了方便，当然，真正有多少用户用到这个图片，这个还是需要有实践与数据来考证的，至于照片其它几个规格的尺寸个人感觉作用不大。

在看图片时，Flickr支持Cooliris插件,可以播放幻灯，有两种方式可以进入：(1)当用户把鼠标放在图片上几秒后，图片的左下角出现图标，点击图标弹出幻灯演示页面；(2) 相册右边有一个“播放幻灯”的图标，点击后会弹出幻灯播放；

Cooliris黑色背景下全屏的展示图片确实给了用户一种很好的视觉感受，当然这个插件也有一些其它的不足，但有总比没有好；不过，Flickr“播放幻灯”的图标设计得难于识别，不知道是“播放幻灯”的意思，没有多少人会把一个页面的图标都mouseover一次的。

另外，Flickr没有点击图片翻到下一页的功能，这对许多习惯了这种翻页方式的高级用户来说显得有些不方便。

Facebook

Facebook的大图浏览没有原图查看，也没有不同尺寸的图，用户上传的图被缩放到了一个固定的尺寸，用户可以点击查看下一张图片；facebook也象Flickr一样支持Cooliris插件，可以播放幻灯，这种播放方式必须是用户安装了这个插件的情况下才能播放，且因为该插件的服务器在国外，遇到网速不够快的用户用这个插件看图有点儿卡。

Google的相册picasa

Google的相册picasa保持了google设计的一惯的简洁风格，图片的尺寸是我看过的相册中最大的了，有912像素的宽和高，比其它网站相册产品的图片都要大，在显示器越来越大的今天，这样的大图看起来真的很爽，除此之外，picasa的图片右上角有一个放大的功能，点右上角的放大镜，图片会在一个固定的窗口内放到一个很大的尺寸，用户可以拖动大的图片，查看自己关心的部份, picasa的这个功能比简单的查看原图要方便些；因为简单的查看一张比较大的原图时，浏览器窗口会出现横竖两个方向的滚动条，用户用起来不方便。

另外，picasa也没有点击翻看下一张照片的功能，这个是许多用户习惯了的一种看照片的方式；

网易相册

对网易相册我一直有一种说不出的亲切感，熟悉并喜欢网易这种简洁明了的风格，网易相册的大图查看也是很简单的。

网易相册的大图下加了一个阴影，在视觉上增加了许多的美感，但图片不大，也没有原图查看或放大的功能，这个对想看精美大图的摄影爱好者来说是一个遗憾，要看相册的原图，需要通过相册右侧的一个“下载此照片”的链接,这个链接并不容易被用户关注到；

网易相册的大图浏览，当在大图上点鼠标时，图片会翻到“上一张”或“下一张”，以图片竖直方向中心线为轴线，鼠标点到图片竖直中心线左面时变成向左的箭头，点击图片出现“下一张”；鼠标点到图片竖直中心线右面时变成向右的箭头，点击图片出现“上一张”，整个图片切换的过程非常的流畅。

百度相册

百度有许多产品都做得很好，但是说真的相册做得挺一般的，百度相册的大图查看可能是因为属于个人空间的一个栏目的原因，真的没有什么亮点，首先，图片的尺寸很小，点击图片出现图片的原图，感觉百度的相册在设计上是比较粗糙的。

QQ相册

QQ相册图片尺寸挺大的，页面上也有类似于网易相册的那种用鼠标在照片上点击往前或后翻的功能，也会以图片竖直方向中心线为轴线，鼠标变成向左或向右的箭头，点击照片出现“上一张”或“下一张”的分页，就大图浏览这一点来说，QQ相册还是不错的。

Yupoo相册

Yupoo相册的大图浏览与Flickr差不多，图片的尺寸不大，可以查看几个规格尺寸的图片；

个人认为在设计产品时借鉴成功者的经验确实是一种很好的方法，但首先应该能分得清哪些是成功的经验，哪些不是，一味的照搬，不分良莠，反而会对产品有负面的影响；

巴巴变

巴巴变无论从色彩还是产品的设计都太象Flickr了，可见一个成功的产品对行业内其它产品的影响有多大，但巴巴变有一个不得不提的特色，它有专门针对网店店铺设计的相册，有许多有趣的功能，但就大图查看来说与Flickr差不多；

走马观花的看了许多相册产品，各自都有自己的特色，当然也有许多共同之处，我总结了一下相册大图查看页面设计时需要注意的几点：

(1) 在本公司网站设计规范许可的宽度范围内，图片查看越大越好！

(2) 在图片上加上点击翻页的功能,这是许多用户已经习惯了的看图方式，也能方便的让用户查
看本相册的其它照片；

(3) 如果相册是需要播放幻灯的，那么就选择一种合适的方式，是在本页内播放还是弹出一全
屏的页面播放，或者是支持Cooliris插件，根据自己商业目标和目标用户群来进行选择，也曾
有设计师与我讨论过是否可以用 flash来做幻灯的播放，在这点上我个人的建议是别轻易使用
flash来查看需要展示精致细节的图片，因为flash会自动的对图片进行压缩，会损害到图片的
质量，另外，图如果太大的话，会需要比较长的loadding时间；

(4) 尽可能的为用户提供原图，或放大的图片，便于用户查看更精致的细节；

(5) 对其它的相册产品可以借鉴，但不要抄袭，要借鉴其它产品的成功之处，而不是无论是
否符合自己的产品特色和用户需要都照搬过来，因为不是功能越多的产品就越好，而是越符合
自己产品目标用户群需要的产品就越好；

相册：有胜于无

摇光 — 2008-10-21 11:16:15

本周末UCDChina上海书友会地点刚好在博客大巴，有幸能旁听了一回：）
相册对于大部分的网站来说，应该是一个“有胜于无”的东西吧。需要用户交互的，多多少少会涉及到图片一块。只是对于专业的相册服务，我觉得却是一个需要深思熟虑的，至少目前并没有听说仅依托相册服务而出现的营利，或者flickr?。

对于个体用户，大致可以分为“分享”和“存储”，对于“分享”则会要求外链，目前国内的大多数门户的相册却都是不允许外链的，当然也有许多允许外链的，比如巴巴变（与BlogBus有合作）、yupoo(目前与Blogcn达成战略合作)、好看簿、Mofile、大脚社区。但这些相册网站经过一段时间的运营，用户累积，内容累积，随之增长的存储，以及带宽的需求。如果要保证这些,必然需要资金的支撑，所以这些钱怎么来是个问题。就目前的状况来说，还很难通过服务收费来协调（但，近来用户在互联网服务上的消费观念已经开始慢慢建立了）。只是在用户掏钱之前，需要建立足够的品牌信任度。而作为“存储”，我想收费也会让用户在心理上觉得更有保障一点，只是同样面临一个品牌信任度的问题。坚持提供好的服务，相信会有走出来的一天。“ 存储”可以理解为网络数据存储服务。

我为什么用Picasa,因为我觉得google目前是一个相对值得信任的企业。如果google倒了，那些丢失的，我只能说“我认了”。
但我们又凭什么相信这些新崛起的网络公司，能带给我们长期稳定的服务呢？我很怕有一天，我千辛万苦收集的图片随着网站的无法访问而烟消云散了，可是那时居然看到google还要坚挺着，哈，其实用国外的也很担心有一天会被GFW。比如之前用的myopera就非常不幸的被XXX了。
我很纳闷，那些门户，中国的那些网络大腕，为什么就不能提供一个相对Open的服务呢？至少，我觉得你是值得信任的。
为什么百度那么烂，即便只有中国的市场，我想你也能活的很潇洒。
为什么腾讯不能再Open一些呢？
为什么中国移动总无法在互联网上占一席之地？
都拭目以待

对照片/图片的系列行为

Tenk — 2008-11-18 16:13:29

草稿早就建立了，在UCD大社区上看到关于相册网站和相册功能的话题的时候，到目前为止，话题里主要涉及到的内容有排序，Flickr与Picasa的应用及策略分析，相册产品设计的要点，分享的对像及重要性，还有上传。没看的同学可以先去看看，多了解，多沟通，不是吗？

首先对本文提到的照片/图片做个定义，怎么定义？按照原创和收藏？这不能算定义，只是具体的服务提倡或约束的上传准则，所以不定义了，她就是可爱的照片/图片，至少拥有者自己是这么感觉的。以下将统称为图片。

由于厦门没有UCD书友会(或类似组织)，也没有找人讨论，所以在建完草稿后，觉的应该思考一下再写，就到了今天。下图是我用Mind Manager粗略画的用户行为图：获取 ->存储(整理) -> 浏览/分享/交流/引用 ->

一.获取
之前在萝卜大骨汤里有提到过关于获取照片的难度，主要指硬件。这里重点描述获取的照片将会包含哪些信息：

基本属性：名称(文件名还是标题？)、尺寸、文件大小、修改时间、隐私(还有其他的吗？)
详细属性：描述、分类、标签
扩展属性：Exif信息(光圈、快门、ISO、日期时间、相机品牌型号、色彩编码、拍摄时录制的声音、地理信息)
人因属性：故事、情感、人际关系、节日、景点、吸引度等等等等(想太多了……)

另外得分一下所有权：

用户拥有所有权或使用控制权，还包括朋友分享的一部分，图上漏了一个用户设计制作的
复制另存别人的照片，包括朋友分享的另一部份

通过交流方式获得照片放在分享交流部分，我得到照片跟别人从我这里得到照片在行为上其实是一样的，请忘记谁是主语。

二.存储组织
在本地存储，爱怎么存怎么存，这跟操作系统有关，比如可能还会遭遇重装系统照片全部丢失的惨重损失，就像上次我把手机系统软格，然后我的通讯录和短信全部丢失，见鬼了。

那么用户为什么要把照片放到网络？当然不会是因为厌烦了Windows的存储和操作或网络上的存储免费且无限大。考虑一下网络的特性：富表现、外向、社会性。所以主要是为了分享交流以及使用在网络，还有多终端。

把照片放到网络上分几步？上网－－上传－－(整理)。还要整理？够麻烦的，对于某些用户来说，比如QQ像册用户。先引入一段我与某位QQ相册用户的交谈：

我：QQ相册好用吗？我在看你的照片
美女A：挺好的啊。
我：除了QQ想册你还用过其他的想册吗？
美女A：没有，要那么多干什么。
我：你的照片怎么都没有改标题，都是数字。
美女A：那么大个照片还看不清楚啊，改什么标题，闲的没事干。
我：……那你知道什么是标签吗？
美女A：知道，衣服刚买的时候上面一般都有个标签吊牌。
我：……我说的是QQ相册里的标签
美女A：QQ相册标签？那是干什么的，标价钱然后可以卖？
我：……可以卖，得看有没有人要了，反正我是不要。
美女A：我还不卖呢，仔细看照片，没看到都是美女啊，多踩两脚再走哇。
过了一会…
美女A：我突然想到哪里不好用了，我新上传的照片他老给我排在后面，相册也是，你留脚印了没有啊？
我：留，留着呢，我觉的你这相册归类也太没逻辑了
美女A：逻辑？大叔，是你老了，看不懂
我：……

所以对用户进行分类是必须的，我无规则的分出以下几类，这样分类的原因是用户群体特征明显，主要指对上传方式的要求、组织纬度上的需求、交流上的行为。

QQ、51等想册用户
互联网行业用户、资深网友
摄影爱好者(与上一个群体有较大的交集)
淘宝、拍拍等卖家用户

现在用户要上传可爱的照片了(允许打包吗？)，目前主要有以下几种途径：

浏览器直接上传
浏览器插件上传(Javascript、ActiveX控件)
客户端软件上传(只是为了上传？这不合适)
邮件发送上传
手机上传(彩信、WAP、邮件、客户端软件)

你需要多简单多智能？还需要多少个通道？代价就是你要下载，要安装，可能需要手动开启、手动关闭。或者你每天都有大量的图片需要上传？或者蜗牛一样的网速让你等得发疯。

其实可能只是需要一个安静且成功的上传：
一个上传列表，在选择照片的时候同时编辑好了标题、Tag、分类、描述等信息(这真是一个好习惯，一个好的分享者)，然后安静的上传，允许我干别的事情，并从某个角落透露正在正常上传的信息，其实我知道上传需要点时间，所以我现在先去日志写好了，呆回插图片。

下面再引入一段我和某较深入使用相册服务的用户的对话：

我：我们准备在相册里加点智能功能，想了解一下你的看法
美女C：听起来不错啊，那是怎么回事呢？
我：是关于图象识别技术的，我们可以自动辨别你上传的图片里的信息，比如是人物、风光，我们就自动帮你分成人物，风景等等类别，或者加标签，我们知道输入对你来说是很烦人的。
美女C：听起来好象不错，但是有些问题，你怎么知道我不喜欢输入呢？
美女C：你可以分的清哪个是我男朋友，哪个是我情人吗？你该不会把他们放在一起吧，或者你还会把我跟我上传的模特们放一起，让我显的有够丑的。
我：这，这我们只是粗略的进行识别，并且在你选择使用默认分类或者加标签的情况下，这样你的照片不是显的更有条理吗，而且你不用做任何事情，当然任何时候你都可以自己继续整理组织的
美女C：听起来你们很努力，也很为我着想哦，但是我不需要，你不如帮我想下办法让我的照片让更多人看到吧。

好吧，这是一段杜撰的对话。每种用户对照片在组织的纬度上都有不同的需求，可能有时间性，地点性，主题心情故事性，人物性以及零散的生活无组织性，当然我们可以告诉用户通过使用标签更好地向外界分享等等。组织不仅限于相册服务之内，还包括为了便于各种扩展的应用，比如日志等等，总之组织是为了更好的浏览分享和交流及网络使用，不是吗？

三.分享交流
分享的对象分为朋友和大众，如果凭直觉判断，主要分享对象是朋友，实际上是这样子吗？别忘记了文件分享和浏览分享的区别，也就是照片服务为什么要去做IM 以及网盘的文件传送的事情，所以把眼光放回浏览分享的层面上。有分享就需要有隐私控制，这方面详细点没什么不好，但是没必要详细到需要把哥哥和弟弟分开。

接下来说说分享的各种行为：浏览、收藏(关注)、另存、评论。但凡允许评论的照片服务网站，都希望用户之间的评论热度高涨，用户自己也是这么想的，评论是比另存更深的分享。

通过分享，用户希望得到什么？了解拥有者、欣赏照片、学习拍摄技巧等等，这些都是照片本身的内容，那如何以合理且有效的方式把这些照片呈现在浏览者面前，这是组织的问题，我真不该把组织和分享放在不同的地方说明。所以还要考虑分享的对象是谁以及他们的一切，麻烦到了极点，我也在使劲的憋文字，下面是浏览者可能的方式

通过人，这家伙我就喜欢，喜欢她的一切，她真是个才女型的美女阿。
通过相册的名称选择感兴趣的照片集
通过标签，查看某种属性下的照片集，比如美女，因为用户可能把这些美女放在”10月11日”相册里了，那你就永远看不到了，真是损失，但也有可能他把一堆的蟑螂放在”美女”标签下。或许图象识别可以智能的用在这个方面，当用户通过搜索的时候。
通过专辑，天哪，还有专辑，那些可恶的用户将会怎么组织….
通过日志，同时了解关于照片的背景及故事

实际上这是点和面的问题，在不同用户群体不同场合有不同的需求，所以我们可以都提供，但困难的是什么时候哪种方式做为默认更合适，既然这样，不如先去仔细研究已经存在的相册服务，不要光记着flickr和picasa，还有很多的相册服务，还有搜索引擎难道不重要吗？

为了促进交流，我们想尽了一切办法，热门图片，精选图片，更新提醒，但毕竟这是少量用户，对于其他大量用户呢？或许他们的照片只希望被自己认识的人看到，这倒是有一部份，总还有另一部份吧，那没办法啊，他们总是不活跃，照片又不好。真的没办法了？至少我们还可以引导他们完善照片的各种资料，让他们用文字等方式为照片加点分吧。

先看张美女图养一下眼

四.引用
引用的前提肯定是开放，现在各个照片服务网站有的主动开放，有的不开放，有的半开半不开，有的让用户自己决定开不开放。比如我引用了自己在XX网站的照片，看到的是“该图片仅供用户在XX内使用”，实际上他没写“你丫的盗链”就不错了。另外一种引用是对别人照片的引用，本人觉的在这时候出现“该图片仅供用户在XX内使用”或许比较合理。关于这点，可以看看由“携程状告‘去哪儿’网侵犯著作权 ”看用户信息所有权这篇文章，还可以看看Google最近开发的两个小工具：Google看图和Google贴图，比较一下差别，然后仔细想想外部使用策略由谁来控制。

另外引用需要一个链接地址以及设定照片尺寸，所以我永远得不到一张600px宽的照片，因为他总是给我624的，或者一个最小，一个最大，然后中等。当然还有那个长的不能再长的链接。

五.实物化
主要指冲印及制作个性化物品比如T恤，杯子等等。

六.小结一下
网络照片应用的基础服务是上传、存储以及自我下载，组织的纬度需求除了对照片本身，更多的需要为扩展行为提供良好的组织结构，努力让分享交流有效且顺畅以及网络使用需求的满足。

想作为一名好的分享者，必须有塌实的功底，这点我不具备，所以肯定有错误及谬误，很是希望看完的同学留下你的意见，没有交流如何进步呢？

简说相册的排序

loyi1987 — 2008-10-29 20:08:50

上次书友会的主题是“相册”，遗憾的是当天有事情，没能参加，不过从大家写的博客里，也学到不少的东西！

我最近也关注了一下相册，发现在各种细节上，每个网站的做法大相径庭。从相册的上传、照片名称的编辑到相册/照片的排序，以及照片的预览，仔细对比，真是各有千秋！今天我只想说说相册的排序问题，因为我非常喜欢的校内网，在这方面做得并不让我觉得“有良好的用户体验”。

对于相册，排序有两种方法，一是按照时间的先后，二是按照时间的后先。

对于照片，排序也有两种方法，一是按照用户上传顺序的先后，二是按照用户上传顺序的后先。

到底是先后好，还是后先好，我想要根据用户的习惯和思维方式去安排。而用户在这方面的习惯和惯性思维又是什么样呢？我觉得大部分用户，看相册是希望按时间的后先来排序，即最新的相册放到最前面，如图：

因为用户查看相册时，大部分是想看最近的相册，当然，偶尔也会想起来看以前的相册，那就让用户稍花些成本吧。目前大部分的相册也是这样做的，像校内、豆瓣、开心等，但也有的是按相反的顺序来排列的，如百度。截图如下：

（最新的相册在最下方）

但是,对于相册里的照片而言,个人认为按照用户上传时选择照片的顺序来显示照片更为合理。因为更多的时候，用户选择的照片顺序，是为了说明一个故事，比如，我今天去看了一个展览会，拍了很多照片，回家想发到网站上分享给好友，如果照片按照我选择的顺序1、2、3、4、5...来排序的话，就很好地说明了我在看这个展览会时的顺序，如果我的好友也去了展览会，他甚至可以从照片的顺序看出我的行走路线。

当然，大部分的网站也是这样做的，但也有例外，如校内，校内网相册里面的照片排序与用户选择照片时的顺序是相反的，如果你选择的照片顺序是1、2、3、4、5...，上传成功后，显示的顺序是5、4、3、2、 1...这跟用户的心智模型完全相反，因为我想讲的故事，被系统给整个地倒过来了，我的好友也不会按照我的思路来想象我的照片！所以，我不同意这种排列顺序，我能想到的唯一理由是程序员在偷懒——先传的照片排在最前面——符合逻辑思维——但不符合用户的思维！

还有一种情况，既然是按照上传选择顺序来显示照片，但我们也不能阻止用户在上传了一批照片后，再上传一张，比如上面的例子，我突然发现照片2和照片3之间，有一张照片2.5非常有意义，想传到网站上，不论这张照片放在原相册的最前或者最后，都不是用户所需要的，那怎么办呢？很简单，只要我们替用户想到了，肯定就能做到！目前几乎所有网站的相册都提供了缩略功能，既然可以在一个页面里对所有的照片一览无余，那就让用户随意调整他们的顺序吧，就像放在桌子上的几张真实的照片，用户想怎么放就怎么放，这才真正符合用户的心智模型。给相册里的照片提供可以随意拖拽位置的功能，从技术上来说也不难，那为什么不满足用户呢？据我观察，还没有几个网站做到这点，尤其是大网站，但一些小网站就做到了，如热酷网~~

其实，这都是非常细的工作，甚至很多人不愿意去做，但感动用户的，往往就是那一点点细节！至今记得，当时注册百度博客，当检测到邮箱已存在时，旁边的一个“登录”链接，让我感动得彻底爱上了百度博客！我们做产品，就要做到事无巨细！

相册网站:分享沟通重要吗

dindant — 2008-10-23 12:46:07

周末去参加了UCD的广州书友会，收获一些，不多。

有朋友提出现阶段的垂直类相册网站在于分享沟通功能不足，无法打破围栏，只能在该网站下进行。谁能打破这个限制，未来就在谁的手里。

但同样的有朋友私下提出，更好的沟通实际上不应该发生在线上也不会发生在线上，相册网站需要做到的是完美的发布、管理、储存与简单的分享就好了。但现在就连发布这一环节还有很多路要走。

先说说为什么分享沟通相对不那么重要：

场景一：我把昨天去黄埔军校的照片给好友看了看，第二天，我们见面时聊了一下黄埔怎么去，有什么要注意的，然后开始扯到其它事情上去了——照片在此只是作为一个引子。

场景二：大妈的儿子结婚了，她把结婚照放了网上，告诉邻居的大婶，次日她们在院子里就这个事件侃得天昏地暗的。

场景三：我在flickr上发现一个收藏流程图的家伙，于是我加他为好友，MSN他，QQ他，然后开始聊一些专业上的事情。

深层次的分享与沟通多发生在熟人之间，而陌生人之间基于照片的分享与沟通可能是因为专业、兴趣上的重合，而这是少数。

实际上，对于面向非专业用户的网站来说，基本面的需求仍无法得到满足。特别是在手机终端上，我们常常发现美景并倾力捕捉，帮助我们的是手机而非DC，可手机上传的体验在中国着实令人抓狂。

一般情况下，使用手机拍照的流程如下：（要知道，你这时处于移动状态，还有其它事情要办，力求最短时间完成）

在N70这些街机中，拍完照片后可以直接通过“选项>发送>经彩信”来完成任务。

而上传到相册的渠道有网页端上传，彩信上传等等。对于资费相当敏感的中国用户来说，彩信基本是不可行的渠道。而只有通过网页端上传。打开“浏览器>登录>选择>上传”。其中在“选择”这一步骤中，你会发现无法预览图片，面对是密密麻麻的文件名，对那些不熟悉图片命名规则的人来说，这是很致命的事情——“我不知道要上传的照片在哪里”。于是，放弃，回到家再用电脑搞定。而上传的速度也是让人吐血的原因之一。

如果能搞定上传的体验，甚至还可以抢食彩信的蛋糕。“A上传照片>通知B>B登录网站查看”。由两人共同使用移动数据业务来代替原先的“彩信成本”。

而这里的“通知B”可以使用短信——到达率最高最便宜的方式，成本可由用户或服务商、或用户+服务商共同承担，大规模的短信发送成本极低，Google日历的短信提醒就是免费的。

关于相册的那些事

JunChen — 2008-10-22 23:26:43

UCD书友会10月份话题：相册网站与相册功能

我们正在经历一场变革。

互联网在迅速的变化着，我们如今面对的问题在十年前可能闻所未闻。消费类数码产品，比如便携数码相机的大规模普及，以前一个家庭可能只需要几个相片簿就能解决一家三口的照片问题。但现在，拍摄成本的降低、存储成本的降低，让照片管理越来越成为一个问题。在面对这些问题的时候，我们没有前车之鉴。

互联网技术（连接速度和连接率）的发展更加剧了这个变化过程。

我们暂且抛开照片和图片的区别，仅谈谈照片和相册的问题。我们先来看一个情景。

小王同学在毕业旅行中拍摄了500多张照片，有风光、花草，有室友合影，有别人帮自己拍的，有偷拍自己暗恋的女同学，有集体合影的。下火车那天说要把照片传给同学，传到同学录等等。当把这好几百张照片传到电脑上一看，傻眼了，工作量巨大。

小王在桌面上建了一个“毕业旅行”的目录，把所有的照片拷贝进去。先把有人的挑出来吧，小王这么想着，于是建了一个子目录叫做“同学”，通过缩略图把有人的照片都丢进去，顺便偷偷的把暗恋对象小莉的单独照片捡出来放在一个比较隐蔽的其他目录里面。

在分拣的过程中——

室友胖子上线了，在QQ上叫嚷着要把他和他老婆的合影发给他…

班长QQ催他把大合影传同学录上…

喜欢小王的女同学趁机搭话，想先一饱眼福…

小王疯了。赶紧下线，关了电脑，闷头大睡。

看，这里面有这样几个问题：存储、整理、浏览、分享（含隐私控制）。从历史的角度去看这几方面：回家翻翻老照片，存储和整理用不同的相片簿就能解决，浏览就是时不时自己翻着看看，分享仅限于上门拜访（熟人），至于隐私控制，你不把私密的相片簿拿出来就行了。

而到了现代，发生了彻底的变化。照片数量、内容激增，简单几个相片簿远远不能满足，浏览难度大，分享范围广（可能面向整个互联网），导致隐私控制难。

我一直相信好的相册服务（网站、软件等）能够引导、教育、帮助人们合理、愉悦的存储、整理、浏览、分享自己的照片。如 Flickr 一般，提供Collections、Sets、Tags、Archives这样的方式，真的就是做到极致了吗？Tag 在一开始确实挺有新意，分众分类，但用过之后的人都知道，要用好 Tag 非常不容易。这个过程并不愉悦。

在话题讨论之后，我大致设计了这样一个相册产品（要点）：

当我把存储卡上的照片导入到本地计算机上时，能同时同步到网络（速度很重要）；
系统能够自动分类出这一批照片是风景、人像（特写）、合影，并且简单处理（主要是旋转），这一点技术是能达到的；（这是目前我能想到的较为合理的自动分类法，实际上我们需要更合理更科学的照片分类方法，当然针对不同使用人群，有不同的设定）
系统自动分类之后，能提供一个一览的、高质量、高速度的界面，能够便捷地手工分类和确认，包括隐私控制；
系统给出浏览和分享的地址，在那页面上，根据设置提供打包下载的地址；注意，相册网站首要解决的是分享给熟人，而不是陌生人；
当我回顾以往照片的时候，系统可以合理地提供时间线、活动主题、照片类型等多种维度；
最后，这个相册服务能够让我放心的托管我所有的照片。

最后罗嗦一下相册网站的照片上传，除了本地软件上传以外，似乎在线上传的都没有提供这样一种功能，就是在上传的过程中可以在网站上干其他事，都是不允许关闭上传窗口等。其实这点技术上应该可以实现的。

以上仅仅是简单的对通用相册网站的一些想法。不包括行业网站的相册功能、特定网站的相册服务等，实际上这在书友会上也讨论了不少，甚至包括摄影师、摄影行业和技术的发展。

网络相册应用及策略分析

千鸟 — 2008-10-21 21:41:46

观察过不少用户的相册，用户需求主要有如下几类：

方便管理和获取，做照片和图片仓库。
方便分享和沟通，精品展示窗口，尤其是摄影作品。
方便外链，当作网络存储来使用。

Flickr与Picasa就是这么两款典型产品。他们的区别在于，Flickr以网络应用为切入点，Picasa则是本地应用。在产品结构角度，Flickrs以照片为中心，Picasa则以相册为中心。

组织策略

Flickr默认提供photos单张浏览，按上传时间倒序排列，最先看到后上传的。首页提供layout个性化定制，组织形式上现在是photostream, collections, sets的三层结构，并可以根据如下列表观察到整个由简入繁的发展里程：

Flikcr > Your Photos > Sets > Photo
Flikcr > Your Photos > Collections > Sets > Photo （付费用户增加collections功能后）
Flikcr > Your Photostream > Collections > Sets > Photo （增加video支持后）

Picasa组织上简单的多，默认就提供albums浏览，类似Flickr的sets类型，也是按上传时间倒序排列。本地管理还提供有平铺文件夹结构、文件夹树结构两种模式。

Picasa > My Photos > Albums > Photo

管理策略

在方便快速浏览的需求上，Flickr因为页面宽度固定默认sets内照片为固定最小规格，Picasa由于页面宽度自适应则提供有针对albums内照片预览的大小调整功能。

Flickr即使花费大量时间组织collections, sets后，我还是更愿意用搜索功能。其上传过程也一直在尝试良好交互促进用户保证每张照片的tag, title, description信息量，通过对数据挖掘的关键性引导，大大提高了管理有效性，其实就是系统内的SEO理论应用。

Picasa本地albums可以选择创建日期、最近修改日期、大小、名称做关键索引，但搜索只能匹配文件夹、文件命名两个字段。可见Picasa组织关系单一，比较适合对已知数据的管理，量过大时效率会明显低下来。

此外，Flickr提供了独立的archives功能，支持对拍照日期、上传日期检索。

外链和存储策略

Flickr提供有Square, Thumbnail, Small, Medium, Large, Original六种大小规格形式，除Square是固定75*75规格，Original是原图，其他都是等比缩放。

http://farm4.static.flickr.com/3032/2941250850_c5055b8fdd_s.jpg
http://farm4.static.flickr.com/3032/2941250850_c5055b8fdd_t.jpg
http://farm4.static.flickr.com/3032/2941250850_c5055b8fdd_m.jpg
http://farm4.static.flickr.com/3032/2941250850_c5055b8fdd.jpg
http://farm4.static.flickr.com/3032/2941250850_c5055b8fdd_b.jpg
http://farm4.static.flickr.com/3032/2941250850_4ca779e21c_o.jpg

其中farm4是服务器集群，曾经被GFW掉的是farm1, farm2两个IP，新增的farm3, farm4国内都能正常访问。另外，Flickr各尺寸规格由特定参数控制，唯一特殊的原图命名经过再次加密，因为曾出现过参数规律泄漏原图地址，然后被用户投诉的状况。

Picasa提供的全部是等比缩放，依宽度分144px, 288px, 400px, 800px四种规格，并且根据此宽度标准判断是否压缩图片质量。比如预设为800px的情况，当实际等于或大于800px时，质量400k大小的图片，会被压缩到一百多K甚至更少；如果实际小于800px则显示原图。

http://lh3.ggpht.com/songvision/SPX9LaKkXoI/AAAAAAAACAY/FCa0r1v9jAc/s144/P1160855.jpg
http://lh3.ggpht.com/songvision/SPX9LaKkXoI/AAAAAAAACAY/FCa0r1v9jAc/s288/P1160855.jpg
http://lh3.ggpht.com/songvision/SPX9LaKkXoI/AAAAAAAACAY/FCa0r1v9jAc/s400/P1160855.jpg
http://lh3.ggpht.com/songvision/SPX9LaKkXoI/AAAAAAAACAY/FCa0r1v9jAc/s800/P1160855.jpg

其中lh3也是服务器集群，但Picasa通过对路径加密来保证url唯一，不会更改原图命名。显然，Picasa仅判断尺寸的做法不太符合常规，所有尺寸规格也都有镜像，而不是接收请求后再做计算输出，财主办事果然有风度。

权限策略

Flickr首先简单分公开、私有两种级别，紧接着在私有的情况下，可以增设对朋友、家人的分享，这样的权限结构更接近真实生活圈子。Picasa仅支持对albums的权限设置，并且只有公开、不公开两种设置，社区感欠缺不过倒也符合产品定位。

同时Flickr不支持直接控制Sets权限，只是在organize中提供有一系列较方便的批量操作。典型简化产品结构规避技术难度，同时强化交互弥补结构不灵活的优秀案例。

相关话题：相册功能和相册网站源地址：http://blog.rexsong.com/?p=1611

相册网站和相册功能（ucd北京书友会记录）

Tony — 2008-10-21 16:50:45

相关网站

国外：Flickr、 Picasa、 Facebook、 photoshop.com、 zooomr.com、 Windows Live、 Slide、
Photobucket、 SmugMug

国内：Yupoo、校内、豆瓣、 QQ空间、巴巴变、 163、图缘、好看簿、 Fotolog、百度空间相册、
新浪相册

（PS：找一些网站除了google一下之外，我还喜欢这样一下）

图片基本信息
图片
标题
描述
时间
地点
tag
扩展信息（EXIF）
……

功能和需求
增：上传
删
改：修改、编辑
查(索引）：tag分类
评论
权限
排序
外链
上一张/下一张
地图
note（圈人）
图片处理
分享（发给好友）
size（尺寸）
email、手机彩信上传
……

以上三点是通过大家的讨论、总结出由相册网站穷举出来的一些信息，然后再从这些信息开始考虑具体的设计。
从目前对相册市场来说，有三种网站是比较具备代表性的：
一垂直图片社区。
典型代表是flickr，国内的yupoo、巴巴变等。

二垂直工具型。
代表是picasa。

三社区辅助服务型。
代表是facebook、windows live。国内的校内、豆瓣、百度等。

不同的定位造成不同的信息组织架构
对比piacasa的“相册”和flickr的“sets”就知道作为工具和社区的定位区别了。
而社区型的图片服务，很显然，在很多方面是以上两种设计的综合。

图片上传的交互
在讨论中比较了三种上传的交互方式：
Facebook、flickr（校内）、picasa(豆瓣)
（个人认为flickr的交互体验相对最好，因为允许多选）

关于大家还提到email、手机彩信上传、picasa 的跟客户端同步。

一个关于排序的小问题
单个相册的排序在缺省状态下，是应该新传的图片在前面，还是旧的在前面？
可能大部分想到的应该是新的在前面，但看看facebook的设计，然后再看看windows目录的缺省状态？
这是个很有意思的问题。

图片浏览的交互
1 缩略图的预加载效果（flickr的幻灯）
2 size的放大和缩小（picasa）
3 “上一张/下一张”按钮从图片中间分割（没有右键保存）
4 flash？

update:图片预加载的交互看这里

PS1:这次ucd书友会在詹膑老师的奇遇花园，有幻灯，讨论质量好了很多，但如果下次来书友会的人事先准备下话题，相信气氛会更好。
PS2:内容关注千鸟的整理，这个超级图片用户（flickr传了1W+张图片）在这次书友会上给我扫了很多盲。
PS3:北京书友会的书都放在奇遇花园的书架上，目前一共有72本，北京的朋友有空可以过去坐坐。

相关话题：相册功能和相册网站源地址：http://uitony.com/?p=58