|
好了言归正传=_= 如何深入解读一款产品？以知乎为例： 我试着从web、ios和Android三种操作环境， 可用性、易用性、爱用性三个维度， 对比其竞品quora作答 一、如何欣赏知乎？ 第一眼→ →
沉静而寒冷的知乎 思考：视觉要符合所处的环境，其次才是品牌色。鲜艳的高冷的大块蓝色只适合首页，内容页则以黑白灰为主色调以突显信息本身，但是完全素色的界面又显得死气沉沉。可以在控件反馈样式上使用蓝色，让蓝色使界面更有个性的同时不抢内容。 我们欣赏一下知乎app的展示web
强化重点，弱化周边
quora的情绪 quora的红，红得发欢，冲击着我的视网膜 那种醇郁的朱红，是一种精神的仪式，一种炙热，一种成熟 二、知乎的网站结构 知乎网站的信息架构树形结构图 深广度平衡
培养用户使用情景的思维方式 知乎没有凸显提问模块
quora把提问放得非常明显
悬浮点赞窗，点击其他区域关闭 2.知乎的导航 知乎的全局导航过于明显，分散了用户的注意力，那么大一团拟物蓝=_= quora比较值得学习 知乎的抽屉导航 场景：
quora的上下tab导航 场景：
3.知乎的栅格 quora的看回答 点击内容区域 文字第一次被展开 再点击内容区域→文字完全展开 告诉你上次翻到了哪里 纵向浏览的信息流 点击问题 进入回答后下拉 3.知乎怎样转移焦虑情绪？ 前提：用户反感漫长的等待，让心情变坏，影响情绪 （1）用户关注的焦点从等待转移到一个趣味的画面、一句简短的文案（2）缩短用户心理等待时间：
页面载入的进度反馈 发布答案的加载动画——保持积极响应
结果提前呈现，随后实现 用设计掩护程序的响应速度，让用户感觉到在使用时是流畅的。
告诉用户为什么要在这里提交内容
如quora的问和答里—— “快去提问吧，等有答案的时候我们将会告诉你的！” “开始在quora上写然后看多少人看过你的内容。” ios android 五、浅析知乎的文字及排版 ——适合老年人查看的字体和样式 夜间模式 背景 白色是全频光，全放射光对人眼睛的最有刺激 浅色模式时，使用乳白色、浅灰色、淡黄色的纸张 提高：
为了让用户有效使用，降低用户辨识时间，必须保证清晰度
（2）简洁 （3）字的长宽比 饱满 无称线的字体清晰简洁，无需花费额外的时间加以辨认
Fontcolor: #444444 / 68,68,68 Background: #F7F7F7 / 247,247,247 size: 18pt 行长 不会超过40个汉字。 文本宽度控制在450-700px为宜，此范围内参照字号大小；
间距 对于知乎这种篇幅长且偏学术的比较枯燥的文章：
Fontcolor: #979D9F / 151,157,159 Background: #1D1F21 / 29,31,33 size：18sp 六、知乎的搜索框 运行结构：
知乎for ios的“搜索”——持续式搜索
假如没有搜到相关问题和回答可以“添加问题” 知乎for Android的“搜索”——可扩展搜索
quora for ios的“搜索”——可扩展搜索 quora for Android的“搜索”——可扩展搜索 如何优化知乎目前的搜索体验？ 提供语音搜索功能 Pre.搜索前，显示cookies（搜索历史）、搜索建议 ing.搜索中，即时匹配，输入时提供即时数据 根据用户输入的字来判断用户是搜索问题还是用户 七、知乎的用户体验金字塔 根据不同的用户定制产品操作入口 同一界面不同用户需求 用户维度的划分
每种用户都有不同目的，那么他们的共同目的是什么？ （定性研究和定量分析） 思考：
逐步完善 1.有效性——基础体验建设（可用） 色盲（8.65%的男性用户和0.43%的女性用户）眼里的知乎和quaro 建议：使用形状+色彩的信息提示 夏至日中午坚持刷知乎和quora 近视眼和弱视眼里的知乎和quora 坐在颠簸的车上的人眼里的知乎和quora 坐在加速的火箭里的人眼里的知乎和quora 2.高效性——优化升级体验（易用） 图标语义优化 降低用户使用和学习成本 突破点：从用户痛点出发 图文结合，加入文字指示 3.满意度——用户深层需求满足（爱用）满足使用需求→满足心灵需求
案例： 刘看山 让错误成为不可能。很美好。 404 基于用户心里模型，而非工程实现模型
随便看看 八、知乎有哪些不足？ quora是怎么做的？ 该怎么学习和改进？ 界面风格不统一 web端是拟物蓝 color: linear gradient * 0% - #0E7BE4 / 14,123,228 * 100% - #006CBB / 0,108,187 border: #006CBB / 0,108,187 移动端是扁平蓝 color: #0077D9 / 0,119,217 渐变+阴影 shadow: * x & y - 0px, 2px * blur - 4px * #CCCCCC / 204,204,204 (60%) 胡痴儿按 这里还是有值得学习的地方：
但，这里quora的流程非常顺畅 操作入口出现的时机是适宜的 这里值得学习的地方——简化操作方式
改进建议：
遇到Input Box的控件
操作入口
正常&鼠标停留 鼠标按下 视觉不明确：
我们看看quora的按钮： 正常 鼠标停留 鼠标按下 quora有哪些地方值得知乎学习？ 横屏 避免用户出错 给用户行为约束——封闭掉不正确的道路 比如这一位，明明把我拉黑了，却显示在我的“你可能感兴趣的人”里 然后我点击关注—— 建议：
模态弹窗的反馈，打断了任务流 谁也不能保证所有人都可以准确无误地走完一个流程， 我们来看看这个失败的弹窗：
模态弹窗很不友好，用户在填写问题时可能会被打断三次，所以降低了用户的参与度。 建议：适时地给用户相应的帮助 我们来看看quora是怎么做的？ quora采用了Toast list的方式，提醒纠正，非模态的处理，让流程更加顺畅和轻松自如。
假如我的问题不存在就自动添加问题 入口信息不明确 1.无论点击我的主页还是我的头像和名字都进入“我的主页” 2.消息流的“被评论”热区 只有web端可以跳到被评论上 ios和Android的三个热区
告诉用户是什么 告诉用户怎么作才能完成整个流程 未激活按钮的设计——拉得不够开 预设用途： 一个界面或者控件，要让用户一看见它就知道如何使用 知道这个控件可否操作 ”激活”和”未激活”两种状态而目前处于”未激活”状态的按钮 呈不可操作的视觉效果（比如灰色） 可点赞和不可点赞 对比区分不够明显 隐藏部分功能 quora，按步骤拆分的用户教育—— 通过明确的步骤性的引导用户如何操作 结果呈现给予正向鼓励 给予用户必要的预判性错误提示 ——告诉用户，这样走可能会错 当用户的一个行为很可能会引发预见性的错误，越早提示用户，并给出可行性的建议，错误越容易被接受和改正，用户的损失也就越小。 胡痴儿按：黄得漂亮（发灰），太他妈文艺了！ quora 胡痴儿按：黄得正，起到了警示的作用！ 对登录流程进行优化
通常的登录和注册是分开设计的 如果将登录和注册整合 每一步骤都只有一个表单 注册和登录没有任何冲突 这样避免了”用户已存在”然后又要重新填写表单的不良体验 在流程上有很大的优化 优秀案例： 登录时，以为没有注册，遂跑去注册 注册时，又提醒你已注册，直接登录 设计规范 不同于一般的48dp的韵律，知乎用的56dp 间距为16dp 参考quora 标题应右退11dp 汉堡按钮应左进2dp 搜索输入框应拉长16dp 赠诗一首《致知乎》 ——如果找工作是追女孩，投简历是一次表白 那么知乎一定是我当初暗恋的女孩。 当年，没任何工作经验的我 见到人生中第一家心仪的公司——知乎 我那么在乎这家公司和它的产品 甚至可以忍受廉价的工资 可是我的简历还是被扔到垃圾桶里 我投了一千份简历，全部石沉大海 没有回音 …… 像我的爱情： 没任何感情经历时 我第一次见到心仪的女孩 我要把身上和脑袋里所有美好的事物都和她分享 但，她拒绝了纯洁的我 …… 我的老师——知乎，你的学生胡痴儿，敬上。 我要开始用我的知识反哺你了！ |
|
|
思考：视觉要符合所处的环境，其次才是品牌色。鲜艳的高冷的大块蓝色只适合首页，内容页则以黑白灰为主色调以突显信息本身，但是完全素色的界面又显得死气沉沉。可以在控件反馈样式上使用蓝色，让蓝色使界面更有个性的同时不抢内容。
