亚洲av午夜福利精品一区人妖,亚洲乱码日产精品a级毛片久久,91精品视频观看,青草青草久热精品视频在线观看

杰佛軟件教育考試系統 前后臺軟件交互設計及視覺設計

杰佛軟件教育考試系統 前后臺軟件交互設計及視覺設計

圖標設計 | 交互設計 | 信息架構 | 界面設計 | 前端html

圖標設計 | 交互設計 | 信息架構 | 界面設計 | 前端html

北京杰佛軟件技術開發有限公司是國內率先針對大中型企業和政府機構提供e-learning整體解決方案的高新技術企業。本次杰佛教育網站由藍藍設計負責前期項目梳理、信息架構增量、頁面邏輯設計、頁面布局、動線操作、視覺設計及HTML切圖。在產品設計過程中,不斷與客戶溝通,及時調整設計方向,充分考慮客戶想法。

對產品本身的認識也不斷加深,功能布局,交互方式不斷深化、提煉精減,融入當前流行設計元素,歷時6個月,最終設計完成400余個頁面。工作量較簽合同前的認知多了數倍,藍藍設計本著一旦簽了合同就不在考慮得失利潤的原則,不畏堅辛,善始善終完成工作,得到客戶認可。

前臺網站思維導圖

在前期功能規劃過程中,我們將產品劃分為登錄注冊,首頁,課程表,圖書館,考試與答題,問卷與測評,報名中心,積分商城,收藏,消息,閱卷,知道個人中心,程序檢查這14個板塊,每個板塊內又分為若干板塊。新的版本較之前版本新增收藏,知道等板塊,對之前在一起的板塊進行了拆分,最終經客戶審核,認為下圖中板塊布局更符合產品發展方向,選定次版本為產品框架,進行后續設計。具體產品框架如下圖:

第一個版本

后臺網站思維導圖

后臺功能除了保留前臺相應功能模塊之外,還增加了下載中心和統計分析板塊。下載中心主要包括后臺批量上傳工具下載,文件膜版下載和相應插件下載等功能;統計分析主要對學生,老師,機構,業務層面的相關數據的展示及分析。

第一個版本

原型圖展示

前期我們提交了兩個版本頁面設計布局供客戶參考,由于客戶產品使用用途及其廣泛,所有模塊均需要滿足有圖和無圖方式展示,對屏幕分辨率適應跨度較大,這就對界面布局提出較高要求,界面布局應當盡可能簡單,以滿足產品對適應性的要求,而且要在界面布局合理情況下保持美觀。

在各模塊功能都確定情況下,繪制頁面布局草圖,經過反復修改,客戶認為第二種布局及交互方式符合客戶預期,同時在對使用現版本客戶的可用性測試中,這一版本草圖可接受度最高。

第一個版本

第一個版本

第二種版本(客戶選定)

第二種版本(客戶選定)

課程詳情展示

課程詳情展示

選課中心展示

選課中心展示

報名中心展示

報名中心展示

板塊展示

板塊展示

首頁界面設計

四個首頁設計提案

項目初期,通過對客戶的簡單溝通和對需求文檔的研討分析,設計了四個不同風格的方案。
在我們拿著提案去和客戶說明的過程中,發現我們對產品并沒有理解透徹,客戶方的銷售、開發、運營人員喜歡的每個方案也不同。經過討論后,大家達成一致:
1  擴展性高
(適合賣給各個公司培訓使用)
2  現代,結合國際流行趨勢(三至五年之內不改版也不落伍)
3  結合用戶使用場景和具體需求。

藍藍設計師重新梳理需求,先從了解線上教育行業的基本業務開始,在客戶公司了解客戶現階段產品的操作邏輯,并且與使用該系統的客戶進行交談,了解他們對現在產品的看法及槽點。
在了解了該系統目前存在的問題之后,做了交互設計診斷,用將近2周時間重新設計了頁面的交互布局及視覺效果。

四個首頁設計提案-1
四個首頁設計提案-2
四個首頁設計提案-3
四個首頁設計提案-4

前臺首頁設計

在產品邏輯和頁面布局確認之后,開始對界面進行視覺設計。

界面采用紅色為主色調,紅色寓意著激情與活力,采用紅色作為主色調能夠激發用戶學習樂趣。

方案采取卡片式+大標題的布局,這樣布局好處是界面美觀簡介,同時界面功能區分明顯。

將學習情況與積分情況放在一起可視化展示,即顯得頁面美觀整潔。

