Portfolio

2022

'(6,*1

:25.6

'(6,*1 %< &+(1-,1*



PORTFOLIO

/

—

$33'HVLJQ %(QG'HVLJQ :(%'HVLJQ 2WKHU'HVLJQ

UIUX

你好，

我叫陳婧。

UI設計師 / 21歲 / 蘇州大學應屆生

T：18036119946（同微信）

@：zaizai010705@163.com

有互聯(lián)網UI實習經驗，參與過APP、B端等類型項目，對產品設計有自己的見解。

掌握Sketch、Ai、Ae、Ps、Principle、Figma等設計軟件。

手繪能力較強，能獨立輸出H5、banner、ip等運營設計。

設計專業(yè)出身，手繪理論功底扎實，有瀏覽各大設計網站的習慣，因此對設計趨勢敏

感，對優(yōu)秀設計方法保持探索欲望。

個人優(yōu)勢

宅家APP 1.0 —— 主要負責APP高保真界面輸、icon設計和IP及系列延展設計。

宅家后臺管理系統(tǒng) —— 主要負責界面設計和模塊細節(jié)優(yōu)化

憶點英語APP ——主要負責風格把控和界面高保真輸出以及相關運營banner設計。

UNFOLDS珠寶官網設計 —— 主要負責高保真輸出、制定組件規(guī)范、風格把控。

項目經驗

專業(yè)年級第三名 / 兩次獲得“企業(yè)獎學金” /擔任班長、學生會部長、街舞社社長等職務

江蘇省大學生創(chuàng)新項目 —— 項目負責人，項目獲得同批次第三名

大學生文創(chuàng)產品設計項目 —— 項目負責人，產品設計二等獎，成功落地產品并售賣。

快樂生活 —— 5年舞蹈老師經驗，獲得多個賽事冠軍 / 熱愛騎行、戶外跑、陶藝品制作。

校園經歷

01

$33'(6,*1

02

%?'(6,*1

03

:(%'(6,*1

04

27+(5'(6,*1

????

???? ???????? 81)2/'6?? %$11(5

+

APP

DESIGN

$33'HVLJQ %(QG'HVLJQ :(%'HVLJQ 2WKHU'HVLJQ

CHENJING

01 ????

????

=+$, -,$

'(6,*1

:25.6

'(6,*1 %< &+(1-,1*



=+$,-,$

/

—

??

8,8;?

'(6,*1

?

=+$,-,$

=+$,-,$??????????

=+$,-,$LQGRRUIXUQLWXUHVDOHVSURGXFWRYHUYLHZ

=+$,-,$??????????????????????????

?????????

=+$,-,$LVDPRELOHIXUQLWXUHVKRSSLQJSODWIRUPVRIWZDUHLQFOXGLQJ

FXVWRPL]HGIXUQLWXUHH[FOXVLYHGHVLJQ)XUQLWXUHW\\SHVVXFKDVRWKHU

EUDQGV

7KHKRXVHLVQRWMXVWDIXUQLWXUHSODWIRUPZHKRSHWRFRQYH\\RXULGHDV

WRXVHUV+RSHWRKHOSXVHUVFUHDWHWKHLURZQZDUPKRPHVDQGVWULYH

WRSURYLGHKLJKTXDOLW\\KRPHVIRUKRPHXVHUV

??????????????????????????????

??????????????????????????????

?????????



0RELOH'HVLJQ &KHQMLQJ

$,- ,$+= ????

用戶體驗研究 UI設計階段

=+$,-,$

'(6,*1 

—

Industry Research UI Design

作為一款全新的產品，從0-1有著大量的工作內容和很長的時間線，所以在設計前必須做好項目的時

間和工作規(guī)劃，按計劃進行，才能保證有效率的推進項目，??UI???????????????

Days

01 05 10 15 20 25 30 35 40 45 50 55

用戶體驗研究

K ano模型 用戶體驗地圖

用戶訪談 用戶調研 原型設計

目標 結構框架

UI界面設計

風格 銷量 環(huán)境 環(huán)保

????

行業(yè)調研

用戶調研

定制

Industry Research

Industry Research

近年來，在政策調控背景下，商品房銷售面積雖增速放緩但仍保持增長趨勢，大量的消費需求仍是為家居

家裝行業(yè)帶來增長動力。隨著經濟的發(fā)展，家庭裝修需求逐年增加，我國家居裝修行業(yè)市場規(guī)模也呈現(xiàn)逐

年遞增的趨勢。為迎合當前主流消費者的需求，市場上也出現(xiàn)了多種新穎的設計和商業(yè)模式。

截止2020年中國家居用戶裝修原因調查中，“提高居住質量和居住環(huán)境”位列第一名，占比為57.6%，在

選購家居產品時，考慮“環(huán)?！?、“材質”及“外觀設計” 因素，其占比分別為53.17%、52.62%和49.86%。

房子已不僅僅是“容身之所”，而被賦予了溫馨舒適、安逸享受等更多意義，

行業(yè)現(xiàn)狀 設計

居住環(huán)境57.6%

環(huán)保

53.17%

外觀

49.86%

材質

52.62%

購買新房17.4%

方便出租9.9%

2016

200

400

600

800

2017 2018 2019 2020

截止2020年中國家具市場規(guī)模數(shù)據分析（億美元）

=+$,-,$

'(6,*1 

—

=+$, -,$

????

結合以上數(shù)據，可以大致分析出競品適用人群，一步可視化后構建以下產品用戶畫像

21歲大學生

剛畢業(yè)結束了在校的宿舍生活，現(xiàn)在

自己租房子住，打算購買幾件性價比

高的簡約時尚家具裝飾房間。

想要高性價比的商品

希望商品款式時尚有設計感

用戶需求

用戶痛點

35歲寶媽

用戶需求

用戶痛點

有了小孩之后家里的空房間要重新置

辦一下當成兒童房，但平時比較忙想

要快速置辦整套材質環(huán)保安全的家具

想要全套的家具配置

要求對兒童無害的環(huán)保材質

27歲白領

用戶需求

用戶痛點

追求高質量的家居生活，對商品的外

觀設計尤為看重，希望能購買到一些

設計獨特的家居商品且送貨上門

想要私人訂制的小眾設計

追求高質量的家具單品

希望能送貨上門

=+$, -,$

=+$,-,$

'(6,*1 

—

?????

在梳理完所有項目準備后，團隊確立一個完整的設計目標以

推進項目高效完成，分別從四個方向出發(fā)： 完整的產品功能

完整的產品功能可以讓用戶精準快速的找到自己需求的入口并

找到自己的心儀商品，避免功能缺失而導致用戶流失。

高效的信息展示

在滿足用戶基本訴求的基礎上，通過從交互和視覺上盡量提升內

容的高效傳遞，讓產品體驗更高效，清晰。

品牌的理念傳遞

從色彩、組件規(guī)范、圖形等內容上去向用戶傳遞產品的品牌理

念，讓用戶深刻了解產品，同時也與市面產品做出差異化。

提升用戶粘度

通過完善的產品功能和高效的產品體驗，再增加情感化設計和簽

到獎勵去激勵用戶從而提升用戶粘度。

家具

FURNITURE

宅家

ZHAIJIA

=+$, -,$

=+$,-,$

'(6,*1 

—

?????

產品架構可以清晰的看出產品的思路框架，快速了解產品的

核心內容和包含的功能

宅家 發(fā)現(xiàn)

加購

我的

分類

首頁 私人訂制 優(yōu)秀案例 精選品牌 最近上新 超值精選 銷量最高

品類 房間

宅家社區(qū) 宅家推送 搭配靈感 不止設計

購物車 宅家推薦

加入宅家 訂單狀態(tài) 我的收藏 我的足跡 優(yōu)惠禮券 發(fā)票管理 收貨地址 在線客服 用戶協(xié)議

=+$, -,$

=+$,-,$

'(6,*1 

—

???? =+$, -,$

=+$,-,$

'(6,*1 

—

關鍵詞：舒適、簡約、品質、細節(jié)

關

鍵

詞

舒適 / 簡約 / 品質 / 細節(jié)

????? =+$, -,$

完善的設計規(guī)范從色彩、字體、組件以及LOGO等部分都可以

被體現(xiàn)出，制定完善的設計規(guī)范也是產品差異化的重要一步

深棕

R:110 G:76 B:52

輔助色

基于 R:189 G:152 B:112

Regular/Medium bold

Regular/Medium bold

蘋方

DIN Alternate

米灰

R:206 G:199 B:186

字體色

基于 R:170 G:170 B:170

字號

字號

14pt / 16pt / 18pt / 20pt

14pt / 16pt / 18pt / 20pt

粗細統(tǒng)一 圓角統(tǒng)一

FRONT/COLOR

字體規(guī)范/顏色規(guī)范

LOGO/ICON

字體規(guī)范/顏色規(guī)范

TAB欄

其他圖標

其他圖標 new



COMPONENT

作圖組件/作圖規(guī)范

背景層

模塊信息

圖片展示

=+$,-,$

'(6,*1 

—

??????

,17(5)$&('(6,*1

以下做出了宅家APP部分重要界面展示+動效展示，并對界面內容做出了

概述和解釋分析。

??? =+$, -,$

????

?????

????

????

=+$,-,$

'(6,*1 

—

???????

???

￥2059

TOP

3

???? ???? ????

new

????

用戶可以在首頁二級導航處點擊或滑動卡片快速切換自己喜歡或想要了解的

室內風格類型，如北歐、現(xiàn)代、原木、輕奢、美式等。

根據產品定位，首頁功能入口的四個核心功能分別推出私人訂制、優(yōu)秀案例、

精選品牌、最近上新等四個業(yè)務模塊。

各時段會推出不同的優(yōu)惠活動，用戶可以根據需求點擊查看更多打折促銷商品

推出時下人氣最高的家居商品，并以卡片形式展示出價格和銷量。

商品圖片

商品名稱

商品價格

銷量排名

商品銷量

???? ???? ????

new

????

????

????

???????

?????

?????

????

????

推送的案例中宅家篩選出能夠被購買的商品并提供售賣服務，不需要單獨

搜索，提高了用戶使用的效率。

宅家定期搜集并推送優(yōu)秀案例，吸引用戶目光提高轉化率，為用戶提供選購

靈感并歸納出該案例的基本信息，以及案例中出現(xiàn)的的商品，還貼心標出價

格和銷量，只需點擊去看看就能查看或購買商品。

???? ??????

??????????? ????

Pu

案例基本信息

點擊跳轉商品詳情頁

????????????

??ffiffi ???

￥2199

點擊跳轉購物車界面 ??

=+$, -,$

=+$,-,$

'(6,*1 

—

??????

通過卡片式的信息展示方式展示出品牌的核心信息，橫滑可見，節(jié)省頁面跳

轉并讓用戶可以快速大致了解該品牌，如該品牌提供的家具系列和貨期。

如果用戶對該品牌感興趣可以點擊收藏，收藏該品牌并查看品牌商品上新

情況，以購買最新商品。

品牌名稱

品牌信息

品牌圖片

收藏品牌

????

品牌商品通過室內分區(qū)來展示，用戶可以直接找到對應空間的商品購買。

?????????

￥1399

??

商品圖片

商品名稱

商品銷量

商品價格

??

!

/$6.$6$6

????????

?????/$6.$6$6????????????

??????????????????????????

?????????

￥1399

??

????? =+$, -,$

=+$,-,$

'(6,*1 

—

ffifl  

案例基本信息

案例基本信息

????

????

大卡片橫滑模式減少頁面跳轉也能更好的將商品信息精簡的展示出來，該

界面可以直接跳轉至商品詳情頁，詳見動效圖。

界面中可以看到瀏覽過的人數(shù)數(shù)量，用戶可以進入評論區(qū)進行評論或互動，

該功能可以有效的提升用戶粘度。

?????????? =+$, -,$

=+$,-,$

'(6,*1 

—

98人想要

????

APP內有多個查看商品的入口，這里以最近上新商品舉例，點擊界面內的購

物車Icon即可跳轉到該商品的商品詳情頁面。

商品詳情—加購—確認訂單—支付訂單

商品詳情—立即購買—確認訂單—支付訂單

點擊加購Icon即可跳轉至商品詳情頁面。

?????

商品詳情頁主要分為商品大圖、商品信息、用戶評價、店鋪主頁、商品詳情

等幾個模塊，讓用戶清晰了解商品信息。

通過對商品產地、平臺保證和商品評價等讓用戶從真實角度了解商品，建立

用戶對商品的信任。

強化信任

該部分主要是商品的信息展示、價格展示、同時也包括收藏、推薦分享等交

互功能。

建立認知

?? ?? ??

???? ??z???????z?? 強化商品認知

用戶交互功能

????

點擊立即購買后跳轉到此頁面，用戶可以挑選自己想要的商品尺寸。

???????

￥1099

??

???

?????????????

??????



 

選購信息

????

用戶核查訂單收貨地址、已選購商品信息、訂單明細、貨期、優(yōu)惠等。

顯示收貨人信息，點擊可進行切換或添加收貨人信息。

顯示商品縮略圖、名稱、尺寸、數(shù)量。

?? 

????????????

&2)$??????

???&RGD???????? [

???





??????

&2)$??????

???&RGD???????] 

???





??????

&2)$q

