全新網易有道詞典 9.0 在設計與功能上進行了雙重升級,其中承載了諸多對于美好學習生活的憧憬,讓我們一起分享這次改變的歷程。
2020,這充滿戲劇性的一年即將收官。即使充滿種種變數,求知路上的收獲總能賦予我們繼續前行的力量。感謝每一位學習者的努力與熱愛,你們為自己和他人帶來了更多的光。“河海不擇細流,故能就其深”,點滴分秒的努力都將匯成你的璀璨星空。
見證著大家的努力,身為詞典設計團隊的我們也在思考如何更懂得學習者的所需所愛。9.0 版本作為年終獻給大家的一份禮物,承載了我們對于美好學習生活的憧憬,我們希望與你分享這次改變的歷程。
先來看看新版本都有哪些重要改變
- 更高效:查詞流程全新升級,懂你所需
- 更多元:Wow 學習社區,在一起,更好學
- 更有范:探索詞典氣質,是語言,更是文化
我們很高興地看到,有道詞典每天為大家接收和處理超過 5000 萬次的查詞訴求。萬千學習者的信任讓我們倍感欣喜的同時,也讓這份責任感更有重量。任何一次求知的目光都值得被關注 —— 如何把更多的時間留給理解與快速記憶,成為了此次查詞流程升級的首要目標。
1. 扶穩坐好,準備提速!
或許你不曾留意,看似簡單的查詞操作,流程上分為了三步:
當我們急于查詢一個單詞時,瞬時記憶是我們的主要依靠,這就要求流程中盡可能減少頁面元素的“噪音”,為這些暫存的信息開辟一條快速輸入、展示的通道,使注意力盡可能被分配到理解和記憶環節。因此,我們對每一步進行了細致的打磨,力求提升查詞的整體流暢度與效率。
喚起搜索是一次查詞歷程的起始步驟。對比此前跳轉新頁面開始輸入的方式,我們嘗試將首頁查詞框、搜索頁輸入框“合二為一”,在詞典首頁輕觸查詞框即可喚起輸入,將均時從 1.5 秒提速到 0.5 秒,節省跳轉中消耗的時間。
其次是“視覺錨定法”的使用。在查詞各步驟中始終保持搜索框提示文字、輸入的單詞、釋義頁單詞在同一水平線上,使文本元素形成頁面切換時不變的視覺焦點,讓使用者能夠“神定”而不散。這樣的改變能夠增強內容加載與切換時的連貫性,減少視線跳轉對注意力的消耗,打造更加輕松的查詞體驗。
最后是查詞與翻譯“場景一體化”。以往的數據告訴我們,在首頁搜索框內輸入長文本、段落進行翻譯的比例占翻譯總請求量的 30% 以上 —— 然而,原先的長句翻譯在視覺展示上并不友好。我們嘗試在 9.0 版本中改善這一體驗,在查詞頁翻譯單詞或長文本,采用清晰、一致的視覺呈現,覆蓋了更多學習場景,滿足大家對于搜索框的種種期待。
2. 看得越清晰,記得越容易
身處信息爆炸時代的你們,是否有過這些煩惱:
- 閱讀效率不高,一段看好久 ...
- 反復閱讀還是 GET 不到重點 ...
- 好不容易讀完,讀完就忘 ...
這些并不一定是閱讀者的問題,或許更多的是來自不夠友好的排版“阻力”。
我們獲取信息的效率、閱讀的情緒、理解信息的能力都由“秩序”主導 —— 字體、字號、文字灰度以及行間距,這些元素的不同結合方式形成了不同的秩序感。如何帶來更有助于提升閱讀效率的秩序感,也是新版查詞釋義頁升級的重要方向。
在單詞的展示上,新版釋義頁采用了更強的文本字號、字色對比和信息層級,將最為常用的簡明釋義重點突出,弱化頁面其他“噪音”元素,讓你一眼就能定位到“單詞 + 關鍵簡明釋義”的組合,而非視線反復瀏覽查找,從而保持良好的閱讀情緒。
此外,新版本在英美發音、加入單詞本等高頻功能上,也通過調整按鈕間距、采用更直觀的膠囊點擊區域等設計形式,增強用戶點擊明確感,讓可以點擊的“更好點”。
視覺上強化結構分組是另一個優化秩序的重點。根據格式塔接近性原則,我們的大腦會把臨近內容自動歸為同類。這與 “分類記憶法” 類似 —— 當要記的東西太多,先定大綱,再記憶個體,能有效地幫助我們更清晰地記住。例如下面這組信息,在分組后更易被理解和記憶。
9.0 版本中,以上提及的各功能區(原文、發音、釋義、附加內容)都被以更加清晰、嚴謹的 4 倍網格系統明確地區隔開。重點信息一眼便知,理解快人一步~
視覺焦點測試顯示,新版查詞結果頁的信息結構和分組模式,可讓視線更好地附著在關鍵信息上,同時閱讀更舒適,通過排版的優化間接達到輔助高效理解的目的。
此外,在頁面中的灰度色階定義方面,我們利用更加貼合自然規律的貝塞爾曲線來調整 HSB (色相、飽和度、明度) 取值,科學的灰度色管理能使信息層級更加突出,瀏覽更加舒適。同時,廣泛的學習人群也讓我們更加關注無障礙閱讀的重要性。有道詞典選用的灰度對比符合國際通行的 WCAG 2.1 AAA 標準,為包含視覺障礙在內的人群都提供了更好的界面信息可讀性。
查詞流程中的更多彩蛋,歡迎大家在 9.0 版本中實際探索和發現~
我們努力用各種學習功能讓你學得更高效、記得更輕松。但學習更像一場長跑 —— 作為伴隨我們終身的漫長旅途,慢慢的,值得求索的世界變大了,身邊原先的同行者卻逐漸減少。但你或許未曾發覺的是,在有道詞典中正有億萬人與你并肩同行。
為了連結詞典內數以億計學習者的小世界,從一個人的學習進化為一群求知者的相聚,詞典 9.0 全新上線 “WOW 學習圈”。激動地搓搓手,讓我們一起來了解下這個好玩好學的小世界~
1. 好玩好學,讓詞典“活”起來
你印象中的詞典 App 是什么樣的?相信專業權威、略帶嚴肅是很多人的一貫印象。數據顯示,有道詞典作為教育類頭部應用正在被越來越多的 90、00 甚至 10 后使用。Wow 圈作為學習資源分享社區,是詞典向年輕化轉變的第一步。學習圈如何承接這種轉變,讓滾滾“后浪”用得得心應手,讓前輩們持續信任,成為了我們倍加關注的核心點。
歷經多番腦暴、嘗試后,我們明確了設計的方向 —— 靜態活力。
何謂“靜態活力”?在我們看來,小至一個標題,大到一篇復雜的文章都應該與使用者存在互動和關聯。因此為了使原本靜態的元素“活”起來。在 9.0 版本中我們為你引入了“靈魂小弧線”。它來源于語言文字中的右側著重括號(「 」右邊這個 ),同時也代表著小小的微笑,希望你在使用詞典的每一天,能夠嘴角上揚,發現所愛。
2. 不期而遇的動效,來點小驚喜
生活需要一些不期而遇的驚喜和儀式感,設計團隊選擇了學習圈中典型場景:點贊、收藏、WOW ! (推薦) 、加入新圈子,以精致、模擬真實場景的動態效果,為學習“加點戲”。
例如,收藏操作模擬真實下落時的抖動質感;點贊/取消點贊使用不同的動效 —— 心動/ 心碎模擬用戶點擊時的心境,而非直接采用逆向動效;WOW ! 則以慶祝感十足的彩帶煙花形式為這一操作增加更多好玩的儀式感。
小小細節,希望你能在每一次點擊中感到快樂。
語言的背后是文化,掌握的前提是了解。學習語言,亦是在學習對應地域的文化。為了盡可能化被動學習為主動探索,全新的 9.0 版本將不僅為你呈現語言的表層含義,更與你一同感受文化意境。
1. 優雅字型,透視經典文化格調
一款符合用戶閱讀需要與喜好的字型,能夠潛移默化地提升對內容的理解效率與使用好感度。信息時代的效率導向讓非襯線字形在界面設計中逐漸成為主流,但效率與情感理應并重 —— 在覆蓋全局的簡約筆畫之間,選擇更有氣質的字型進行點綴,會帶來賞心悅目的視覺感受。
9.0 版本中我們精心挑選了一種優雅而易讀的襯線字體,彰顯著文藝不凡的氣質,在關鍵的搜索區域讓你對單詞留下眼前一亮的印象;而在正文內容部分,我們依舊使用更加簡潔高效的非襯線體,讓氛圍與效率在界面中并存。
2. 藝術點染,為學習加些「儀式感」
學習是為了更美好的生活,而文學藝術源于生活且高于生活。除了上述的字形,我們通過背景氛圍的營造與元素符號的提取,希望在不打擾的前提下給你營造學習所必須的「儀式感」。
印象派藝術家莫奈的作品《日出 · 印象》描繪了晨霧籠罩中的日出港口景象,用朦朧的色彩變幻展現迷人景色。我們從中提取了色相漸變的表現手法,在重要頁面的背景予以小范圍的點綴,營造富含美好愿景的「文學印象」。
3. 文化符號,每個細節好看亦有趣
符號是文化的凝練表現。我們提取了經典的文化符號:優雅的赫本、羽毛筆、福爾摩斯等元素應用到圖標設計當中,帶來獨特的文化質感。
為了更有進入「英語學習角」的代入感,我們精心設計了專屬的身份卡片,這些形象也是源于古典名畫或影視佳作的經典文化符號。快來翻開你的專屬身份卡,彰顯獨特的文化氣質吧~
讓每一個使用者學習更高效、收獲更愉悅的體驗是我們的使命。
希望你喜歡這份為你精心呈現的禮物,在詞典構筑的小宇宙中不斷求索新知。
全新的有道詞典 9.0 亦只是一個開始,我們將始終珍藏一顆服務學習者的初心不斷蛻變,為你提供更貼心的支持。
今后的時光里,無論熟悉的燈下或是異域他鄉,有道就在你的身邊,陪你發現這世界。
我們期待成為更懂你的詞典,與你一道前行。
復制本文鏈接 文章為作者獨立觀點不代表優設網立場,未經允許不得轉載。
發評論!每天贏獎品
點擊 登錄 后,在評論區留言,系統會隨機派送獎品
2012年成立至今,是國內備受歡迎的設計師平臺,提供獎品贊助 聯系我們
AI輔助海報設計101例
已累計誕生 737 位幸運星
發表評論 為下方 11 條評論點贊,解鎖好運彩蛋
↓ 下方為您推薦了一些精彩有趣的文章熱評 ↓