“好豆网”的体验日记（2）

界面交互设计建议：

1. 去掉收藏的概念。因为“收藏”与“做过”的意义并不一致，“爱吃”的意义也和其它两者不一样，“收藏”这类操作给人的直觉是比较慎重的，更多的是备忘的意思，大大弱化了标记分享的含义。并且现在的“收藏数”与“收藏按钮”的位置相距甚远，要用大脑思考一会才知道，原来他们是一起的，我想应该会有人会抱怨“怎么收藏啊？”。我的建议是将“收藏”的概念取消，直接显示的放“想做”、“做过”两个按钮。“爱吃”可以删除，对于喜欢做菜的用户，只会有“想做”和“做过”两种状态，因为“想做”已经预示着“想吃”，对于“爱吃”应该是发生在“做过”以后的事情；而对于没有做菜洗好的用户，我想“爱吃”这个统计数据对现在的好豆来说没什么意义吧，所以我建议把“爱吃”放在“做过”操作之后的附加可选交互去处理。并且建议在“做过”之后采取打分的形式来表现对“吃过”的评价会更为客观，虽然现在有打分，但因为操作流程中前置操作的影响，是给味道打分还是给这个菜谱打分？。
   
2. 在用户点击“想做”以后，应该记为已操作，填写标签后保存这个操作应该与“想做”操作分步进行。
3. “难度”和“耗时”完全可以和“步骤”联合起来展示，让用户在一个界面里更直观的了解这道菜的评估信息。建议将“步骤”的以时间轴的方式显示，耗时在时间轴的末端标记，“难度”无需独立标记，因为步骤已经说明了复杂度，可通过计算得出难度值，这也减少了用户的录入工作量，降低了录入夭折量。
   
4. “小工具”的位置可以让给更有价值的内容。人们什么时候会想转帖？是不是因为觉得内容好的时候？那么在页面顶部就放“小工具”是不是不合适呢，用户还没看这个页面的内容，就提醒他“可以转帖哦”，其实用户想不想转帖，在没看内容之前，不会因为你的提醒而导致他的行为。所以我的建议是将“小工具”放在菜谱步骤完成的最后面，在用户看完主要内容时马上提示他“分享给朋友”会效果比较好，而现在的“小工具”位置，可以留给更值得展示的内容。
   
5. “大家报告的照片”这个功能添加一个入口给前面说的“做过”，在选择做过以后，提醒用户可以把他的照片分享上来。但是现有的入口不能去掉，因为还有一些人并非亲自下的厨，可能只是想分享一下自己“爱人”的杰作罢了。
6. “好友”关系其实是“关注”。不知道你们是如何考虑好友关系的，我的使用下来，感觉好友其实是关注，并不需要对方验证，这个好友也是单方面的，互相为好友其实也只是互相关注罢了，对信息交流上并没任何区别。所以这个地方我建议，要不就是保留关注关系，要不可以参考新版豆瓣在这方面的处理，我个人是觉得关注关系对于现在的好豆来说已经够了，毕竟主要还是内容驱使的交友。
   
7. 在菜肴发布上，可以让加入一些Wiki的元素。因为一个菜有不同的做法，可能原料都差不多，味道就不一样，这种情况很多，所以在菜谱上，增加横向的关联很有必要，比如，我看到一份青椒炒肉，发现和自己平时做的不一样，觉得自己做的也很好吃，所以想分享，可以通过“我做得不一样”按钮来发布一个不同版本的辣椒炒肉菜谱。这样对发布人是延伸交流，对浏览者是延伸阅读，不仅增加了会员的交流，也提升了内容的专业度，并且还可以方便将来做专题。
8. 豆子首页应该更突显每个豆子的菜肴作品。对于豆子这一块，看得出还只是起步，所以我先不提意见了，就说说我的设想吧。对于好豆，优势很明显的在用户体验和界面设计上，为什么不做得自信一点，开放一些呢？把豆子频道做成豆子分享美食相关信息的转帖平台呢？把好豆作为菜谱wiki和美食信息聚集地的两块，一方面是精华的沉淀，一方面是实时美食相关资讯的分享交流。然后就是排行榜的问题，排行榜的算法可以复杂一些，也没必要这么明白的说清楚排序规则，所谓上有政策下有对策，这些排行很容易导致垃圾数据的产生，所以我的建议是采用一个公式来决定排序，公式的公开性是80%，让用户明白努力方向即可，但最终的排序，还是有20%的位置因素，这样避免用户的“偏科”发展，也方便将来的官方信息引导。
9. 个人中心菜单项可以简化。最后回来说说个人中心里左侧的菜单，现在的SNS太多太多，信息爆炸越来越严重，让用户减少思考，减少选择，提供单入泛出的交互体验会很好的给用户以轻松感，减少疲惫。我建议左侧只保留网站主体必须的菜单，其它社区化的非必要菜单聚合到一个单页去，如：日志、活动、投票、问答等。

UI补充修改建议：

1. 在点击“点击这里”进入修改签名并没有在第一个视角界面出现修改签名的区域，这里应该让焦点落在目标区域。当然最好是采取Ajax更新签名的方式。
2. 相册应该默认使用相册的第一张上传照片为封面，这样当用户法国菜谱后的第一次进入相册，能直观的指导他上传过的照片都在这里。
3. 个人中心的左侧导航菜单在鼠标滑过时会产生闪烁，并且这样放大的效果，容易让期望的点击目标与鼠标到达后真实的地点目标不符。
4. 现在网站采用的富文本编辑器，太“专业”，如果用户要插入本地的一张照片，众多小图标里选择插入图片图标，然后还要在弹出的小界面里找到“上传”Tabs，再上传自己电脑里本地的图片，这个流程普通用户里有多少人知道？建议可以改得直观一些，将插入图片、视频等常用功能提取出来，区别显示。