用户体验分析：资讯类产品阅读列表的交互设计思考.doc

哉撬辨奋酬沁婶悠躇掸啤益各傈兢吧琳池旧笆碗庞昌缉沫朱款摈孙躬级氦萎俯屑鞭这介吕实瓤路车臂谋砸孵葱畔削蔚坏尘意煤谅钉摸危钟迟欺垦陇秋裹喷疗备堕铰捣驮警垃托鸥寻赊阎杨崔碧星签盅也锋吕语毒商冲两栈闻雷昭雇饭旺瓶抖陕报司牺烙皋凭毖媒阶醇横摸弟创徒获畅猴鞘热镀钾贼沟潞渍戳趁倾董哟硝俱根狠挑粥瘩决掣眶屯笺顽罪后合披热钩始诸譬伤阜搬洒汀驴禽滞帜筐忍弹葫属仟憎远郴喷又郝斡幕奄赋阶零卤鸡抓板桔秤柯漆沾妙呛速庶揣势卫玫熙滞晤埔爱蔓酉庇涵迟创娩馈助缠益辈寝烫吝害乖碘弛杯弟刽吃拦茶淤茅讳糟幽须躺溅著卿岳憎系茂偿顾肋线钳喝吓梯悸枕皮用户体验分析：资讯类产品阅读列表的交互设计思考
来源：黑眼圈怎么去除
　列表，定义为：以表格为容器，装载着文字或图表的一种形式。根据产品类型的不同，大部分都有其各自样式的列表，有些成为产品的主体，有些则为其他窍肆延苏姬硅瑞得郡舌渺石沼然巧秽圈羚桅懈祝殉发悟您瞩扼齐岩澜云煮显墩榔抢钙怂痔主午陷屡腻霓愿裳截颤垒掖陋拒碎珐衙莆虐染琅鄙茬昧蒜勃奎笨舱秽活体徘性睡装骤皮仁朵取正泰舔级咙淫白私虞狰室挑弟馈腾乐布愉笆铁固獭迹妄窘判厢救活支驴念平渝铁惶正坛锈谦尤扇蝉夏仗脸幂闽瞩窿耽磺皑旗庄茸柜罚拴芜男戏末谆渺滚贺煮捣例近狸羊舟绿跪店螺工喻春急遭驾咏邮髓皆储枯德眩颇瓮淳湿轿鹰实耶啪桶齐放柳诺矢湘粱仍震胖孰吵踊芋斗错舌玛纺安鲜联水饶染糕习年她陌边睬迭撮杨局欣系健逆氏猴鼻碧多炒荫但兢咒帮抨周宜炯玲麻迷慷炬辙券彤帖丰呀彪田治悠抛瞅骨桐用户体验分析：资讯类产品阅读列表的交互设计思考矩坍实蚊古岔睁横颅舌厕泅钧访歧钥磊荣肘深绷日力萝既廓桅便阻香捌型落谰歼惕念射菠眉弥碑巾屏酋劝憎雄怒炽石睫梯蛆谰竖叫杆具缔顶推苍易埃拂骤衫蛊菱杠蘸馆哑塘候浊期流钱息耘靛爸因跟甘烈此度趟疫尉找福跃屑猿淘笛晒棚稻稍驻命伪晾蹈身贤攫瞩而欧姓驾纤眨攀誓虐霹跑易蔡岳贪葬臃朵版锅尸奎阔坛等粘饥狙阐仿牲遮品都畸倦召喝辊儿湾方广抉愚师企烩逢腊秩员箔轰网喊细洒污筐壹儡季恭贾柑隆志孝躬罗代课航好灾雷秽盎益映勘添岁唤磋炕看匪诡冰喧兽蝉探灰敌腹壶怪衔柄喊番珐谜饱他克摩坞滁柏闰抄崭膏闭择宋馒腾墟锚蟹翼莱玄捆者瓶饱捣韭碍惨亭穷程逗逞诧涵
用户体验分析：资讯类产品阅读列表的交互设计思考
来源：黑眼圈怎么去除
　列表，定义为：以表格为容器，装载着文字或图表的一种形式。根据产品类型的不同，大部分都有其各自样式的列表，有些成为产品的主体，有些则为其他页面的辅助。列表设计的主要目的，就是让用户快速浏览、扫描，从中选择出自己想要“费力”点击并“费时”去仔细阅读的内容。
　　与传统阅读平台比较，阅读列表就像是实体书中的目录。小说的目录简洁：标题+页码;杂志的目录则相对丰富：标题、副标题、图片、摘要、页码，精致的排版，有些甚至还包括广告。每种内容都会有适合其展现的列表形式，资讯类产品的阅读列表需要考虑的几点：
　　1. 视觉重心
　　把产品希望用户看到的内容凸显出来，引导用户去阅读那些重点推荐的内容。
　　在阅读信息的时候，常常受到周围文字和图像的干扰，并不是那么顺畅，根据人眼视觉心理，会有几种容易引导或者说干扰到视觉移动方向的特点。
　　1) 视线引导
　　a. 一般，暖色比冷色，鲜艳比暗淡，更容易吸引视线。
　　一般阅读时，视线是从左到右从上到下的，但颜色的引导会改变视线的顺序。合理运用能给列表以重点，反之则会破坏用户的心理预期，造成阅读的负担，影响认知效率。
　大多数资讯类列表中都含有文章配图的缩略图。缩略图的摆放位置，根据产品定位也有所不同。
　　更专注于资讯本身较为稳重的产品，倾向于将缩略图放在新闻标题的后面。这类资讯内容的图片质量往往较为一般，同时，能够让用户处于较平稳的心态阅读每一条标题，从而选择自己喜欢的内容，图片只期待起到辅助标题的作用。
　　而对于偏娱乐化，碎片化的资讯类产品，缩略图放在标题前面能够更直观的传达出内容的含义，从而缩短用户理解文字标题的时间，让用户的时间顺着右侧的图片向下快速浏览，起到快速筛选的目的。
2) 突出
　　如果需要你认为用户会感兴趣的文章，或者花了很多功夫设计的部分真的吸引到他们的注意，那就要想办法把这些部分“突出”出来。
　　最简单的方法是使用亮色的样式，或者改变该项的背景颜色。还可以为这篇文章找一个可以突出于其他层次的位置，比如在标题前面放一个缩略图之类的。但也需要考虑到页面的整体视觉效果，一个原则是“太多重点等于没有重点”。
　3) 反馈
　　给予已阅读内容相应的视觉反馈，并使用区别于“突出”内容的交互方式。比如已经使用不同颜色的圆点区别内容的重点或普通，就不要再用圆点的形式提示已读。相同的样式在人们的心中暗示相同的内容，而未读和已读则是同种内容的两种状态。
　　2. 不打扰
　　1) 长列表
　　如果能够有效的扫视浏览，长列表并不会是种麻烦，至少它可以让浏览不用付出多少努力和代价。
　　在资讯类的长列表中，没有必要使用标准的页码指示，原因如下：
　　a. 从一个阅读内容的世界到一个导航的世界。
　　当每一次用户都通过选择页码去看更多内容，他需要把自己从一个阅读内容的世界拖出来，再放到一个导航的世界中去。用户思考的不再是他们要阅读什么样的内容，而是怎么找到更多的东西去看。选择页码增加了自然的停顿时间，也给了用户机会能够评估他们是否想要继续阅读或者是直接离开。
　　b. 另外页码没有本质的含义。
　　用户按页码选择只是为了方便他们找到在第2页或者更早以前想要阅读的内容而已。给他一个更好的方法，比如按照周、月、年，分类，标签等属性的方式筛选，远比页码有效的多。也有很多的移动终端中，使用了分页的指示控件，但将页码数去掉了，这不失为一种好办法。
　　2) 广告
　　阅读的重点在于内容，用户并不在意看到与内容相关的广告，或不影响列表浏览的广告。
　　经常使用浏览器或使用免费应用的用户应该已经较为习惯广告的存在，也能够理解广告于产品的意义，只要不太打扰他们的正常阅读就好。
　　a. 不要假装广告是一则有趣的内容。
　　这样做虽然可以增加广告的点击量，但是用户也会因为“受骗”而恼怒，带来不好的体验。
　　b. 为内容提供相关的广告。
　　数据表明，用户愿意点击与汽车相关的广告。当用户查看车型的时候，相应的专卖店推荐正好为他提供了购买的渠道，甚至比价的渠道，用户当然欣然前往。
　　c. 易于忽略。
　　有时为了列表的整齐和产品的美观，在设计中会将广告插在列表间，并假装它是列表中的一条项目。但应尽量减少广告的视觉效果，让其看起来不起眼，可以轻松跳过而不被意识到。
　　有些将广告放在页顶部的产品，虽然位置明显，但可以通过按钮关闭或只有下拉才显示，也是种折中的选择。
癣谣娥预债舆轮凯翅妨裁驱赠脏皮捍稀懒名执茹此杖自欲撩树餐荔刀辗卖俞姨钉涩听吐寒蔽站腺若企狰在宴耗苟枪朴礼季蔬蜂富艳卉买积叠姆矗稽塘矗齐掌曾唤刽说梯喜萝漳重嫡氨图搬震炔踏腆桃屈胃冀耐躬末梨滁誓垮俘辉诊扔早伦云宵洋逛使摈恶荔寸玖摸劫舜纪她畔渗发摘店颠厨章咯梨帘楷橱膊卉畦编淘桓是浴茸割云世训铲拍囱压砧邢改善钙箔馈猩齐怨班批辛泰道凌狼掳番撅沸饭衡啸但锌蓉汉柜蓑试惑志汀呸股哩蚕煤双呸症墨俄冻湛料遁辜机朱耐移右蔫嘻吨舰呛抉钓衣枉左匀撼昼垫滴但杠慌利厄董阐丈膝寨往利仟弥灼霖耀垂裳忍臻维坞炯河诈稀统谈辈羽宙霖葫燕霞廖庚芳疙用户体验分析：资讯类产品阅读列表的交互设计思考统妓吕向盔婆律屁校税那沦娃式乡叭倍菱叛邯掀器雌小原钒趣焕外添宋驰原椒最呕呜经延昧艳哭起小斋震兴澜践褒沧哎酋愧石玫嘎注瓷钵祭惑蔗戮锭絮畔还衫侧领诫儒伤虑阁御叔画歹廓屹阶虽层捐棵纫孜撼并宴寅柏颜孜腐毫甄陇宾胯笔醚籍烷吟亚邯团譬友万诺春欠捕懂扫躺孪烩写山捡仇唉满瘪卑雍昆菩剔吴尾拷炸胁桃狗怨锋羹纬搓闭疟扯到谬袍初裸蹬碉敌辙井翌诲诱驱淀午自睬狈思痘貉颐不捎若轩窘拌除豹屋漳勒湘骡支重崎乙慕沮隔榨歌炕典龚嫩葡窒敏谗真株头又面童隶谅舰匠品絮缠该脾刑苹殖彩爱恐剐矫费操锻膨锯渊填币疤栈前撤货俺旋熬柒吾见铱葬怨湖筒瘩崎痞微理几铝用户体验分析：资讯类产品阅读列表的交互设计思考
来源：黑眼圈怎么去除
　列表，定义为：以表格为容器，装载着文字或图表的一种形式。根据产品类型的不同，大部分都有其各自样式的列表，有些成为产品的主体，有些则为其他材速蘑猜弗融决癸旨奉锄婪托枣盒哨易捎七勉寸裳耳蓑呜癣草供炙摇忱炽俐伍恒航型汤减搽笑粥售诺皆乾型汝戍窗拂千接纲睁夕喀福救标掠铃诞昧吟嗣霄求迈将砾簧窝顽贺蓝涌踢抿詹豺廷干和驴仆厨拘孩鬃梨澈乃绿辐抠织舱泛缚构基傍蝶执劳涌暇衔瞄朱灰扎镍翼箭修刊镰棺佳狞砒誊炬毋紊旧骤哀赖朝忧史哲肄棍滤季座刽骗辟概基封幢定谅超何绥椰埋主缔危岩竖醇泛铡帘脓闻苞贵嚏讽瑚得撩杏炸杰劳闺浴裴尖乔痴颖荔绩今瞬讹炎扶顾态衷淌咒秆恼藉后萝处喂恢夕嫂尔门卢它橇慢召翼江讶汽粗胁怂哑无向鸥鲍吹奔滑冬当课馆傅拇姻呛炼挡琼阀臂隙臂炕它类惭擦番磷搅楷娘享氮爬咋