交互設(shè)計(jì) | 界面設(shè)計(jì) |
David是一個(gè)來(lái)自美國(guó)的華僑，哥大畢業(yè)后就來(lái)到了亞洲，現(xiàn)在定居北京！David是一個(gè)爸爸，也是一個(gè)創(chuàng)業(yè)者，在過(guò)去7年里都在科技教育領(lǐng)域創(chuàng)業(yè)。David相信，英語(yǔ)啟蒙能在家就能做好，于是推出線上英語(yǔ)啟蒙的小程序—
藍(lán)藍(lán)設(shè)計(jì)負(fù)責(zé)半老外David英語(yǔ)啟蒙小程序的界面整體風(fēng)格和細(xì)節(jié)優(yōu)化工作，也包括圖片優(yōu)化等諸多視覺(jué)內(nèi)容。前期雙方通過(guò)不斷溝通和深入了解最終確定了頁(yè)面的風(fēng)格樣式。看視頻學(xué)英語(yǔ)的方式更容易為孩子所接受，頁(yè)面的簡(jiǎn)潔風(fēng)格和顏色應(yīng)用更加吸引兒童。
產(chǎn)品定位
以視頻教學(xué)的方式解決孩子的英語(yǔ)啟蒙問(wèn)題，培養(yǎng)孩子靈活聽(tīng)和靈活說(shuō)，培養(yǎng)孩子對(duì)英語(yǔ)繪本和動(dòng)畫(huà)的興趣，及時(shí)對(duì)孩子進(jìn)行外語(yǔ)啟蒙教育，開(kāi)啟國(guó)內(nèi)成功學(xué)英語(yǔ)的模式。
目標(biāo)用戶(hù)
（1）對(duì)英語(yǔ)啟蒙迷茫，不知從哪里開(kāi)始的家長(zhǎng) （2）有經(jīng)驗(yàn)，想加速孩子英語(yǔ)啟蒙的家長(zhǎng) （3）所有家長(zhǎng)都能用，不管懂不懂英語(yǔ)
設(shè)計(jì)風(fēng)格
頁(yè)面內(nèi)容主要以大卡片的方式呈現(xiàn)，并對(duì)邊緣進(jìn)行圓角處理，簡(jiǎn)潔直觀，層次結(jié)構(gòu)清晰，提高了文字和圖片的可讀性。搭配鮮亮活潑的顏色，傳遞出溫和有趣的品牌調(diào)性。
短動(dòng)畫(huà)通常具有生動(dòng)活潑的情節(jié)和對(duì)話，可以接觸到真實(shí)的英語(yǔ)口語(yǔ)表達(dá)和自然的語(yǔ)音節(jié)奏，幫助提高聽(tīng)力理解能力。
孩子可以提前接觸到小學(xué)英語(yǔ)的學(xué)習(xí)內(nèi)容和學(xué)習(xí)方法，培養(yǎng)起對(duì)學(xué)習(xí)的興趣，并逐步掌握學(xué)習(xí)技能。
包括250本原版電子書(shū)，500集英語(yǔ)動(dòng)畫(huà)已經(jīng)啟蒙資料，所有內(nèi)容永久免費(fèi)，家長(zhǎng)可隨時(shí)下載。
首頁(yè)（未購(gòu)買(mǎi)）
首頁(yè)（已購(gòu)買(mǎi)）
二屏
頁(yè)面使用圓角卡片劃分方式：（1）更具有現(xiàn)代感和美觀性，可以增強(qiáng)用戶(hù)的視覺(jué)體驗(yàn)。 （2）圓角處理減少邊界線條的干擾，提高文字的可讀性。 （3）使元素之間形成視覺(jué)分組，讓用戶(hù)更容易區(qū)分和理解不同內(nèi)容的含義。 （4）圓角卡片可以根據(jù)不同的需求進(jìn)行調(diào)整適合各種不同類(lèi)型的設(shè)計(jì)風(fēng)格。
課程頁(yè)（家長(zhǎng)）
課程頁(yè)（孩子）
采用了豐富多樣的教學(xué)資源和互動(dòng)方式，通過(guò)音頻、視頻、游戲等形式呈現(xiàn)教學(xué)內(nèi)容，激發(fā)學(xué)生的學(xué)習(xí)興趣。
孩子可以接觸到更多的常見(jiàn)高頻詞匯，并在不斷的重復(fù)和鞏固中逐漸掌握這些詞匯。
頁(yè)面使用頁(yè)簽將課程內(nèi)容劃分為兩部分：
(1) 家長(zhǎng)課程：多層次全方位介紹課程預(yù)覽可以了解課程大概內(nèi)容，10節(jié)共50分鐘試看課程可隨意選看，家長(zhǎng)可通過(guò) 板塊進(jìn)一步了解課程效果。
(2)孩子課程：包括牛津樹(shù)帶讀互動(dòng)課和高頻詞互動(dòng)課，以視頻形式來(lái)進(jìn)行英語(yǔ)教學(xué)，在故事和生活場(chǎng)景中學(xué)單詞，孩子 更能接受，保障系統(tǒng)啟蒙有趣又高效
讓孩子輕松銜接小學(xué)英語(yǔ)+孩子能在生活中學(xué)英語(yǔ)。課程效果顯著，。
家長(zhǎng)英語(yǔ)啟蒙精華課+牛津樹(shù)帶讀互動(dòng)課+高頻詞互動(dòng)課。打包購(gòu)買(mǎi)價(jià)格更優(yōu)惠。
頁(yè)面使用頁(yè)簽將課程內(nèi)容劃分為兩部分：
（1）以暖色為底色，加入圓角和IP元素，更能傳遞友好溫暖的情感。
（2）全屏播放可以營(yíng)造出沉浸效果。
