网站设计改版的故事：设计的灵感 + 用研的力量.pdfVIP

网站设计改版的故事：设计的灵感 ＋ 用研的力量 学习的机会，2013 年应该继续多写。同时也总结了2012 各种文章、现象，在 感文+ we go.2012 年负责腾讯开放平台应用中心产品，第一次认真看这个产品，总觉得哪儿不对： 以上页面，我看到了一个主要内容页，有banner 区域，导航在左边，中间是App 行榜。继续往下看： 拉下页面，看到上图，开始有点迷糊。因为 容的布局有点凌乱。导航与内容区的对应不齐，让我阅读效率偏低。 上。左边导航结束后，开始堆积内容，且出现在我完全没有预期的位置。中间的App 描的逻辑和乐趣。所以我的阅读没有舒适感。我对这个网页的阅读顺序是这样的： 如上图，我开始是阅读1 处，个人信息;然后往下读到2 处，导航;到了3 处，内容区，因为 展现形式非常一致，没有重点，我就快速略过了3 处;很快扫了下4 处，不感兴趣;直接跳到5 排行榜一下，很快就阅读完了。这个网页的目的，很简单，是希望用户去探索，点击App 案例而已。后面的用 的灵感带来一些重要问题： 容的消耗上有问题(这里是一个方法论，主要阐述我的一个想法，所有产品 耗、传播上的设计) 互设计，视觉设计，设计细节，用户情感。设计师的观察，灵感，和结论都出来了，然后呢? 有很严谨的商业策略和数据压力。任何盲目的修改，都会有极大的风险。怎么证明自己的灵感? 明自己的判断? 中心的用户来进行眼动仪测试，希望了解用户的阅读模式，并印证我们之前的判断。 式。 是结果是一致的。用户都像我之前阅读那样，快速阅读，找不到重点，忽略了App 对整个页面布局没有清晰认知。来看看结论： 部分结论如上图：除了第一屏其他页面曝光量少，说明用户对首屏后面的内容不感兴趣; 1，应用中心这样的产品需要的是高点击量和高安装转化率配合。2， 他们乐意去探索。3 App 我们的交互很就出了一个交互改动稿： 交 个区块列入重点优化计划(后面视觉稿可以看到细节) 研来再次确认设计师的灵感。方式是请用户来测试我们的Demo，结论很快出来了： 点，都有非常正面的反馈。接下来，我们的视觉开始对这个新架构进行视觉设计，力 清晰，增强用户对应用中心的认知。设计稿如下： 第一屏简单明了地给出整个页面的结构。用户看第一屏就能清晰知道，顶部导航是全局导航 是banner 以及主推信息展示区;再往下，页面开始分左右两块，左边是主内容区，主要展示App 右边是排行榜。用户看到这个架构，就能有预期，这个页面往下，其实是在重复App 左右结构。认知非常简单。另外，对App 内容区，我们把主推的App 的解释。这样的设计安排极大地提高了用户对App 的认知和兴趣。( 到了第二屏，先看右边，用户还是如预期地看到了各种排行榜; 有趣。 第三屏的重点是给影视和读书一个特别的展示 不同的设计感，这样让用户更简单认知到这两个区块的不同。这样改版的结果呢? 是不是认为更清楚，更漂亮?其次，看数据： 如上图数据结果：1，整体转化率的增加，与更合理的整体架构、更合理的局部排列相关。2 和读书的增长，一方面是因为全局架构更清楚，用户会往下浏览; 个内容区块有了差异化，吸引了用户的注意力。3 红色部分用研的参与和贡献非常突出： 我对这个设计案例的总结是： 如上图，重点是：1 坚持设计师的原则和方法论，有信心，不惧压力。3，设计与用户研究的紧密敏捷配合。4 程，设计思考等更多纬度来写设计文章。：)Stay tuned. 文章来源于：/article-22522-1.html