哈哈哈,henmei

UX设计案例-HeyTap Store

Colin

此前讲过整个共创过程,这是纯UX的设计稿。

一、用户旅程

首先确认使用HeyTap的用户有两种,一是基于OPPO手机预装的老用户,二是广告或者其他触点吸引过来的新用户。基于这几种用户,推论出三条主要的用户路线。这些路线将决定这个呢个APP的构架。

整体的信息构架由主要路线产生,接着我们将将旅程在扩大一些,将用户行为填进去,以推论APP的内容模型。

二、内容模型

内容模型是一种高效确定内容的工具,不需要投入太大的设计制作成本。

三、信息构架

使用内容模型,和各内部方沟通是否满足他们内容后,开始设计整体的信息构架,这个时候的内容依旧比较简单。但突出了整个APP有多少主页,几个流程与页面。

Heytap会集合OPPO、realme以及OnePlus,所以给消费者建立心智印象是很重要使命。

很多用户将直接来选购商品,因此能快速使用户达到目标是极其重要的。

当到达购买页,我们将充分展示用户在意的点,性价比用户将看到优惠与价格,在意外观颜值的人将看图片,在意口碑的人将看图片,在意性能的将看参数。同时需要咨询的随时可以发起咨询。

四、UX内容结构与UI稿

接下来我们将细化一个个页面的流程、内容结构、状态。然后以此设计UI视觉稿。下图只放了部分。

我们定义的用户旅程的内容,以及内容模型,这个时候发挥了巨大的作用。

五、可用性测试

最后我们将进行完整的可用性测试,以验证目标流程的可用性。

以下PDF文档为一些访谈测试的脚本和结果。

This browser does not support PDFs. Please download the PDF to view it: Download PDF.

https://www.figma.com/proto/B3glZHmd3WW5UjeU04md2H/HeyTap-change-to-OPPO?page-id=7805%3A9926&node-id=7840%3A0&viewport=372%2C397%2C0.02709910273551941&scaling=scale-down

Colin的UX设计概述

本文系统的讲述网站与APP的UX交互设计的过程和环节。主要分为研究-构建-交互设计-创意与美学-用户测试几个环节。

UX设计案例—OnePlus Store APP

在设计上,我们规划了3条用户路线,4个核心点。构建一个聚合内容 + UCG内容 + 购买旅程 + 独家售后模块构成的OnePlus APP