2016年9月開始，滬江網校App默默地更新了一批空值頁，以小樹苗為原型的擬人化形象開始出現在每一個內容為空的頁面，拉近滬江網校與用戶之間的距離。
空值頁，簡單來說就是無內容或者錯誤情況下出現的空白狀態(tài)，能夠在操作異常時給予用戶反饋，或者提示用戶添加內容。這類頁面出現頻率較低，容易被忽略。網校設計團隊的小伙伴們在重新審視App中的空值頁后，發(fā)現舊版的空值頁有以下幾個問題。
以前在設計過程中，空值頁往往是隨著其他功能頁面單個設計的。各個空值頁之間視覺上缺乏系統(tǒng)化的規(guī)劃。
舊版空值頁的文案大多是平鋪直敘，更有些文案使用了專有名詞，不便于用戶理解。
舊版空值頁存在多種空值頁共用一個畫面的情況。空值頁中使用的圖形是比較抽象的，以便通用多個頁面，這樣做，雖然節(jié)省了設計成本，卻犧牲了用戶體驗，使用戶產生疏離感。
對于舊版空值頁的問題有了一定了解后，我們開始思考空值頁改版的目的是什么呢？
將所有空值頁系統(tǒng)化，重新規(guī)劃設計，使得所有頁面看起來更加整體，同時也可以更好的推廣品牌。
一個好的文案不僅需要描述清楚事情的情況，更重要的是要有親近感，拉近與用戶的距離。
在不同的空值情況下展示不同的畫面，有助于用戶的理解，同時也增強了趣味性。
我們希望通過這次改版，賦予產品自己的性格、特點。
明確了改版的目標后，我們開始進入設計實戰(zhàn)。根據之前定的目標，在視覺呈現上，我們希望所有的空值頁是系統(tǒng)化的，并且根據不同的場景有相應的表現方式。這就需要空值頁有一個統(tǒng)一的形象作為載體，在不同的空值狀態(tài)下呈現不同的反饋狀態(tài)。
滬江網校App用戶構成。
根據2016年初的用戶調研，使用網校App的用戶主要有以下三個特點：
1. 女性用戶居多
女性用戶占到總用戶數的大部分。
2. 年輕用戶居多
20-25歲的用戶是主力軍。
3. 企業(yè)白領以及大學生是主要用戶群
有半數以上為在職用戶，其中以企業(yè)職員為主。
通過以上三組數據可以得知，網校多為年輕的大學生或初入職場的企業(yè)白領，女性較多。他們有強烈的好奇心，希望通過網校的課程能夠更好的完成學業(yè)、為職場助力或者為自己增加一門技能。他們不甘心浪費業(yè)余時間，通過不斷的學習，充實自己，為自己投資，開拓視野。
滬江網校是一個學習的平臺，根據產品的內容特點以及以上的用戶特性，網校設計組成員進行了一輪頭腦風暴，提取了一些關鍵詞。
我們希望網校的形象可以與用戶靠得更近。它需要能夠反映出用戶內心對于成長、學習的渴望，然而，太過于正面的形象往往會使普通人產生距離感，有優(yōu)點有缺點的形象才能夠使形象性格更完整，使用戶更有代入感。由此，我們根據主要用戶的特點，梳理出形象需要具備的特點。
網校的用戶在渴望成長的同時，也不可避免懶惰、貪玩、缺少毅力等缺點。
基于以上的性格特點，接下開始設定主形象。
網校logo是一顆成長中的小樹苗，代表用戶的求知欲，所以在網校的形象當中，小樹苗不可缺少。
考慮到小樹苗通常是長在土里，物理上離用戶較遠，在日常生活中不常見，容易產生疏離感。為了拉近與用戶的距離，我們決定——將小苗種在花盆里。一方面便于增加表情，另一方面，相比于種在地里的樹苗，放在花盆中的樹苗更加貼近用戶生活。
對于花盆的形狀和小苗與花盆結合的形式，我們做了一系列的嘗試。
對于花盆的形狀，我們在參考了大多數的花盆。
最終我們選擇了直筒型的花盆，并簡化花盆的線條，更有利于表現花盆上的表情。由于眼鏡容易聯想到書呆子、學霸等形象，會使大部分用戶產生梳理感，所以在主形象中去掉了眼鏡，使形象更像普通人。
小樹苗可以映射用戶內心渴望成長、學習的一面，同時在學習過程中也會有一些小偷懶、小挫折，畢竟人無完人。相信大多數用戶在學習的過程中，都會遇到一位這樣的小伙伴，他是我們的“良師益友”，我們共同學習、共同成長，遇到困難互相幫助，互相鞭策。
為了配合在空值頁中的場景，對主形象配色進行修改，選用了灰色和飽和度較低的綠色作為主色調，飽和度較低的黃色作為輔助色，以此為標準色，擴展了一系列空值頁相關形象。
在優(yōu)化文案前，我們對App內的空值頁做了梳理。
空值頁主要分為兩個類別：
1. 內容空白
內容空白的空值頁，包括本身無內容而造成的空值和因用戶無操作而造成的空值。 因用戶無操作而造成的空值，用戶往往有一定的預期。結合使用路徑和頁面標題，用戶是可以理解頁面沒有出現內容的原因，所以這種情況下，就不需要太直白的告訴用戶“沒有內容”。我們希望這部分的文案有積極向上的激勵作用，符合小樹苗“良師益友”的定位，且對用戶有引導作用。結合學校的特點，我們想到了名人名言。就像學校中會在教室、校園中張貼名人名言一樣，我們希望能用這樣的方式，為用戶增添一些學習的氛圍，同時給予用戶正面的鼓勵。
因為無內容而造成的空值，一般是由于老師或者課程安排的原因，出現不需要有內容的情況，這里就可以加一點幽默的元素，引得用戶會心一笑，增加親切感。
2. 頁面錯誤
當頁面出現錯誤時，空值頁需要明確告知用戶發(fā)生了什么事，如何做可以解決。這里就需要用明確的語言。
1. 我的筆記空值頁面
舊版頁面比較單調，文案提示生硬。我們在新版頁面中加入了課堂記筆記的情景，將擬人化的小樹苗放在課堂中，配合做筆記相關的名人名言激勵用戶多做筆記。
2. 搜索無內容頁
舊版中，只說明了當前的情況，沒有說明解決的方案，并且圖中形象也沒有很好的跟“搜索”相結合。在新版中，文案上面增加了解決方法，并在圖中加入了放大鏡，對話框等元素，更好的表現“搜索不到結果”。
最后來看一下大合集。
作者：滬江網校設計團隊
環(huán)球網、知更鳥網聯合推出的公益平臺“報名大廳”于近日上線，平臺匯集了全國上百家知名教育機構，千門線上、線下教育課程。平臺為全國家長、學生、用戶提供優(yōu)質線上、線下教育公益課程、優(yōu)惠課程、火爆課程信息。用戶通過環(huán)球網教育頻道、知更鳥網登陸平臺選擇機構下方“我要報名”，找到適合自己的教育培訓機構的線上、線下課程，通過平臺報名將有專業(yè)的咨詢老師服務于每一位學生、家長，為學生解決選課等問題。
滬江網校是滬江旗下的海量優(yōu)質課程平臺，致力于為用戶提供豐富、系統(tǒng)的課程和專業(yè)的教學服務，涵蓋英語、日語、韓語、法語等12國外語及考研、職場興趣等多領域課程；以行業(yè)領先的技術開發(fā)和強大的師資教研，打造量身定制的智能化課程，讓學習更高效、更出色。
全國中小學免費課程：
高考日語班
零基礎至高考日語班
英語語音音標
英語高頻3500詞
小學英語核心語法初級
用思維導圖學看圖寫話
滬江新麥大語文體驗班
外語學習免費課程有：
法語輕松入門50講
西班牙語語音入門
西班牙語口語100句
10天突破韓語發(fā)音
脫口而出德語極短句【專享班】
新版德語零基礎至高級（0-B2）【惠學體驗班】
葡萄牙語零基礎入門【福利班】
阿拉伯語入門5.0版【深度體驗班】
3節(jié)課入門俄語發(fā)音
6節(jié)課搞定意大利語發(fā)音
8節(jié)課帶你開口說泰語
新版日語初級入門全能班
感興趣的小伙伴，關注“報名大廳”公眾號報名。
環(huán)球網報名大廳，匯聚全國百家知名教育機構、千門課程，等你來！
報名方式：登陸環(huán)球網教育頻道、知更鳥網或“報名大廳”公眾號。
掃描以下二維碼直接登陸平臺。
責編：吳婷
版權作品，未經環(huán)球網 huanqiu.com 書面授權，嚴禁轉載，違者將被追究法律責任。
009年5月，滬江網校正式上線。現在，滬江網校9周年慶也已進入尾聲。5月28日，你準備好了嗎？
省錢攻略
今年，我們準備了”課學完全額返”活動！只要在有效期內學完課程，就可獲得全部學費的返還(學費以獎勵學幣的形式返還)。
and，購課前記得先領券，優(yōu)惠券戳“閱讀原文”領取哈。
（戳圖沒用，閱讀原文領取）
啥，全額返是什么意思？
舉個栗子
▼
現在只要購買【延世韓國語1-4冊】，學完之后拿到獎學金，用獎學金再報名延世5-6冊。這樣只用花延世1-4的學費，就可以學到延世1-6的課程，是不是很機智。
↓掃碼查看課程詳情↓
不懂？再舉個栗子
▼
人氣TOP1課程【零基礎直達高級】，學完之后拿到獎學金再去報個其他語種，當然想繼續(xù)學韓語的也行，沒準很快你就能成為國際X，溜說8國語言了。
↓掃碼查看課程詳情↓
購課攻略
溫馨提示：只有標識【全額獎學金班】小尾巴的，才享“課學完全額返”活動哦。
那么問題來了，哪些是全額獎學金班，最值得買的又是什么呢？別急，先給你們請出重中之重！本次活動中最值得買的韓語課程是：
TOP1
韓語1年白金卡【全額獎學金班】
*上榜理由：延世+新標韓，囊括2大系列課程，助你變身韓語達人。
*周年慶福利：5.8-5.28購買本課程，免費加贈6個月有效期。
↓掃碼查看課程詳情↓
TOP2
韓語入門至TOPIK高級【6級簽約全額學霸獎學金班】
*上榜理由：TOPIK6級簽約！業(yè)界權威教材，中外名師講解，更強備考服務，TOPIK高分不是夢。
*周年慶福利：學霸全獎班今日6.2折，贈 TOPIKⅡ全真模擬及精講3~6級。
↓掃碼查看課程詳情↓
TOP3
韓語零基礎至TOPIK高級【全額獎學金班】
*上榜理由：韓語外教發(fā)音+韓語初中級精講+韓語高級精講+TOPIK高級強化課，一站式解決韓語學習基本需求。
*周年慶福利：課學完全額返，贈《新標準韓國語》全套教材。
↓掃碼查看課程詳情↓
還有什么【全額獎學金班】韓語課程？
▼
以下截圖均是，任君挑選
是不是很多，是不是看不清？優(yōu)惠券+周年慶韓語課程，閱讀原文等你哦↓↓↓