增加了簽到獎勵功能,可激勵客戶每日登錄平臺學習,增加用戶粘性。

由于本系統一般架設在各企業本地服務區上使用,商業化運作較少,考慮到企業日常運營維護問題,前臺頁面大部分具有圖文模式和列表模式兩種顯示方式,這樣會使該系統能夠適應更多的使用環境。

前臺首頁設計-1
前臺首頁設計-2
前臺首頁設計-3
前臺首頁設計-4
前臺首頁設計-5

后臺界面設計

后臺功能除了管理、編輯前臺所有功能,對學員的數據進行收集整理分析,還需要管理企業不同層級之間數據的管理與編輯;后臺的復雜程度并不比前臺低,而且由于一個頁面需要承載2至3個不同維度的管理,篩選功能,對頁面布局及交互設計的要求很高。

在前臺設計完成之后,我們又去客戶公司對后臺的功能及布進行了溝通,確定了基本的設計目標和方向。

后臺一級頁面采用全屏設計,已尺寸1366*768px為基礎,支持自適應。

這樣做可以將將內容最大化展現出來,增加頁面利用率,減少其他不必要元素的干擾,使用戶保持專注。界面導航采用頂部導航+左側導航的方式,頂部導航層級高于左側導航層級。

由于頁面功能之間差異較大,而且涉及到權限分配問題,將彼此聯系較弱,且不受權限約束的功能置于頂部導航,更大程度保持界面統一性,同時也減少開發工作量。

此外,由于同一頁面需要承載多個樹形結構,為了減輕服務器壓力,同一頁面最多保留一個樹形結構,其余結構根據使用評率進行隱藏,點擊按鈕后調出彈窗進行選擇。

配色方面,為了與前臺保持保持一致,后臺頁面主色調也為紅色。

后臺界面共設計和前端切圖不到200頁。

后臺界面設計
后臺界面設計
后臺界面設計
后臺界面設計
后臺界面設計

  返回

