360 QA Master App – Payne Design

360手机问答

2013／Strategy／Identity／Experience／UI Design／Optimization

这是为奇虎360所做的设计项目。360公司的问答类产品是搜索产品背后的一个巨大内容支持，360问答网页端产品每天有着巨大的UV，手机端的用户需求日益剧增。

手机端产品从策划到上线，1.0版本用时3个月，2.0版本用时2个月。第一个版本的产品定位是移动端的工具类应用。无论是产品层面还是交互模型上都基于对用户提问的鼓励，主次关系依次为提问，回答，浏览，搜索。因此在首页强调提问入口，将“提问”升到最高层级，其次才是浏览阅读、聊天追问等辅助板块。

第一版上线之后，发现了不少问题。其实用户在手机上的主要使用场景并非“提问”。试想，真正遇到问题的时候，最佳最快的途径是直接搜索答案，而且用户本来就很“懒”，遇事立马在手机上提问的相对较少。多数时候，网页端解决提问、搜索这些重操作；移动端解决碎片化的简易需求，比如问题的跟踪、基于问题的聊天、新鲜问题的浏览。因此工具类应用的产品定位不再准确。

产品定位的改变，也映射到视觉层面。LOGO的设计理念中，将“问”和“答”的重要性放在了同一层级。将代表提问的“问号”和代表答案的“灯泡”做了视觉上的融合。

在页面设计中，大量引入动效的设计。随着技术的不断发展，动效越来越多的被应用于实际的项目中。一是因为用户手持设备的性能提升，优秀的CPU和内存能将动效完美呈现，不再卡顿。二是因为动效的趣味性、代入感更强，能快速拉进与用户的距离，让用户“身临其境”。动效的引入，让界面中充满活跃的元素和小惊喜，在整个产品中也起到画龙点睛的作用。

“问答娘”形象设计。一个产品等同于一个人，产品的概念就是人的性格、气质。通过拟人化的形象设计，将清晰的产品概念赋予到形象上，更容易让人记住。优质形象设计能给产品带来个性、温度，给用户以亲和的印象，同时对市场的活动和推广也起到明显的识别效果。

LOGO

“问答娘”表情