OnePlus 海外社区 APP

2016年,我们开始设计开发海外社区App

本文展示了OnePlus海外社区APP的一些设计稿。整个设计过程中,我们先完成信息构架和应用流的设计,最终 以Mo刀的Demo进行展现。在经过可用性测试和评审后,视觉设计师在早期情绪版的支持下开始进行UI设计。因为是个小项目,我们发挥余地比较大,比如主色调,考虑阅读的视觉舒适性我们大胆使用米黄色。

在完成部分UI稿的基础上,交互设计开始构建各自细节,如阅读、刷帖、发帖体验,各类过渡效果等。

该项目组主要为3个人,1视觉设计师、1UX设计师、1前端,测试人员为非固定资源。设计师直接兼任了项目经理。

整体方案速览

这是完成信息构架和流程设计后,制作的低保证原型。当时使用墨刀制作。

阅读体验

作为刷帖的App,阅读体验当然是第一位的。设计的原则是,一切功能在需要的时候恰当出现。

· 进入评论区时,回帖按钮出现。

· 进入评论区后,楼层入口会出现。

· Title栏往下滚动会收窄,提供更好的阅读体验。

· 可快速切换正文和帖子回复。

多语言方案

OnePlus海外社区,App语音本身是跟随系统,但是社区的帖子,有来自全球各地的人发出。因此需要适应多语言的使用 ,这是个非常困难的挑战。解决方案如下图。

· 刷帖的时候,用户可以筛选语言,支持同时查看多语种。

· 发帖的时,自动识别发帖的语种,支持手动修改。

帖子引用

用户需要回复帖子,会涉及到大量引用其他人的回复。为了让体验自然,这里引入了帖子放置和放出功能。

· 点击“Quote”后,收录到悬浮点,支持多数量“Quote”。

· 回复或者发帖时,点击数字,可以按顺序放出被Quote的内容。

过渡效果

进入、转场、展开帖子等

其他图库预览

进入、转场、展开帖子等

了解 项目

一个趋于零的世界

当下在进行的是,物质世界的数据化进程。衔接人工时代与智能时代的最重要环节——构建计算机能理解的世界。

Read More »