About Colin

This author has not yet filled in any details.
So far Colin has created 19 blog entries.

海外社区APP设计

OnePlus 海外社区 APP 2016年,我们开始设计开发海外社区App 本文展示了OnePlus海外社区APP的一些设计稿。整个设计过程中,我们先完成信息构架和应用流的设计,最终 以Mo刀的Demo进行展现。在经过可用性测试和评审后,视觉设计师在早期情绪版的支持下开始进行UI设计。因为是个小项目,我们发挥余地比较大,比如主色调,考虑阅读的视觉舒适性我们大胆使用米黄色。 在完成部分UI稿的基础上,交互设计开始构建各自细节,如阅读、刷帖、发帖体验,各类过渡效果等。 该项目组主要为3个人,1视觉设计师、1UX设计师、1前端,测试人员为非固定资源。设计师直接兼任了项目经理。 Google-play 下载体验OnePlus Community App 整体方案速览 这是完成信息构架和流程设计后,制作的低保证原型。当时使用墨刀制作。 https://co-ux-colin2020.oss-cn-shenzhen.aliyuncs.com/work-gallery/videos/App-IxD-video.mp4 阅读体验 作为刷帖的App,阅读体验当然是第一位的。设计的原则是,一切功能在需要的时候恰当出现。 · 进入评论区时,回帖按钮出现。 · 进入评论区后,楼层入口会出现。 · Title栏往下滚动会收窄,提供更好的阅读体验。 · 可快速切换正文和帖子回复。 多语言方案 OnePlus海外社区,App语音本身是跟随系统,但是社区的帖子,有来自全球各地的人发出。因此需要适应多语言的使用 ,这是个非常困难的挑战。解决方案如下图。 · 刷帖的时候,用户可以筛选语言,支持同时查看多语种。 · 发帖的时,自动识别发帖的语种,支持手动修改。 帖子引用 用户需要回复帖子,会涉及到大量引用其他人的回复。为了让体验自然,这里引入了帖子放置和放出功能。 · 点击“Quote”后,收录到悬浮点,支持多数量“Quote”。 · 回复或者发帖时,点击数字,可以按顺序放出被Quote的内容。 过渡效果 进入、转场、展开帖子等 其他图库预览 进入、转场、展开帖子等 了解 项目

OS站点的用户研究与交互设计

阅读时长 — 15 分钟 OS站点的用户研究与交互设计 文章快速导航 当前现状    用户研究   交互方案 阅读时长 — 15 分钟 OS站点的用户研究与交互设计 文章快速导航 当前现状    用户研究   交互方案 一加OS站点是介绍OS功能的官网站点。开始的预期是作为独立站点存在的,配备独立的运营人员。大家都知道,在手机大战那些年,大家都努力基于Android打造具有自己设计和交互理念的OS系统。一加也是基于那时候打造了氢系统和氧系统,氧系统更接近原生Android,氢系统更接近IOS/MIUI/EMUI这一套。 一加作为手机厂商中的小公司,团队无法维系两套系统的发展,尤其在经历2016年一加2和X的滑铁卢之后,团队缩小,最终路线为氢OS、氧OS合并为一套系统。 OS站点只有国内有,且页面多年没有更新过,改掉老破旧是UX-team 2019年的重要目标。我们决定不再维护独立的OS站点,将介绍页面移动到手机专题页,将内容下载之类的页面移动到服务模块。2019年上半年,我们在7Pro专题页的时候,同时完成了这个设计改造。(这篇文章讲的是什么内容,围绕什么核心在讨论,不太清楚) 那么,这篇文章,讲述的就是一个后续的小版本迭代问题。 下图是页面开场效果的Demo展示。