我们的案例
部分案例欣赏

项目案例

性格色彩对产品的影响

thinking design, creative solutions 哈哈哈,henmei OnePlus UXD的工作方式 本文简短介绍以下OnePlus大电商UXD的工作方式。作为OnePlus最直面接触用户和业务的部门,我们需要时刻的保持警醒,让业务具有强大的生命力,让用户觉得我们可信赖。 以最科学合理的工作流程保持我们的竞争力。 “高品质的视觉设计、优秀的交互设计,是OnePlus保持信赖的基石,每次都应以不将就的态度进行产品的设计。全球各区域的视觉风格、信息构架、主要流程、用户体验,需要一致。使全球用户在不同设备、不同语言的环境下保持一致的用户体验。” 我们更倾向定义我们是全功能的设计师。 一、遵循目标导向的设计 艺术创意以情绪导向,以表达“某”的情绪为主。 与艺术创意不同,UXD以商业目标和用户目标为导向,这是我们底层的决策模型和逻辑。满足用户目标,很大程度上就是实现商业目标。冲突往往只在短期业务目标和长期商业目标的冲突。 我们的文化反复的强调以用户中心,满足用户需求才是我们设计的最高目标。 下图展示了我们目标导向设计的方式。 所谓目标导向的设计,就是要非常明确的目标,是设计的底层逻辑和决策依据,我们后续进行情绪版确定设计方向、进行创意脑暴、进行信息结构的构架,甚至画面的表达,都是围绕这个核心。 通过用户研究、数据分析、内部访谈,以获取清晰的用户目标和商业目标; 二、全链路的设计 设计需要从用户研究端到开发实现端,端到端的实现; 岗位上我们只有UX设计师与视觉UI设计师;UX基于用研和交互,需要能胜任部分UI设计的工作;同理,视觉与UI设计师基于视觉设计,也需要胜任部分的用户研究和交互设计类的工作。 由此,1+1组成UXD项目小队,以解决从用户研究,到最终设计实现上,全链路且端到端的设计。 三、用户旅程为蓝本 UXD(UED)需要提供优秀的用户旅程,这个旅程和业务模块高度挂钩,和商业目标贴合,也描述了用户体验和用户目标。 我们任何项目,基本都属于旅程的一环,你解决哪个阶段的问题?会提升哪个商业指标?预估改进什么样的用户体验?设计并不是盲目的设计,而是有依据的设计。 下图就是我们整个旅程的过程(示意图),从未接触到访客、转化为用户到成为会员的全周期。纵轴覆盖到了当前指标情况和该阶段的用户类型占比。 四、可量化的设计反馈 我们既然遵循目标导向的设计,那么验证目标就是最为关键的步骤。何以保障目标的实现,从用户旅程的蓝本就可以看出来,观察指标。 所以了,我们的量化标准就是:客观的指标(互动指标和转化率指标),用户反馈的数值; 五、使设计保持透明 任何以信息优势来保持领导或者权威地位的行为都是不可取。 在设计中,谦虚是必要的品质,能够随时反思和推翻自身专家权威般是非常非常重要的;我们需要把设计稿放出来,以让所有人能够有机会点评,了解他们所顾虑的; 真正的设计专家能够虚心的获取足够的信息,自信的展示自己的方案是深思熟虑、当前情况下的最优解。 基于此,我们的每个设计师,都应该是具有基本面的全功能的设计师,能够坦荡的接受问题,并推动解决问题。

OnePlus 7 Pro

OnePlus 7 Pro专题页是可以说是网站页面的标杆之作....

OnePlus TV 交互设计

一加电视网页站点的交互设计介绍,我们通过文件流的交互效果,实现了一流的交互效果。我们来看下Demo效果和设计过程。

海外社区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的内容。 过渡效果 进入、转场、展开帖子等 其他图库预览 进入、转场、展开帖子等 了解 项目

项目案例

加入我们

Colin.wang@OnePlus.com

实习生,视觉设计师,交互设计师,用户体验设计师,请将作品集或简历发送至邮箱;