去哪儿.旅图WEB分析

Copyright (c) 2013.8 宋超@Think_Fish 去哪儿.旅图 WEB 分析 目录 去哪儿.旅图WEB分析 .................................................................................................................... 1 UI 部分 ...................................................................................................................................... 2 体验部分 ................................................................................................................................... 6 建议......................................................................................................................................... 13 Copyright (c) 2013.8 宋超@Think_Fish UI 部分 1， 点击“喜欢”，弹出的却是“称赞成功”，然后之前的“喜欢”变成“已喜欢”。这 样的感觉就是我的操作跟反馈结果是不一致的。 个人认为点击喜欢心形变亮，数字+1，喜欢不用变成已喜欢。称赞更像一 个竖起大拇指的动作而喜欢却是一种长久的一种情感。先不论语言达上的差异， 至少操作与相应的提示语是应该一致的。 或者是“赞”--》“取消赞” 这里的颜色又成了橙色…… 2，新建游记页面 这个若是改成“为游记命名”是否会让用户感觉更庄严？ 比如请某大师为某作品命名，很少会说为某作品起名，这样让用户感觉自己的游 记是一个伟大的作品。 3， 在游记详情页面这三个 icon鼠标 over的时候是橙色的，在我 的旅图页面又成了绿色 4， Copyright (c) 2013.8 宋超@Think_Fish 二维码好小，扫了一会儿才扫描成功 绿色亮度，饱合度要是能再高一点点应该会好看一点(也有可能是显示器的亮度不同， 我在两个不同亮度的显示器上看了不同的效果，下图我微调了一下) 然后背景渐变色就改成纯色会比较好一点，现在的背景渐变感觉颜色很灰，没有生气没 有活力。或者改成有点光泽的效果。 5， 查看游记幻灯片模式下，图片上的那些文字相当影响视觉效果，看着有一种特别想要 去把文字抠掉的感觉，而图片两侧却空出那么多区域，图片上下也有比较大的空白区域都可 以用来放图片上的那些少量文字。与下图对比一下，把文字移除后，图片感觉就清爽多了 下图为去掉文字后的效果(图片较小，效果可能不太明显) Copyright (c) 2013.8 宋超@Think_Fish 上图又感觉左右严重不平衡，看着感觉显示器会要被左侧的图片压斜了，右侧文字排版 可能是想要让那片空白区域看上去不显示那么空，但少数的文字如果松散的排版又略显凌乱， 也建议直接把照片的 EXIF信息也放在这个区域，不用想看照片 EXIF信息还要鼠标去滑到 右上角。即使不想看 EXIF信息，也不会对用户造成什么干扰。 Copyright (c) 2013.8 宋超@Think_Fish 6， 随便在游记详情页面点击“黄姚”这个地点进入，查找出了所有与“黄姚”这个目的地相关 的游记，但是这个页面每个 item下方的的文本介绍背景是纯#333(目测是这个值)的色块， 与白色背景对比太强烈，一屏划下来重点感觉就被那黑色色块吸引去了，可以考虑把色块做 得半透明，或者把mouseover与mouseout的效果互换一下，应该会更美观一些。 有些图片左上角的“活动照片”可以考虑把立体效果去掉，目前网页设计的趋势应该是扁 平化，IOS7也是在朝这个方向在做。然后“活动照片”代表什么？没有介绍也无法点击。 还是以“黄姚”这个地点为例，该页的 title是“未知城市”开头，这个未知城市是何含义， 这样似乎也会影响到 SEO Copyright (c) 2013.8 宋超@Think_Fish 体验部分 1， 被评为热门游记，依据是什么？我新建了游记上传了图片，但是查看浏览量为 0，app 端推送消息说我的游记被评为了热门游记，刚看到这个消息的时候心里有些窃喜，误以 为自己摄影水平还不错，但是看到浏览量为 0 的时候难免会有些失落。用户不一定就能 接受没有根据的赞赏。 (截图时访问量成了 3，而且是我自己在不同机器上浏览的) 2， “我的喜欢”是不是有 BUG？我之前有添了不少喜欢的图片且微博上有了分享，在“我的 喜欢”页面却没有呈现出来（刚刚再点开，之前操作的没有呈现，今天的呈现了） 3， 首页的瀑布流是不是过于紧凑了？瀑布流加页面跳转还没有快速跳转连总共有多少页 都没有就感觉没个头……这可能会有点像豆瓣 FM的期待着下一页的惊喜，但毕竟旅图网 的用户不都是文青，有时候走点老路子也应该不错。 4， 为什么没有搜索？我想要去青海，想看青海的图片，我一页一页的去翻这会是个灾难吧！ 或者热门的目的地，热门的标签这样的快捷搜索方式或者以前热门目的地做的专？瀑 布流比较合适随意的浏览，但是不应该是强制性的让用户只能这样随意的浏览，让用户 有针对性的去搜索想得到的信息更加容易让用户的旅行愿望成行。 5， Copyright (c) 2013.8 宋超@Think_Fish 搜索响应速度比较慢，这个可以考虑将所有目的地做缓存，每次若用 ajax现查然后 callback 给 js 去处理响应，对响应速度的影响会是比较明显的。一开始我都不确定是不 是有智能提示 我迷惑我该怎么样去搜索，可不可以输入汉字？拼音检索是全拼还是首字母？ 可以考虑在文本框中加上提示性的文字，比如可以搜索到什么？怎么样的搜索方式？ “城市/景点/支持汉字，拼音全拼” 对于非法数据输入的提示很生硬“对不起，不支持该地”，明显出自开发人员之手。 建议稍微更改一下“对不起，没有找到与您输入信息相符合的目的地”。 6， 建议在上传图片时就可以给图片加上标题或简单的描述或者在图片上传完成后有一个 缩略图预览页面，在这里添加对图片的描述，用户不愿意添加就可以直接跳过，不用发布 Copyright (c) 2013.8 宋超@Think_Fish 后再去详情页面一张一张的修改。若详情页只有一个页面或者照片数量较少还好，还根据日 期分了不同的 tab页，操作上有些繁琐了 上传照片时若刷新页面或点击其他的链接都没有提示对用户当前的操作的影响。若上 传时离开了该页面有两种可能性：一是用户误操作了，这个时候是最应该提示的。现在系统 所做的虽然离开了已经上传的照片会在游记中不会丢失不需要重新上传。二是用户确实不想 上传照片了希望放弃这篇游记，可结果还是已经上传的照片在游记中存在了，还需要进入游 记去删除一次。 对于游记封面的设置流程不合理，应该是图片上传后接下来就应该可以设置封面而不 是在编辑游记的时候才可以修改封面，既然是做为封面用户肯定是希望是上传的这一批照片 中自己觉得最满意的，封面也并不是一个附属品。放在游记编辑页面去修改默认的游记封面 需要用户有更多的探索。初衷应该是减少用户写游记的步骤，降低门槛，但是增加用户一次 性把游记写好的难度。好的用户体验不应该只是一味地去追求如何减少用户操作的步骤， 更应该是一个符合绝大多数用户的心智模型的合理流程，不能只考虑到前部分的操作的便 利，后续的操作也应该是考虑到整个流程中来，保证整个流程的顺畅，合理。 在上传照片与发布游记后照片的顺序都不能调整。图说旅行故事，单纯的无序的照片 构成故事的能力是有限的，虽然有些单张照片就会有一个故事，但是更多的时候一些专业的 用户会考虑几张图片来组成一个完整的故事。（在上传照片时拖动照片排序或者游记发布以 后利用鼠标拖动来对照片排序都是比较实现的。） 游记编辑页面在照片比较少时不好看，如下图所示。建议将标题，目的地的文本框与 照片左对齐。还有“完成”与“取消”按钮一对比就感觉“取消”按钮根本就是不可操作 的。刚进入到编辑页面时我认为只要对数据做了修改后“取消”按钮才会被点亮可点击。 上传照片时若删除了所选的照片，剩余照片上传完成时页面没有反应。再次点击发布 也没有反应。(BUG?) 7，游记详情页面删除一张图片成功后页面刷新删除的图片才 remove掉。个人觉得 ajax 请求删除图片 callback状态为成功可以在前端直接用 js 将这个图片 item给 remove掉，这样 页面不会刷新，还能节省数据连接缓解服务器压力，将一些操作均摊到各客户端上，以现在 计算机的配置完全是可以承受的。 Copyright (c) 2013.8 宋超@Think_Fish 8， 关注与粉丝两项都加上了 link，为什么不给图片加上 link 呢？可以与"更多作品"功能是 一致的，虽然功能重复(也不建议把"更多作品"去掉),但是这样操作会相对集中一些，用户不 用鼠标满屏幕划拉 达人列表页面也没有搜索，翻页也没有快速跳之类的功能 9，查看原图就直接弹出个新的页面，完全空白的页面显示了原图。第一这样显示效果 不美观，反正影响了照片的原本应有的效果；第二我要回到游记详情页面还得把这个新弹出 来的页面或者标签页关掉再回到原有的游记详情页面；第三这种处理方式会让用户感觉没有 技术含量，虽然产品设计理念有说不要让用户感觉到技术的存在但那是基于产品交互做得相 当流畅的前提下。建议可以用一些弹层的效果例如,jQuery.lightbox或 artDialog这样现成的 插件，当然也可以另外再开发。 下图是蝉游记的做法 查看原图就弹出了层，点击左右的箭头也可以查看前后的图，而且遮罩层下边的图也会 自动定位到当前弹出层上显示的照片。点击照片外或右上角的 X 就可以关掉弹出的层，无 疑这种方式会比弹出新的窗口操作要便捷且更美观 下图为 lightbox插件的效果 Copyright (c) 2013.8 宋超@Think_Fish 也是点击后弹出层查看原图，左上角的箭头也能切换图片，还有淡入淡出的动画效果， 同样点击右上角的 X或图片外的空白区域弹出层会淡入 10， 评论回复的时候我写完回复内容，顺着就点了“取消”，因为太习惯 ActionButton在左边， 取消在右边，于是乎我又点回复重新输入了回复的内容。 若当前系统为 OS X平台倒是可以考虑把回复放在右边，OS X用户的习惯就是如此， 短时间内WIN平台估计不会改。安卓 4.X后的 dialog规范也是倾向于 ActionButton放在右 边，IOS平台则是根据不同的业务场景而定，不过 ActionButton居右的情况会比较多。(习 惯是相当可怕的东西)。还有一种解决就是类似于 win平台下将推荐的操作默认 focus 将推荐用户的操作高亮显示，如删除游记时的提示，如下图 11，旅行时间单纯的以照片最后改时间为准……绝大多数摄影用户都会对照片做一些后 Copyright (c) 2013.8 宋超@Think_Fish 期，而这后期的时间也绝大多数都会是在旅行结束以后……而这个时间与旅行时间是不稳合 的。甚至是时隔很久以后再来分享。所以这个旅行时间的准确性不高。可以考虑加上调整旅 行时间的功能。 12，幻灯片形式展示游记图片，如果图片的量比较少的话一张张的浏览也不费事儿，但 是图片量较多的时候，然后跨的天数比较多可以按天来跳转浏览会要方便很多，就会像看书 一般都会大概想要了解一下这本书的目录结构，再去选择是从头到尾阅读还是选择章节来阅 读。对于图片的分享，并不是所有的图片内容都是每个用户所喜欢的，有人喜欢植物，有人 喜欢山河，有人喜欢建筑，有人喜欢人物„„通过旅行的天数来跳转可以做到浏览整体结构 的这样一个效果。下图为蝉游记的做法。 上面说到不同用户对于图片内容的不同喜好，其实再做细一点，给图片打标签，方便浏 览用户筛选。比如上传图片的时候可以给图片加上主题标签。不过这样做法另外一个方面加 大了用户上传图片的门槛，因为用户需要做的事情多了。 13， Copyright (c) 2013.8 宋超@Think_Fish 在评论通知页面，选择“评论”的 tab 标签，在没有评论的前提下什么也没有提示。连 最简单的暂无评论的提示都没有，让用户很有失落感与挫败感，用户会迷惑到底是真没评论 还是网络问题？空白状态页面会是一个比较好的展示产品的品牌元素的区域，也会是一个比 较好的用户的引导页面，可以给出引导多写游记，多对其他用户的照片进行评论等等。“我 的喜欢”，“我的好友”都有这样的问题。 “我的好友”无论是我的关注还是我的粉丝操作都是“取消关注”，这个操作用在“我 的关注”里是没有问题的，但是“我的粉丝”中我是被关注对象啊。 Copyright (c) 2013.8 宋超@Think_Fish 建议 1， 我比较想知道这个用户去过 2个地方，是哪两个地方，然后这两个地方有没有其他用户 去过，他们分享的图片是什么样的，什么季节去的有什么不同的风景…… 我也比较想修改在旅图网上的头像……虽然我用的是 QQ账号登录，应该是不会有冲突 的(之前实现过) 我不想让别人浏览我的页面时看到我关注了哪些人怎么办？(我关注了哪些人或者哪些 人关注了我有倾向于我个人的隐私) 2， 这一块目前的意义是？还是预留的一个入口，做为下一次旅行的或愿望的入口？ (猜测) Copyright (c) 2013.8 宋超@Think_Fish 3，之后会不会有用户之间的交互？我特别想去某地，看到某达人的游记后特别希望能 与这个达人求教些相关的事宜，乘车，住宿，其他开销，相机型号……然后又懒得去查攻略…… 而且攻略都不一定最新的，有可能是几个月前的甚至是更久以前的，那现在那景区是什么样 的状况？有没有在维修？我想要看的景点会不会暂时不对外开放了？(几年前到故宫的时候 太和殿正在维修，影响心情)那这个时候我是不是能找到景区所在地的用户直接与用户交 流？ 4，旅图的定位是单纯的图片分享还是会偏向于 SNS？高质量的图片视觉冲击是很大的， 确实能够激起用户旅行的愿望与冲动，但是加上简要的 SNS元素，会让一些旅行计划，愿 望更容易成行。 比如，我并不知道去葫芦岛玩一趟需要多久时间，潜意识里认为挺远的，但是看到某达 人分享了相关的游记，那我可以私信(暂且说是这种交互方式)TA，得知原来周五晚上出发， 仨小时到山海关然后哪哪儿乘车过去，住哪儿，有哪些地方可以玩儿的，哪里租船出海便宜， 哪里的皮皮虾个儿大且便宜，哪哪风景会更好，几月份过去海水会不会太凉……一个周末足 够了，那还等什么，在 Qunar上订票出发！ 5，如何收集用户想要去旅行的愿望？其实有很多的用户都会有旅行的愿望，但是旅行 的经验尚浅还停留在犹豫不决的阶段，这个时候是可以帮助或者无形之中去推动用户旅行愿 望成行的。可以在游记中加上“想去”，“去过”类似的功能。点击想去的时候可以把 Qunar上 与游记相关的目的地消息，攻略做一个推送。让用户这个还未成形的旅行构思有一个细粒度 的呈现，这消息中可能就包含了可以团购，可以报团，或者自助的话机票，车票，住宿等信 息做一个推送，这样会很大程度上推动用户去实施自己的旅行计划，而且会感受到 Qunar 的贴心服务！(也需要考虑到推送消息对用户的干扰，会有很多用户把“想去”这种功能当“赞” 来使用) 6，如何在旅游淡季也能有较为稳定持续的流量？中国绝大部分人外出旅游的时间都会 比较固定，都会集中在国庆或者五一，清明之类的小长假，其他时间段会利用周末或者请假 旅行的人还是很少数的。那么在这集中的时间段分享肯定也是会比较集中的。 国际旅游组织给旅游的定义是离家 55里算是旅游，绝大多数人也觉得旅游是需要远行 的，甚至是需要就是离开自己所在的城市。哪怕住在北京去颐和园玩儿了一趟也算不上旅游。 何不做一个尝试对旅游这个概念重定义?让旅游，旅行的重点不放在远行上，而是“行与知”， 有了行动，有了新的认知就算是旅游，旅行。 比如，公司休息室放了一种新的植物，以前从来没有见过，黄色的花瓣，以为是米兰而 后在网上搜索却与休息室的完全不符合。把休息室的植物拍下来放到了某平台上请之前园林 班的同学告知这种植物叫什么名字？得之是海棠，海棠有草本与木本的，休息室的为草本四 季海棠！ 我去休息室就走一分钟，去倒杯水冲咖啡，但此行我有了新的认知，这就算是一种旅行！ 如果尝试成功分享的用户肯定会增多，pc端就是流量为王的。虽然这类分享的用户可 能无法转换为能直接盈利的用户，但是用户基数大了，较之前同一比例的转换率也是有效的 增长！ 可以做这样一个专题，命名为“身边的旅行”或“知行”来专门分享这类重定义后的旅行。 这样用户在非远行的旅行中也有更多可以分享的内容，得到更多的评论，赞赏，及与其他用 户的更多的交流沟通可以认识更多的新朋友，更加能体会到旅行的趣味。 (这个思路偏文艺……) Copyright (c) 2013.8 宋超@Think_Fish 7，目前种子用户应该都会属于较高端的用户，一般都会是摄影爱好者，会玩儿单反。 这样能吸引到更多的用户来欣赏这些图片没错，但是也无形之间加大了分享的门槛，让抓机 党，卡片机党不敢来分享自己拍的照片，怕丢脸，怕差评，APP上传照片也没有滤镜…… 以后趋势有可能是单反都带了 wifi(三星 NX100，佳能 6D...都有了WIFI模块)，拍完回 到酒店就能直接上传了，也有另外一个趋势就是卡片，或者手机拍照性能越来越近逼单反， 像小米后置摄像头都到 1300万像素了，但是这也只是以后可能会发生的事情，上传图片的 质量效果也还是不能依靠外在的设备性能的提高而提高。 8，不能只是一味的想着去如何让用户偷懒，去降低门槛。降低门槛的同时也要考虑到 用户的分类。使用同一款软件的用户人数达到数量级时肯定无法去针对每一个人做研究但是 这些用户肯定是可以分为不同的类别，他们的喜好，消费观念，习惯，学识阅历„„游记更 多的应该是关注情感而不是披着游记外衣的相册。 用旅图写游记确实很方便快捷，选择图片，点击上传，然后可以对图片进行一些简单的 描述，门槛很低。但是！降低门槛的同时又多了一道门槛而且这门槛是无法跨越的。真正好 的游记、令我们印象深刻的游记、让我们产生兴趣产生共鸣的游记，绝对不只是美好照片 的分享，更重要的是作者情感和思想的分享。 好的照片确实能够很直观的直接的给用户视觉上的冲击力，时间久了肯定审美疲劳，图 片无非就是人物，山，水，日出，日落，古镇，花花草草„„但是每个旅行者对于这些景的 感受体会是不一样的，而且这个照片背后是不是有更动人的故事？用户会更加想关注这些用 文字描述的内容。很多热门的景点也都是通过这样的一种情感来营销，比如丽江疗伤的地方， 西藏那里离天最近，可以洗涤自己的心灵„„当然去丽江不一定能疗伤，去西藏也不一定能 洗涤自己的心灵，但是旅行者就是愿意去相信这样一种情感，现在太多人会需要有这样的情 感寄托。 大多数的人游记其实都不值得一看，不带感情的来说，那些游记只是普通人自娱自乐的 东西。喜欢旅行的人当中，尤其是那类驴友，自助旅游的人他们分享自己的旅行肯定不仅仅 是发几张图片了事，他们会更愿意去分享自己的心情，自己的故事，自己的感情，会很认真 的花心思去写下自己的这段旅程。他们对于一个平台更加关注的是：这个平台能不能允许我 （或者会不会限制我）写出我想要写的游记。如果一个产品只在贴照片方面友好，在写游 览过程这方面的用户体验很不友好，那就算它操作起来容易，恐怕也只能割爱，因为它不能 让我写出我想要写的游记。而且，这类人才是旅行平台最应该留下的人！如果单纯的图片加 很简单的描述感觉就像是路人甲听路人乙在吹嘘自己去了葫芦岛玩儿了，然后看到了碣石。 但是如果路人乙能够来一段 “东临碣石以观沧海”的诗词，再加上曹操因郭嘉之死的悲痛 而写下《观沧海》这样的故事会不会更有吸引力一些？是不是更让路人甲向往？ 读万卷书行万里路。旅行更重要的一点是“认知”，很多旅游的人会很简单的说就是想 去看看之前只听说过的但没见过的地方，但本质上是他们希望丰富自己的阅历，希望增长自 己的见识，希望体会不一样的人生„„（对于用户的需求需要深挖出其本质，不能只停留 在表面）。 建议：有了图片加简要文字描述的微游记，不要忘了另外一部分人所期待的有丰富情 感的长游记！