10

The product concept

11

Information architecture

12

Design sketch

13

Low-fidelity interface

01.主页面呈现获得的能量

跳转

跳转

跳转

跳转

02.点击首页的碳资讯，跳

转到碳资讯页面

03.点击国内减排详情地图

的某一块，跳转到具体省份

页面去

04.点击主页面的碳实况图

标，跳转到碳实况界面

05.点击主页面的消息，跳

转到我的消息页面

1

2

4

3

5

跳转

跳转

跳转

跳转

跳转

01.低碳打卡主页面 02.点击右上角图标，跳转

到个人减排统计页面

03.在首页的答题板块点击去

参与跳转到答题有礼页面

04.在首页的签到板块点击

去参与跳转到签到页面

05.在首页的分享板块点击

去参与跳转到分享页面

06.在首页的行走板块点击

去参与跳转到行走页面

1

2 3 4

5

6

跳转

跳转

跳转

跳转

跳转

06.点击分享图标就跳转到

分享页面

04.在碳活动页面点击有奖挑战

板块的图片，就跳转到活动详

情页面

05.点击查看详情就跳转到活动

详情页面

03.在碳活动页面点击右上

角的图标就跳转到我的活

动页面

02.在碳活动的活动种类板

块点击6个中任意一个图标

就跳转到活动列表页面

01.低碳活动页面

1

2 3

4

6

5

跳转

跳转

跳转

跳转

01.我的页面 02.点击我的减排跳转到个

人减排统计页面

03.点击去提体按钮就跳转

到提现页面

04.点击商品的图片就跳转

到商品详情页面

05.点击立即兑换按钮就跳

转到确认订单页面

2

3

4

5

1

对APP产品的可行性进行测试，观察了解用户的操作过程，记录用户遇到的问题并分析，通过提出的四个基本任务，发现交互逻辑不合理的地方以及流 14 程有无错误，分析APP的可用性。测试找来了6名用户，他们熟练使用手机，但是没有使用过这款APP，测试的版本为原型界面。

Feasibility test

✔

—

×

—

×

—

×

✔

✔

—

✔

✔

✔

✔

✔

✔

✔

—

—

✔

✔

✔

✔

✔

✔

—

✔

✔

✔

—

✔

✔

✔

—

✔

✔

✔

✔

—

✔

✔

—

×

✔

—

✔

—

✔

✔

—

✔

—

✔

—

✔

跳转

右滑 右滑

01.在动态页面点击碳资讯

按钮就进入碳资讯页面

02.动态页面，有两个子页面，

分别为碳资讯和碳实况

03.点击国内减排详情地图板

块，可以跳转到具体的省份

减排详情页面

04.右滑可以查看省份的减排

榜

05.右滑可以查看省份的减统

计

1 2

3

4 5

15 将原本从首页进入碳资讯和碳实况的设计更改为，动态页面下有两个子选项，可以进入碳资讯和碳实况，具体改进如下。

Design iterations

16

Design Effect Display

01.在动态页面点击碳资讯

按钮就进入碳资讯页面

03.点击国内减排详情地图板

块，可以跳转到具体的省份

减排详情页面

04.右滑可以查看省份的减排

榜

05.右滑可以查看省份的减统

计

01.低碳打卡主页面 02.在首页的答题板块点击去

参与跳转到答题有礼页面

03.在首页的签到板块点击

去参与跳转到签到页面

04.在首页的分享板块点击

去参与跳转到分享页面

05.在首页的行走板块点击

去参与跳转到行走页面

04.在碳活动页面点击有奖挑战 05.查看自己的活动排行榜 板块的图片，就跳转到活动详

情页面

03.在碳活动页面点击右上

角的图标就跳转到我的活

动页面

02.在碳活动的活动种类板

块点击

6个中任意一个图标

就跳转到活动列表页面 01.低碳活动页面

01.我的页面 02.点击我的减排跳转到个

人减排统计页面

03.点击去提体按钮就跳转

到提现页面

04.点击立即兑换按钮就跳

转到确认订单页面

045

SHARK-3T

