笔记 - 关于交互设计

文章来自：http://www.ui.cn/detail/346268.html

文章来自：http://www.ui.cn/detail/329354.html

交互行为

交互设计定义

（互联网里的交互）

---

第一件事应该想到的是如果需要采用右边的排列形式就必须要控制tag的字数；然后由于右边的tag占据了推荐贴的位置，导致推荐贴可能没有左边的那种展现形式更加醒目。但是相对的，图右的优势在于，由于竖向排列tag可以让一个屏幕显示更多的tag，可以让用户更方便的定位内容，比如外卖产品之所以用右边这种形式是因为力求一屏展示更多的菜，而且外卖产品的左侧tag一般是一家店铺的菜的品类，用户下滑菜品配合点击品类，点完即走，很方便（京东和淘宝电商类平台也是类似的）。

但是比如今日头条，新闻类客户端只能采用左边的这种形式，因为新闻类客户端是需要用户长时间沉浸的，比如用户选中一个“体育”的tag之后一般要沉浸的看好久好久，用户需要沉浸在这个tag下的内容中，那这个时候显然用右边这种设计方式让tag常驻屏幕左侧是不合适的。

---

这里举一个唱吧的例子

天快手和唱吧的对比：

快手在这个页面，其实承载的关键任务是：“迅速让用户找到感兴趣的点”，它这么设计的本质原因是因为它的截图可以帮助用户判断内容本身，比如第一张图是一个人在打高尔夫，右边是一个工人，然后第二排左边是一个游戏的镜头，右边是一个传递正能量，大家可以很方便的通过图片识别里面的内容，用户更沉浸更聚焦的去选自己喜欢的点击进入消费就可以了。

唱吧的视频截图其实是不能识别里面内容的，大家可以看到，第一张图是一个妹子，第二场图是一个妹子，第三张图还是一个妹子，那用户点击进去的动力在哪儿了？除了这个照片长相之外，更多的其实是文字决定的，是这个人唱的这首歌的歌曲名是不是我喜欢的，或者是这个演唱者的的歌手等级。