亚洲av午夜福利精品一区人妖,亚洲乱码日产精品a级毛片久久,91精品视频观看,青草青草久热精品视频在线观看
<strike id="cy2gs"><menu id="cy2gs"></menu></strike>
  • <del id="cy2gs"><dfn id="cy2gs"></dfn></del>
  • 欧美午夜精品理论片a级按摩| 99亚洲视频| 欧美日韩中文| 欧美激情第9页| 欧美日韩精品在线| 欧美成va人片在线观看| 蜜月aⅴ免费一区二区三区| 久久伊人精品天天| 在线亚洲国产精品网站| 国产日韩欧美自拍| 国产精品永久免费在线| 国产免费成人| 免费美女久久99| 免费久久99精品国产自| 欧美成人69| 亚洲欧美国产精品va在线观看| 中日韩午夜理伦电影免费| 一区二区精品在线观看| 韩国一区二区三区美女美女秀| 国产一区二区三区四区五区美女| 国产一区二区日韩精品| 激情婷婷欧美| 国产精品欧美风情| 国产日韩欧美在线| 一区精品久久| 国产亚洲成精品久久| 国产一区二区三区在线播放免费观看| 国产一区二区高清视频| 在线精品视频一区二区| 亚洲精品中文字幕在线| 亚洲永久网站| 久久精品一区二区国产| 亚洲网在线观看| 午夜视频一区在线观看| 久久久久亚洲综合| 欧美国产免费| 国产精品久在线观看| 国产在线精品二区| 亚洲欧洲一区二区三区在线观看 | 亚洲在线成人精品| 久久国产色av| 欧美精品在线播放| 国产欧美日韩亚州综合| 亚洲国产小视频在线观看| 亚洲视频在线观看网站| 久久精品一级爱片| 欧美日韩午夜在线视频| 国产一区观看| 一区二区欧美亚洲| 久久久久国产精品一区二区| 欧美日韩免费一区二区三区| 国内精品久久久久影院薰衣草| 一本久久精品一区二区| 久久网站热最新地址| 欧美日韩综合视频网址| 含羞草久久爱69一区| 一区二区三区高清在线| 另类天堂av| 国产美女精品一区二区三区 | 欧美日韩国产成人在线免费| 国产欧美一区二区在线观看| 亚洲国产精品一区二区www| 国产精品免费久久久久久| 在线观看精品一区| 亚洲一区亚洲| 欧美成人黑人xx视频免费观看| 国产精品美女主播在线观看纯欲| 亚洲国产精品成人久久综合一区| 香港久久久电影| 欧美日韩不卡视频| 一区二区三区在线免费观看| 亚洲自拍偷拍麻豆| 欧美黄色一区二区| 精品69视频一区二区三区| 亚洲桃花岛网站| 欧美二区视频| 精品88久久久久88久久久| 精品成人久久| 亚洲午夜黄色| 欧美激情综合网| 狠狠干狠狠久久| 午夜日本精品| 国产精品vvv| 亚洲精品在线视频观看| 久久久亚洲国产天美传媒修理工| 国产精品毛片在线| 日韩午夜黄色| 亚洲网在线观看| 老司机精品视频一区二区三区| 国产伦精品一区二区三区在线观看 | 亚洲午夜精品一区二区三区他趣| 欧美+日本+国产+在线a∨观看| 国产亚洲美州欧州综合国| 亚洲免费一在线| 国产精品久久99| 国产日韩欧美一二三区| 亚洲视频大全| 欧美日本网站| 亚洲麻豆一区| 欧美精品999| 亚洲精品九九| 欧美精品网站| 日韩视频免费看| 欧美精品1区| 国产精品揄拍500视频| 一区二区精品在线| 欧美一区二区三区播放老司机| 欧美视频不卡| 正在播放日韩| 国产精品黄色在线观看| 亚洲一区二区三区在线视频| 欧美午夜电影在线观看| 在线视频免费在线观看一区二区| 欧美激情精品久久久久久蜜臀| 国产精品国产三级国产aⅴ浪潮| 亚洲免费成人av电影| 欧美亚洲免费在线| 国产精品亚洲综合久久| 亚洲第一精品在线| 免费视频最近日韩| 亚洲精品久久久久久久久久久久久| 欧美高清影院| 一本色道久久99精品综合| 欧美三级午夜理伦三级中视频| 亚洲一区二区三区四区中文| 国产欧美成人| 久久综合久久久| 亚洲精品免费一区二区三区| 欧美日精品一区视频| 亚洲欧美欧美一区二区三区| 国产亚洲一区二区在线观看| 久久综合成人精品亚洲另类欧美| 欧美日韩国产综合久久| 国内精品免费在线观看| 久久久另类综合| 在线观看一区二区精品视频| 欧美14一18处毛片| 99视频一区| 国产精品永久入口久久久| 久久久成人网| 91久久久久久久久| 国产精品成人aaaaa网站| 欧美一区二区三区视频| 在线免费观看日本一区| 欧美日本韩国一区| 亚洲欧美美女| 激情av一区二区| 欧美精品七区| 校园春色国产精品| 亚洲国产另类久久久精品极度| 欧美日韩国产黄| 欧美一区二区三区在线免费观看| 伊人狠狠色丁香综合尤物| 欧美精品激情blacked18| 亚洲欧美国产高清| 伊人精品成人久久综合软件| 欧美精品自拍偷拍动漫精品| 午夜久久tv| 亚洲国产精品999| 国产精品久久久对白| 久久久www免费人成黑人精品 | 国产一区二区成人| 牛夜精品久久久久久久99黑人| 一本色道久久88综合亚洲精品ⅰ | 国产精品少妇自拍| 久久综合久久美利坚合众国| 亚洲美女精品久久| 国产综合色一区二区三区| 欧美另类一区| 欧美在线观看一区二区| 亚洲美女av网站| 狠狠干狠狠久久| 欧美午夜精品久久久久久久 | 欧美激情精品久久久久久黑人 | 玉米视频成人免费看| 欧美日韩中国免费专区在线看| 久久免费高清| 亚洲专区国产精品| 亚洲精选久久| 欧美午夜精品理论片a级大开眼界| 欧美韩日一区| 欧美专区一区二区三区| 一本大道久久a久久精品综合| 韩国精品主播一区二区在线观看| 欧美日韩午夜精品| 久久五月天婷婷| 午夜精品久久久久久久99黑人| 亚洲欧洲精品一区二区三区 | 久久免费视频这里只有精品| 亚洲少妇最新在线视频| 亚洲大胆女人| 国产一区91精品张津瑜| 欧美色欧美亚洲另类七区| 免费在线看一区| 久久精品一二三| 亚洲欧美在线x视频| 999在线观看精品免费不卡网站| 永久久久久久| 国产亚洲一二三区| 国产精品嫩草影院av蜜臀|