商家及商品信息

強化信任

建立認知

商品大圖

?? $,- ,$+=

=+$,-,$

'(6,*1 

—

????

該頁面是商品的分類頁面，左側欄有折扣商品、排行、風格、和商品的類別。右

側為商品內容具體展示，用戶通過滑動點擊左側分類即可查看對應分類商品。

用戶也可以直接在上方搜索欄進行搜索或拍照識別商品。

????

宅家歸納出市面上常見和近期流行的室內家具風格，推出系列套餐，用戶可以

首先根據展出的大圖對該風格有大致的了解，再進入查看系列商品，每個系列

有6-8個不等的成套商品。

?? $,- ,$+=

=+$,-,$

'(6,*1 

—

??

發(fā)現(xiàn)頁面是宅家保證用戶日活和提升用戶粘度的重要環(huán)節(jié)。

????

宅家社區(qū)內用戶可以上傳自己購買的商品并分享自己的購買心得，也可以提出

問題，等待其他用戶的熱心評論，甚至可以分享自己的日常居家生活。

界面采用瀑布流布局。



?????????????

?????????

?? 背景層

模塊信息

圖片

$,- ,$+= ??

=+$,-,$

'(6,*1 

—

????

宅家小編會為用戶推送與家具相關的文章或采訪，用戶可以

