一窍株、? iOS：網(wǎng)易云課堂
體驗版本：ios12.1
網(wǎng)易云課堂作為一款實(shí)用技能在線學(xué)習(xí)平臺app，核心功能即為“售課”和“授課”。整個app也是圍繞這兩點(diǎn)進(jìn)行設(shè)計悔常。因為產(chǎn)品本身功能較簡單，所以采用了底部標(biāo)簽式導(dǎo)航的結(jié)構(gòu)给赞。
1机打、“售課”方面：
在有限的空間內(nèi)如何較好展示課程內(nèi)容和賣點(diǎn)成了主要考慮要素。因此云課堂采用了大量的分段+卡片式設(shè)計片迅，小圖+文字描述來展示課程內(nèi)容残邀。
首頁：一直固定在頂部的搜索欄+輪播式banner導(dǎo)航+廣告位+分段式導(dǎo)航+卡片列表展示具體課程內(nèi)容，展示的是每一類別的精品/較受歡迎的推薦課程柑蛇。
此外芥挣，喜歡歸類的網(wǎng)易在“精選專題”，”推薦行家“耻台，“系列課程”這一塊采用了左右滑動的設(shè)計空免，可以給頁面內(nèi)容長度“肩負(fù)”，同時給頁面進(jìn)行區(qū)塊分割盆耽，減少用戶上下滑動造成的視覺疲勞和交互惰性蹋砚。
在“發(fā)現(xiàn)”“我的學(xué)習(xí)”這一塊相對較少用到的板塊，使用分段式導(dǎo)航作為二級導(dǎo)航摄杂。
2坝咐、”授課“方面
一進(jìn)到APP頁面，底部的浮窗顯示當(dāng)前正在學(xué)習(xí)的課程內(nèi)容析恢，比起網(wǎng)頁端入口的難找畅厢，這是一個非常棒的設(shè)計，減少了學(xué)課時的操作難度氮昧。
不足的地方：
在觀看視頻的時候框杜，用戶可能希望暫停來記一些較為重要的知識點(diǎn)和筆記，因此如果視頻處可以添加截圖和批注功能的話個人認(rèn)為會更加吸引用戶去學(xué)習(xí)和使用這個app袖肥。
二咪辱、web：網(wǎng)易考拉
網(wǎng)易考拉是網(wǎng)易旗下以跨境業(yè)務(wù)為主的綜合型電商，主打“自營直采”概念椎组，銷售品類涵蓋母嬰油狂、美容彩妝、家居生活、營養(yǎng)保健专筷、環(huán)球美食弱贼、服飾箱包、數(shù)碼家電等磷蛹。
與阿里系的淘寶吮旅，天貓網(wǎng)站不同，網(wǎng)易考拉的整體界面風(fēng)格較為簡約克制味咳，配色除了品牌漸變色(brilliant red)以外就是大面積的黑白灰庇勃。考慮到其產(chǎn)品的定位人群主要是有較高消費(fèi)品味和購買力槽驶，熱衷于海購的時尚女性群體责嚷，這樣的設(shè)計體現(xiàn)出一種高級感和品質(zhì)感，符合網(wǎng)易一貫的調(diào)性掂铐。
與眾多電商購物平臺一樣罕拂，網(wǎng)易考拉的網(wǎng)站首頁采用了標(biāo)簽式導(dǎo)航作為一級導(dǎo)航+下拉式導(dǎo)航為二級導(dǎo)航系統(tǒng)的矩陣式頁面結(jié)構(gòu)，這類設(shè)計適用于展示內(nèi)容較多的商品網(wǎng)站全陨。
如上圖所示爆班，首頁左側(cè)是用于展示商品品類的抽屜式菜單（在首頁是固定的不會隱藏，切換到其他二級頁面時該菜單會自動隱藏）烤镐，首頁居中是推廣商品的輪播式banner蛋济，而頂部導(dǎo)航則采用下拉式菜單放置個人中心、客戶服務(wù)炮叶、充值中心消費(fèi)者權(quán)益等功能碗旅，這些都是用戶較少使用但是相對而言對他們較重要的功能，而頂部欄下拉菜單的設(shè)計巧妙地減少了這類功能平時在頁面的存在感镜悉，但是在用戶偶爾想用到的關(guān)鍵時候又能快速地被找到祟辟，大大減少了用戶操作點(diǎn)擊次數(shù)和尋找時間。
針對電商用戶在最常使用侣肄，也是最重要的功能——“搜索商品”和“下單購物”旧困，放在了較為顯眼的位置。在進(jìn)行網(wǎng)頁下滑操作時稼锅，搜索欄一直固定在頂部吼具，左側(cè)是固定的標(biāo)簽式導(dǎo)航，利用顏色和字體大小對比顯示出不同的信息層級結(jié)構(gòu)矩距，右側(cè)是購物車拗盒，簽到以及鼓勵下載APP的入口，為了方便用戶隨時回到最頂端锥债，設(shè)計了一個TOP的控件陡蝇。左右兩側(cè)設(shè)計相當(dāng)簡潔痊臭，視覺上不會給用戶造成過分干擾，但是想用的時候登夫，它就在那里广匙，個人認(rèn)為是眾多電商網(wǎng)站里做得最好的。?
?在具體的內(nèi)容展示方面恼策，考拉網(wǎng)頁采用分段式+宮格設(shè)計鸦致，形成多而不亂的方正感，宮格并不是大小均一的枯燥重復(fù)戏蔑，而是根據(jù)內(nèi)容以及設(shè)計黃金比例分割出來的不同尺寸方塊蹋凝。統(tǒng)一的設(shè)計語言使得這樣所有商品排列在一起時顯得相當(dāng)和諧鲁纠，也減少了后期更換商品圖時需要進(jìn)行再設(shè)計的費(fèi)工总棵。
但是這樣做的缺點(diǎn)也相當(dāng)明顯：
1、因為設(shè)計的相當(dāng)簡潔改含，能展示的商品也較少情龄，為維持調(diào)性，對于能上首頁的商品選擇要求較高捍壤；商品的展示考驗商家和設(shè)計師的功力骤视，同時文案也要相對出彩，否則整體會變得比較無聊鹃觉；
2专酗、難以激發(fā)用戶購物熱情。網(wǎng)易考拉的商品內(nèi)容展示設(shè)計體現(xiàn)出一種品質(zhì)感和高級感盗扇，單純從設(shè)計角度欣賞相當(dāng)賞心悅目祷肯，但其實(shí)并不利于購物氛圍的營造。這種高級感也會產(chǎn)生一種距離感疗隶，過于性冷淡的設(shè)計可能會無法激發(fā)用戶的購買欲佑笋，看久了用戶也會失去新鮮感。（對比天貓商品頁設(shè)計而言）