成都青龙湖信息可视化设计,通过收集地图的方式，

增加游客的游玩的趣味。游客们可以通过自己在

手机上获得获取拼图板块，游玩结束之后，游客

可以在出口找游园工作人员进行实体地图兑换。

01

Field survey of scenic spots

运动大哥：

C

A

02

User interviews

B

C

F

DE

G

•

•

•

•

•

•

•

•

•

•

•

03

Research summary

发散 整合 发散 归纳

问题发现 初步方案 相似点整合 方案提出 概念确定

Problem

seeking

Preliminary

plan

Integration of

similarities

Propose

scheme

Theme

establishment

04

Brainstorming

•

•

• •

•

•

•

•

•

•

05

Identify problems and propose solutions

06

Similarity integration

07

Plan put forward

08

Subject to establish

突出青龙湖的文化元素

模糊真实的地理环境

突出人物因素

景点鸟类花草

我们可以在青龙湖做什么

弱化间距 方位的准确度

09

Information architecture

明

蜀

王

陵

市

桥

龙

泽

通过圆形的相互切割，

概括青头潜鸭的形象。

10

Information element design

10

Information element design

11

Information map design

•

正面

•

背面 11

Information map design

游客们可以通过自己的游园路线在手机上获得获取拼图板块，游玩结束之后，游客可以在出口找游园工作人员进行实体地图兑换，收集完之后可以当作纪念品放在家中，可以供小朋友玩耍。

12

storyboard

01.地图的主页面

跳转

1

弹出

跳转

02. 当游客走到景点的位置，页面

下方就会出现所在区域的地图板块。

03.点击立即领取，游客可以获得

地图板块。

04.点击在主页面的地图图案可以

查看自己所获得的地图板块。

2

3

4

13

Online map small program design

01.景点主页面显示各个景点的

图片和名字

跳转

1

跳转

2

3

02.点击主页面的排布按钮可以

切换排版布局

03.点击查看详情可以看到景点

的详情

线上地图与实体地图相结合

14

Mini program and paper map linkage

• 宣传地图也可以夹在包装里面，它们尺寸接近

线上收集完成地图拼图后，可

以获得实体地图拼图一份。

15

The linkage of online and physical puzzles

• 饮水装置 • 吐出拼图装置

考虑到长达2个小时的游园时间，游客或多或少会感到口渴，景区又没有饮水处的标

识，售卖机里的饮品价格高昂，所以在每个导视牌上安置饮水装置，纸杯放在按钮处，

易识别易取，同时当游客饮水的时候，这个时间段称为“空余时间”，游客可以细细

观察导视地图上的指示，明确自己下一步的路线。

考虑到拼图的获取方式，如果像上一页草图所示，虽然方便取出，但是容易产生多次取出的不良行

为，影响别的游客体验，扫二维码的化程序又太过麻烦，所以在拼图合里增加一个芯片，刷拼图盒

子的底部就可以取出卡片。

16

Water dispenser design scheme

m

170c

60cm

30°

m

200c

选取170cm的成年人为例，臂长约为60cm

（60+60+50=170），人们观看导视牌的

距离也近似于臂长的距离（这个距离给人一

种不是很近但又可触及的感觉），人们上仰

观察舒适角度大约在0°-30°之间，所以导视

牌的高度=60cm/根号

3+170cm=204.642cm，结合一些计算误

差（额头高度的忽略），导视牌高度为

200cm为宜。

72cm

m

162c

6cm 12cm

17

Water dispenser person and size analysis

18

Water dispenser design display

19

Water dispenser matching paper cup design

20

Blue head Poacher cup design

055

SHARK-3T

主要包括设计实习期间的作品和自己的设计手绘

作品。

B站上线 小红书上线

01

Blue head Poacher cup design

百词斩旗下大学数学教育产品，是一种交互

视频，通过有趣的动画讲解，让大学生爱上

数学课程。

参与实习的视觉设计岗主要负责界面的视觉

设计，目前视频已经上线了小红书和B站。

02

Blue head Poacher cup design

02

Blue head Poacher cup design