一款學(xué)習(xí)類產(chǎn)品的小練習(xí)

這是百詞斬的一道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

效果圖


最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末色洞,一起剝皮案震驚了整個(gè)濱河市瞬矩,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌锋玲,老刑警劉巖景用,帶你破解...
    沈念sama閱讀 222,590評論 6 517
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異惭蹂,居然都是意外死亡伞插,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 95,157評論 3 399
  • 文/潘曉璐 我一進(jìn)店門盾碗,熙熙樓的掌柜王于貴愁眉苦臉地迎上來媚污,“玉大人,你說我怎么就攤上這事廷雅『拿溃” “怎么了京髓?”我有些...
    開封第一講書人閱讀 169,301評論 0 362
  • 文/不壞的土叔 我叫張陵,是天一觀的道長商架。 經(jīng)常有香客問我堰怨,道長,這世上最難降的妖魔是什么蛇摸? 我笑而不...
    開封第一講書人閱讀 60,078評論 1 300
  • 正文 為了忘掉前任备图,我火速辦了婚禮,結(jié)果婚禮上赶袄,老公的妹妹穿的比我還像新娘揽涮。我一直安慰自己,他們只是感情好饿肺,可當(dāng)我...
    茶點(diǎn)故事閱讀 69,082評論 6 398
  • 文/花漫 我一把揭開白布蒋困。 她就那樣靜靜地躺著,像睡著了一般敬辣。 火紅的嫁衣襯著肌膚如雪家破。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 52,682評論 1 312
  • 那天购岗,我揣著相機(jī)與錄音汰聋,去河邊找鬼。 笑死喊积,一個(gè)胖子當(dāng)著我的面吹牛烹困,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播乾吻,決...
    沈念sama閱讀 41,155評論 3 422
  • 文/蒼蘭香墨 我猛地睜開眼髓梅,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了绎签?” 一聲冷哼從身側(cè)響起枯饿,我...
    開封第一講書人閱讀 40,098評論 0 277
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎诡必,沒想到半個(gè)月后奢方,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 46,638評論 1 319
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡爸舒,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 38,701評論 3 342
  • 正文 我和宋清朗相戀三年蟋字,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片扭勉。...
    茶點(diǎn)故事閱讀 40,852評論 1 353
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡鹊奖,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出涂炎,到底是詐尸還是另有隱情忠聚,我是刑警寧澤设哗,帶...
    沈念sama閱讀 36,520評論 5 351
  • 正文 年R本政府宣布,位于F島的核電站两蟀,受9級特大地震影響网梢,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜垫竞,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 42,181評論 3 335
  • 文/蒙蒙 一澎粟、第九天 我趴在偏房一處隱蔽的房頂上張望蛀序。 院中可真熱鬧欢瞪,春花似錦、人聲如沸徐裸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,674評論 0 25
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽重贺。三九已至骑祟,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間气笙,已是汗流浹背次企。 一陣腳步聲響...
    開封第一講書人閱讀 33,788評論 1 274
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留潜圃,地道東北人缸棵。 一個(gè)月前我還...
    沈念sama閱讀 49,279評論 3 379
  • 正文 我出身青樓,卻偏偏與公主長得像谭期,于是被迫代替她去往敵國和親堵第。 傳聞我的和親對象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,851評論 2 361

推薦閱讀更多精彩內(nèi)容