一、需求
目前主要包括三種角色的頁面,需要公用reactjs的material-ui的組件,設計一個語言學習類的web應用網(wǎng)站。
有三種角色: admin,學生(student), 老師(teacher),
每個人登錄以后能夠看到或者編輯的內(nèi)容不同。
左邊有一個tab列表,主要是導航欄,里面包括:
Organization(組織),admin可以新增組織,每個組織下面可以下掛學生、書籍、課堂
Books(書籍),是一組課文的集合,可以用來分享給不同的組織或者課堂, 學生可以訪問下載。
Texts(課文),是單獨的一篇課文。每個學生根據(jù)所屬的組織或者課堂,看到對應的books,然后可以到books下面學習對應的課程。學過的課文會記錄到用戶的課文列表里。
Classes(課堂小組),由老師創(chuàng)建,可以增加成員,分享課文到課堂。
初步需要先能夠把這些頁面完成。
目前已經(jīng)有初步的XD設計文稿原型圖。也有了IOS的app和android的應用程序,風格可以借鑒。
二、設計要求
需要采用material-ui 的設計模式,把一些公用的組件先設計出來, 界面的style方面目前花的時間可以少一些,可以借助ant-font等一些開源的icon或者素材集,主要是需要方便前端開發(fā)復用各種components,保證UI體驗的統(tǒng)一性。設計完一個界面,可以一起來溝通一下結果。
三、合作模式
按照一個禮拜一個迭代的模式,后續(xù)還有更多的用戶管理和報表,以及詞典管理等界面,這塊根據(jù)需要,可以靈活安排時間。能夠持續(xù)的保持溝通。