這是百詞斬的一道UI筆試題。
1,百詞斬計(jì)劃出一款全新的獨(dú)立視頻 App, 內(nèi)容是百詞斬制作的常用英文詞匯解說視頻,(視頻詳見:tv.baicizhan.com )用以滿足用戶在碎片時(shí)間學(xué)習(xí)英文的需求尿扯。
2,請列出這款A(yù)pp需要具備的至少三個(gè)功能點(diǎn)年局,并獨(dú)立設(shè)計(jì)出這款A(yù)pp的三個(gè)主要界面级及,及說明頁面之間的交互邏輯。
我大概分了三部分粗略的寫了自己界面布局的思路蓖议。
Part 1
產(chǎn)品設(shè)計(jì)思路
百詞斬設(shè)計(jì)新產(chǎn)品解說詞匯視頻應(yīng)用,屬于學(xué)習(xí)類產(chǎn)品讥蟆,學(xué)習(xí)類的產(chǎn)品用戶目標(biāo)比較明確勒虾,使用產(chǎn)品是為了學(xué)習(xí),增值自己瘸彤,打開應(yīng)用后使用產(chǎn)品的時(shí)間應(yīng)該會(huì)比資訊類的時(shí)間長修然,因?yàn)橘Y訊類產(chǎn)品用戶可能看看有沒有自己感興趣的資訊,瀏覽一遍如果沒有會(huì)很快退出质况,而學(xué)習(xí)類產(chǎn)品愕宋,用戶的心態(tài)不一樣,他們很多情況下结榄,為了興趣學(xué)習(xí)或者為了完成某任務(wù)(例如考四六級)掏婶。因此設(shè)計(jì)產(chǎn)品時(shí),我們要考慮到產(chǎn)品的特性潭陪,然后在設(shè)計(jì)上滿足到用戶需求雄妥。所以我把產(chǎn)品的功能從下面兩個(gè)方面考慮來設(shè)計(jì):
a,產(chǎn)品是英語類產(chǎn)品依溯,它的用戶群目前在中國可能從中小學(xué)生到中老年人都有老厌。而兩個(gè)群體可能都是智能手機(jī)的新用戶,學(xué)習(xí)使用軟件能力相對較低黎炉。因此為了降低用戶學(xué)習(xí)成本枝秤,設(shè)計(jì)產(chǎn)品中我以簡單的交互方式設(shè)計(jì)。
b,學(xué)習(xí)是一個(gè)長久過程慷嗜,如果只是觀看詞匯視頻完成學(xué)習(xí)任務(wù)很可能會(huì)令用戶感覺到學(xué)習(xí)的枯燥淀弹。
產(chǎn)品功能設(shè)計(jì)說明
1、我的課程(詞匯)庆械。這個(gè)是主要的薇溃,流程像百詞斬一樣,選擇自己需要學(xué)習(xí)的詞匯本(課程)后缭乘,在主界面顯示自己所選擇的詞匯本沐序。這個(gè)界面也有添加詞匯本和刪除詞匯本的功能。
2、發(fā)現(xiàn)策幼。發(fā)現(xiàn)這個(gè)功能我覺得也比較重要的邑时。它內(nèi)容包括一些有趣的英語解說視頻,或者是搞笑的特姐,或者是熱點(diǎn)資訊等等......它有助緩解學(xué)習(xí)枯燥的這個(gè)痛點(diǎn)晶丘。它的使用場景很多,例如:
a,當(dāng)一個(gè)用戶學(xué)習(xí)時(shí)間比較長時(shí)(看詞匯解說)唐含,他翻一下發(fā)現(xiàn)這個(gè)功能看看有趣的熱門英語視頻調(diào)節(jié)一下铣口,放松一下。
b,當(dāng)用戶完成了當(dāng)天的詞匯任務(wù)觉壶,或者今天不想看自己的詞匯時(shí)脑题,他也可以打開應(yīng)用瀏覽一下發(fā)現(xiàn)這個(gè)功能,看看英語有趣的視頻(過程中也是在無形的學(xué)習(xí))铜靶。發(fā)現(xiàn)的界面設(shè)計(jì)中有banner叔遂,有banner設(shè)計(jì)是因?yàn)榘僭~斬有網(wǎng)店,而 banner可以推薦一些公司好的熱門產(chǎn)品給用戶了解 或者推薦一些英語線下活動(dòng)等等争剿。
3已艰、緩存。離線緩存這個(gè)功能一般放次級蚕苇,我把它抽出來放在第一級哩掺。是因?yàn)樵蛴腥?/p>
a,它是一個(gè)視頻應(yīng)用。即使它是1分鐘以內(nèi)的簡短視頻涩笤。但是在國內(nèi)嚼吞,流量對用戶來說比較重要。
b,學(xué)習(xí)一門東西需要學(xué)習(xí)之外蹬碧,還需要復(fù)習(xí)來鞏固舱禽。離線緩存能方便不費(fèi)流量的翻看。
c,移動(dòng)端應(yīng)用加上百詞斬的視頻簡短恩沽,使用戶的使用時(shí)間更碎片化誊稚,可能幾分鐘就看了幾個(gè)解說視頻。而它的簡短使用戶的使用場景更多罗心,例如里伯,坐公車,坐地鐵渤闷,在排隊(duì)疾瓮,在等車,等等...這些沒有WiFi的地方使用肤晓。
4爷贫、個(gè)人。屬于個(gè)人的管理补憾,方便用戶收集或者設(shè)置個(gè)人的信息漫萄。這個(gè)界面有包括功能有收藏(發(fā)現(xiàn)有好資源有時(shí)間的時(shí)候看),播放記錄(學(xué)習(xí)的記錄)盈匾,學(xué)習(xí)筆記(學(xué)習(xí)期間記錄自己的領(lǐng)悟)等等腾务。
產(chǎn)品功能圖
Part 2
新用戶的任務(wù)流程
界面交互和視覺設(shè)計(jì)說明
一、
ps削饵,由于實(shí)習(xí)比較忙岩瘦,沒時(shí)間去設(shè)計(jì)首頁的icon,就在它們的官網(wǎng)直接用了它們產(chǎn)品的字體(中高四六級研 等級的字體作為封面)窿撬。
二启昧、
1. 設(shè)計(jì)首頁[我的課程]用了兩種視圖給用戶選擇。想法是劈伴,第一種是目錄列表設(shè)計(jì)(類似課程表)密末;第二種卡片式(類似一本書);用戶可根據(jù)自己喜好選擇其一跛璧。
2.常用的交互方式有標(biāo)簽式严里、抽屜式、點(diǎn)聚式追城、跳板式刹碾、列表式等等。而標(biāo)簽和抽屜是比較普遍的座柱,最終選擇標(biāo)簽式是因?yàn)樗瘸閷鲜降膶W(xué)習(xí)成本相對更低一點(diǎn)迷帜。也因?yàn)閷W(xué)英語的用戶群體年齡跨度大。而標(biāo)簽式的優(yōu)點(diǎn)有:
a. 清楚當(dāng)前所在的入口位置
b. 輕松在各入口間頻繁跳轉(zhuǎn)且不會(huì)迷失方向
c. 直接展現(xiàn)最重要入口的內(nèi)容信息
Part 3
效果圖