學習到關于不同品牌家具的知識，也可以了解到每一樣家具

背后獨一無二的溫柔故事。

)???

設置F型布局遵循人眼瀏覽的共同趨勢，引導用戶在瀏覽時

點擊查看購買商品。

hflfl h

hflfl

2)8&<???

2)8&<???

2)8&<???

??????????\"

?????????????????????

?????????????????????????

?? $,- ,$+=

=+$,-,$

'(6,*1 

—

??

用戶挑選好商品后，可選擇加入購物車或直接結算，而購物車的存在則是緩解

用戶情緒，把選擇權交到用戶的手上，減少壓迫感。

????

用戶挑選好商品后，可選擇加入購物車或直接結算，而購物車的存在則是緩解

用戶情緒，把選擇權交到用戶的手上，減少壓迫感。

????????????

數(shù)量

尺寸

名稱

狀態(tài)

圖片

價格

??? =+$, -,$

=+$,-,$

'(6,*1 

—

??

我的頁面主要包括用戶個人信息、訂單信息以及其他服務。

??????

利用十字交叉分析法來對我的功能劃分具體層級。

??? ??? ??? ??? ????

加入會員

用戶數(shù)據

其他服務 消息推送

設置

訂單信息

用戶信息

對用戶的重要程度

對

業(yè)

