栽植 茜茜

1. How we get
what we want...
—— 关于商业网站的设计构思
Amy@DXY
Feb.14 2012

2. 一个完美网站的 101 项指标
内容 （我有真才实学）
易于使用 （容易沟通与相处）
设计 （看上去也很棒）
安全 （非常可靠）
性能 （健康强壮）
W3C 标准 （遵守规则）
SEO （被很多人关注）

3. 反面教材
要么从来就没有更新过，
要么包含了大量技术错误，
要么压根无法在第二种浏览器中访问，
要么被搜索引擎彻底抛弃，
要么惨不忍睹，
要么让人摸不着头脑，
要么一攻即可破，
要么过度设计得象爆发户，
要么简陋得象草台班子。
……

4. 项目经理心目中的好孩子？
易搭建
易维护
易达标

5. How we get what we want...
What we have done ？
what we want now ？
what we want in the future ？

6. How we get what we want...
What we have done ？

7. 流程设计——兼顾运营效果
完善个人信息出现时间？
与丁香园 sso 结合？
迎合网友心态，突出重点内容
页面易用性（投票展示在同一页、专家
点评汇总）
……

8. 前台功能设计－便于运营 & 统
计
题库设计：修改题干、选项、随机？多
选？单选？
抽奖结果：奖品抽中结果实时展示
评论者信息提交
……

9. 后台功能设计——
导出功能：答题分数？排名？调研结果
导出？评论导出？注册名单？抽奖结果

10. what we want now ？
关于评论

11. what we want now ？
评论输入框中显示提示语：请登录后发表评论
！欢迎参与有奖评论！……
当鼠标定位到输入框范围，则系统判断是否已
经登录，未登录者跳转到登录页面；
登录后回到该页面，提示语消失，可以直接输
入；
单次评论字数限制为 200 中文字符
……

12. what we want now ？
关于标题

13. what we want now ？
如果前台标题中文字符超过 30 个 / 英文
字符超过 60 个，自动截断，当鼠标指向
时显示完整标题
缩略图配标题，文字固定行数

14. what we want now ？
关于缩略图

15. what we want now ？
各处缩略图尽量维持一致比例
未配标题的缩略图，当鼠标指向时显示
标题

16. what we want now ？
关于链接

17. what we want now ？
链接必须拥有可标识的视觉特征
用不同色彩标识未访问和已访问过的链
接
外部链接均新窗口打开（如友情链接）

18. what we want now ？
关于登录

19. what we want now ？
所有需要登录后查看的页面，均跳转至
登录页
登录后跳转回之前页面

20. what we want now ？
关于显示

21. what we want now ？
根据当前主流的显示器尺寸，避免让绝
大多数用户左右滚动窗口
在所有主流浏览器中拥有一致的表现

22. what we want in the future ？
评论样式参考丁香客
丁当可在丁香客中直接以任务形式展示
专区调研可出现在调查库中
专区个人信息可嵌入 UC ，贴标签

23. How we get what we want...
Happy Valentine's Day ！