務

的

重

要

程

度

利用十字交叉分析法給功能劃分層級

'(6,*1 =+$, -,$

:25.6

'(6,*1 %< &+(1-,1*



=+$,-,$

/

—

???

????

=+$,-,$

'(6,*1 2022

—

=+$, -,$

???

????

=+$,-,$

'(6,*1 

—

'(6,*1

:25.6

'(6,*1 %< &+(1-,1*



=+$,-,$

/

—

好了，

接下來看點有趣的。

小宅

XIAO ZHAI

來嘍

IS COMING

IP design

chenjing

design by 2022

IP design

original

chen jing

xiaozhai

小宅IP形象

XIAOZHAI IMAGE DESIGN

?????

???????????????

???????

??????????????

?????????

???

'(6,*1,'($6

?

????

:(&+$7(;35(66,21

?

?????????

,3??

,3'5(6683

?














NAME

MY

IS

ZHAI

X ZHAI ORIGINAL IP DESIGN

?All Rights Reserved by Chenjing














NAME

MY

IS

ZHAI

X ZHAI ORIGINAL IP DESIGN

?All Rights Reserved by Chenjing














NAME

MY

IS

ZHAI

X ZHAI ORIGINAL IP DESIGN

?All Rights Reserved by Chenjing














NAME

MY

IS

ZHAI

X ZHAI ORIGINAL IP DESIGN

?All Rights Reserved by Chenjing














NAME

MY

IS

ZHAI

X ZHAI ORIGINAL IP DESIGN

?All Rights Reserved by Chenjing














NAME

MY

IS

ZHAI

X ZHAI ORIGINAL IP DESIGN

?All Rights Reserved by Chenjing

????

???

????

=+$,-,$

'(6,*1 

—

=+$, -,$

=+$, -,$

=+$, -,$

?????

????

?????

????

???????????????

?????????

????

???????

???????

?????????????

當頁面出現(xiàn)丟失或其他問題時，使用IP情感化設計來安撫用

戶，減少因為頁面反應不及時導致的用戶焦慮。

引導頁面采用IP插畫來表現(xiàn)，情感化設計向用戶大致介紹A

軟件功能亮點。

彈窗的設計可以向用戶傳遞近期平臺內的活動，起到促活的

作用。

大標題設計吸引用戶視覺

按鈕設計，點擊進入活動

情感化設計將IP融入活動

關閉當前彈窗

BY

ZAI

????

ENGLISH APPLICATION

MEMORIZE

EDIAN

SIMPLE & FAST

關于憶點英語.

about E DIAN E DIAN

E DIAN ENGLISH.

ChenJing。

憶點英語是一款輕量化的英語單詞學習軟件，主要解決用戶的英語單詞碎片化學習的需求。

即一款可以隨時隨地高效背詞的英語單詞軟件。

E Dian English 2022 UI

01 -

?????????? ???????? ????????? ?????????

01 02 03 04

Massive thesaurus Learning Equipment Interesting Discovery Excellent Classroom

涵蓋從大學四六級、考研英語、雅思托福、專四專八

到日常用語等海量詞匯，用戶根據需要選擇相應書

籍，打開軟件即可快速進入單詞學習界面或利用碎片

時間進行隨聽單詞。

無論是在校學生、出國留學黨、上班族還是英語愛

好者，憶點格根據用戶的不同需求推出針對性不同

的課程如：考試攻略、技能提升、口語課堂、情景

課堂等，幫助用戶快速提升英語能力。

考慮到面對長期或短期學習的用戶會在一定程度上產生學習

疲勞，憶點貼心設計如組隊打卡、課外閱讀、寶藏同學、學習

廣場、英語樹洞等活動和平臺，用戶可以參與活動或在平臺

上分享心得，也可以換一種方式學習，緩解學習疲勞。

億點提供了多種輔助學習方式如詞根詞綴、派生詞記

憶、分類詞組、語境記憶、影視記憶等，在學習后自

動推送艾賓浩斯遺忘曲線復習列表用全拼練習、聽音

復習等方式加深單詞記憶達到永久記憶的效果。

用戶分析。

User Analysis E DIAN

E DIAN ENGLISH.

ChenJing。

在項目設計前對目標用戶數(shù)據進行詳細的調查分析和整合，最后得出以下展示數(shù)據。

E Dian English 2022 UI

02 -

英語學習用戶中15-30歲占多數(shù)

女性學習人數(shù)多于男性學習人數(shù)

?????????????

界面應偏向年輕化、簡潔高效化

根據職業(yè)特點應高效利用碎片化時間

功能應貼近互聯(lián)網思維

數(shù)據來源：艾瑞數(shù)據

15-30

68%

BOY/ GIRLS/

32% 68%

用戶畫像。

Users Analysis E DIAN

E DIAN ENGLISH.

ChenJing。

在項目設計前對目標用戶數(shù)據進行詳細的調查分析和整合，最后得出以下展示數(shù)據。

E Dian English 2022 UI

03 -

Name

夏瀚里

面臨大學六級考試，自身單詞數(shù)量積累不夠無法通過考試，又因為課業(yè)

學?；顒颖容^多時常忘記背單詞?？紤]在畢業(yè)后可能會選擇考研或者出

國，面臨考研和出國的雙重壓力，英語基礎較薄弱，獨自備考沒人講解

會遇到很多困難，導致學習進度慢且學習情緒并不高漲。

需要短時間內提升應試能力、積累大量單詞、定時推送學習提醒、輔助

記憶。

用戶描述

用戶需求

Age

21

Work

大學生

Name

陳梓貝

工作上面臨公司與外企對接項目，但由于英語口語不好無法流暢溝通，面

對項目的專業(yè)術語和商務英語表達也無從下手。考慮到之后可能會出國出

差以及晉升加薪，需要快速提升自己的英語能力，但平時工作繁忙，沒有整

塊時間學習英語，所以學習計劃一直被擱置。

需要在碎片時間內得到高效針對性的單詞能力提升。

用戶描述

用戶需求

Age

29

Work

企業(yè)高管

情緒版。

Mood Version E DIAN

ChenJing。

E DIAN ENGLISH.

從設計理念中提取關鍵詞作為設計依據，視覺層面設計風格關鍵詞提取為——沉浸、個性、高效、簡潔

E Dian English 2022 UI

04 -

沉浸 高效 簡潔 個性

Profession Profession Profession Profession

設計規(guī)范。

Design Specification E DIAN

E DIAN ENGLISH.

ChenJing。

設計規(guī)范的存在可以有效保證項目輸出的一致性。在APP內

常規(guī)界面都呈現(xiàn)出一只的設計語言、產品調性，從而建立產

品的連貫性、一致性。在用戶側也能更好的保證用戶的視覺

效果統(tǒng)一，提升用戶的使用體驗。

在項目開發(fā)或者迭代時，可以減少不必要的時間花費和溝通成

本，從而使整個流程變得更高效。

以下是關于壹點的字體、組件、色彩等規(guī)范。

05 -

34 PX

PX 34

字體規(guī)范。

Word Standard E DIAN

ChenJing。

E DIAN ENGLISH.

制定字體規(guī)范，確保字體、字號大小、粗細、顏色統(tǒng)一，保障界面視覺大小的一致性，區(qū)分頁面層級。

06 -

高效 簡潔 個性

Profession Profession Profession Profession

A Din Alternate

Regular/Medium bold

大 蘋方

常規(guī)/中黑體/中粗體

R：0 R：51 R：114 R：153 R：188

G：108 G：51 G：114 G：153 G：191

B：255 B：51 B：114 B：153 B：193

E Dian English 2022 UI

色彩規(guī)范。

Color Scheme E DIAN

E DIAN ENGLISH.

ChenJing。

產品的主色為藍色，給用戶傳遞出簡潔理智、高效的感覺，輔助色選用同色系的青綠色，視覺上更和諧的同時

候能突出重點內容，點綴色則用于一些盈利點，更能吸引用戶注意。

品牌色：

輔助色：

點綴色：

用于Button、icon、搜索等

用于背板、選中狀態(tài)等

用于活動或購買課程等

E Dian English 2022 UI

07 -

#333333

品牌主色

#5ECDF0

#8C55FB #FF9F26

輔助色

點綴色 點綴色

組建規(guī)范。

Component Specification E DIAN

E DIAN ENGLISH.

ChenJing。

E Dian English 2022 UI

08 -

界面中組件的規(guī)范定為1X=4px，在此規(guī)范下規(guī)范界面內的

間距和大小，這樣的規(guī)范可以適配不同大小的圓角和距離，

避免界面中出現(xiàn)單數(shù)的情況。使整體頁面更均衡對稱，從

而達到加強視覺觀感和提升用戶使用體驗的目的。

Tips：特殊情況下對規(guī)范進行小范圍改動以使界面更協(xié)調。

組件規(guī)范：1X=4px

????

???????

???????

6X

6X

2X

3X

7X 6X

7X

2X 2X

2X 2X

1X

2X

3X

4X

圖標設計。

Icons Analysis E DIAN

E DIAN ENGLISH.

ChenJing。

圖標的設計風格是走簡潔直觀的視覺調性，保持圓角的風格，精致統(tǒng)一的設計讓用戶專注于產品核心。

關于圖標

E Dian English 2022 UI

09 -

TAB

其他

金剛區(qū) Eng Eng

首頁設計。

Home Page E DIAN

E DIAN ENGLISH.

ChenJing。

10 -

E Dian English 2022 UI

??%$11(5

??????

????

??%$11(5

???

億點英語定期推出不同限時活動，通過促活吸引用戶參與并分享以達到留存

和拉新目的。

單詞學習入口內顯示當前正在學習和復習的書本、當日學習數(shù)量、當前學習進

度；用戶可以快速了解當日學習計劃，點擊開始按鈕即可跳轉至學習界面。

根據后臺用戶數(shù)據，推送用戶可能感興趣的內容或適合用戶當前水平的學習素

材以及當下有熱度的英語相關話題。

卡片式設計可左右滑動了解當日更新，點擊更多查看過往推薦。

測試類型活動banner吸引用戶參與，并幫助用戶了解當前個人學習水平。

金剛區(qū)內是軟件核心功能的入口，用戶點擊金剛區(qū)圖標即可快速進入。

??? ? ??

Eng Eng

學習數(shù)量

學習進度

開始按鈕

??? ???

??flffl??

查看過往推薦

推薦內容

卡片式左右滑動查看其他

 ????????

生詞本。

Glossary Design E DIAN

???

????

根據前期數(shù)據調研得出，用戶除了背誦詞書外，個人摘錄的單詞量也巨大，

需要個性化生詞本來收錄以便學習和復習。

點擊單詞即可查看單詞釋義和發(fā)音，點擊搜索可查看完整釋義。

根據摘錄的日期查看單詞

查看完整釋義



0



7



:



7



)



6



6

8?

GRPHVWLF >G??PHVW鎲N@

DGM???????????

Q???????

ChenJing。

E DIAN ENGLISH.

E Dian English 2022 UI

11 -

??? ???? ???? ????

課堂。

提供海量課程，全方面覆蓋目標用戶需求，提高用戶使用率和產品收益。

二級導航精準分類，橫向滑動幫助用戶快速找到目標領域。

根據二級導航分類再次細分具體課程內容，設置課程入口，用戶點擊即可進

入針對性的學習課程。

采用卡片式布局，將課程信息、教師信息和價格等內容標注出來，用戶可進

行課程預覽。

????

????

????

??? ???? ???? ????



?????????????

6X /LOL $QG\\ ??????

￥199

????

隨聽。

Listen Anytime E DIAN

沉浸高效

Profession

??

作為億點的核心功能，隨聽內包括單詞、單詞解釋、例句等，幫助用戶利用碎

片時間進行單詞預習或強化記憶。

根據需要，用戶可以通過右上角“設置”進行個性化調整，如僅需播放單詞、

調整倍速等。

設置

個性化設置、倍速播放、聽寫模式、定時播放

單詞學習。

Word Learning E DIAN

ChenJing。

E DIAN ENGLISH.



沉浸 高效 簡潔 個性

Profession Profession Profession E Dian English 2022 Profession UI

????

單詞學習界面以功能為主，簡潔的界面更有助于用戶專注學習。

例句引導用戶獨立進行單詞詞意分析同時創(chuàng)造語境，從而加深用戶

對單詞的印象，輔助用戶記憶。

混淆選項測試用戶掌握水平，再次加深用戶對單詞的印象。

用戶根需要可以點擊進行學習筆記，記錄問題，每組單詞學習完成后

可進行筆記復習。

發(fā)現(xiàn)。

Discovery Design E DIAN

E DIAN ENGLISH.

ChenJing。



E Dian English 2022 UI

????

????

????

????

????

億點英語定期推出不同限時活動，用戶可在平臺內組隊或分享好友進行活動

打卡，通過這種促活方式保證留存和拉新率。

長期備考和短期突襲必然會導致用戶學習疲勞，趣味活動模塊內有不同的活

動內容，用戶可以在模塊內進行互動或以不同的學習方式學習，緩解用戶學

習疲勞，提升學習興趣以及提升軟件使用率。

根據后臺用戶瀏覽數(shù)據，推薦用戶可能感興趣的書籍或電影，鼓勵用戶多進行

口語練習。

不定時推出英語口語相關的線上課程，用戶可以通過關注熱門活動付費參加喜

歡的活動或課程。

用戶可通過跟讀免費練習或者付費生成朗讀作品并導出，平臺將記錄作品分

數(shù)，分數(shù)較高的用戶作品可在“配音秀”模塊被其他用戶觀摩。

???? ????

?????? ??????

????? ???

??????XS ??????XS

??

???????

???

???????

??

?????????

我的。

My Design E DIAN

ChenJing。

E DIAN ENGLISH.



沉浸 高效 簡潔 個性

Profession Profession Profession E Dian English 2022 Profession UI

??

我的界面主要包括用戶信息、學習數(shù)據和其他服務

根據功能重要程度劃分層級和排序

平臺每日記錄用戶學習數(shù)據，幫助用戶實現(xiàn)學習數(shù)據可視化

其他服務

用戶信息

學習數(shù)據

學習數(shù)據

用戶信息

???? ???? ????

界面展示。

Interface Display E DIAN

E DIAN ENGLISH.

ChenJing。



E Dian English 2022 UI

B?

DESIGN

$33'HVLJQ %(QG'HVLJQ :(%'HVLJQ 2WKHU'HVLJQ

CHENJING

02 ????????

'(6,*1

:25.6

'(6,*1 %< &+(1-,1*



=+$,-,$

/

—

???

'(6,*1

??????

ZHAI JIA

=+$, -,$