隨著圣火點燃川尖,各大資訊平臺的奧運板塊已紛紛上線橡娄。今天就和大家分享一下網(wǎng)易新聞奧運專題幾個主要頁面的設(shè)計思路所刀。
網(wǎng)易新聞的奧運板塊分為3個部分:頭條看板探入、奧運助手和奧運專欄侵状。
看板
看板的設(shè)計目標(biāo)是讓用戶能快速獲取奧運簡要信息藏畅。綜合用戶需求并考慮項目的整體規(guī)劃需求蝙砌,看板樣式一致的基礎(chǔ)上随夸,內(nèi)容上區(qū)分了賽前和賽中兩種狀態(tài)靖避。布局上強調(diào)在固定空間內(nèi)信息能最大化外露潭枣。
賽前看板重點是奧運氛圍營造及功能預(yù)熱,所以信息主要是開幕式倒數(shù)計時筋蓖,奧運活動的相關(guān)入口卸耘。
賽中看板(如上圖)重點是將奧運進程中用戶最關(guān)心的信息清晰簡要的展示出來。經(jīng)過調(diào)研和對往屆用戶數(shù)據(jù)的分析粘咖,最終外露信息定為為奧運進程蚣抗、中國獎牌狀態(tài)和實時要聞。
看板高度在刻意控制之下,仍然占用了一條半新聞的高度翰铡,曾擔(dān)心占用空間太高钝域,可能會對不喜歡奧運的用戶造成閱讀影響,于是在可用性測試中加入了“折疊看板”功能锭魔。根據(jù)測試結(jié)果反饋例证,大部分用戶會忽略此操作,因為直接滑走看板比定位點擊一個小icon更加快捷迷捧。并且织咧,普遍用戶反饋,在奧運這樣的特殊期間漠秋,適量的奧運信息強推不會造成反感笙蒙。
奧運專欄
1.新聞主頁和奧運專欄的跳轉(zhuǎn)關(guān)系
如圖,點擊專欄入口則進入到奧運專欄內(nèi)庆锦,里面承載了有關(guān)奧運的全部內(nèi)容捅位。
最初在設(shè)計“奧運專欄”與“新聞主頁”之間來回切換的方案時,考慮到從功能結(jié)構(gòu)和形式上來說搂抒,奧運專欄相當(dāng)于是一套全新的內(nèi)容艇搀,嵌在網(wǎng)易新聞內(nèi),所以方案的關(guān)鍵詞是“切換”求晶,因此對應(yīng)專欄入口的位置焰雕,遵循一致性的原則,切換按鈕設(shè)計為常駐在A處誉帅。意外的是淀散,在可用性測試的過程中,85%的用戶在完成回到新聞頭條的任務(wù)過程中蚜锨,第一反應(yīng)是在左上角找返回.
分析結(jié)論:雖然我們在功能定位上認(rèn)為奧運專欄是一套獨立完整的系統(tǒng)档插,但對用戶認(rèn)知而言,僅僅只是進入了一個比較復(fù)雜的頁面而已亚再。并且郭膛,當(dāng)用戶在專欄內(nèi)進行了一系列閱讀操作之后,對于頁面結(jié)構(gòu)的認(rèn)知就會回到最基礎(chǔ)“返回/進入上一級”的狀態(tài)氛悬。因此會第一反應(yīng)在左上角尋找返回主頁的入口则剃,也就是最終采用的B位置方案。
2.項目訂閱
項目訂閱tab只展示用戶感興趣的項目相關(guān)新聞如捅。
對于訂閱流程上的設(shè)計棍现。曾考慮過,為了方便用戶镜遣,是不是可以先為用戶默認(rèn)選擇幾個熱門選項己肮,或者直接先為用戶展示熱門項目的相關(guān)新聞,只外露一個“編輯項目”的入口。但經(jīng)過對功能定位的分析后決定谎僻,用戶必須完全手動選擇感興趣的項目之后娄柳,再進入訂閱列表。因為如果主動幫用戶勾選艘绍,用戶很可能會直接跳過勾選這個步驟而直接進入新聞列表赤拒,這樣一來,和要聞里的新聞體現(xiàn)不出差別诱鞠,沒有達(dá)到個性化訂閱新聞的目的挎挖。
對于訂閱形式上的設(shè)計。由于功能結(jié)構(gòu)復(fù)雜航夺,為了節(jié)省開發(fā)和設(shè)計成本肋乍,設(shè)計中會盡量復(fù)用新聞客戶端內(nèi)部現(xiàn)有的樣式,因此整個奧運專欄的氛圍還是略顯嚴(yán)肅沉穩(wěn)敷存,所以在設(shè)計“項目訂閱”的形式時,想稍微活潑但不影響操作效率堪伍,最后采用了氣泡形式锚烦,將項目根據(jù)熱度區(qū)分為3種不同體量,便于點選帝雇。配合手勢感應(yīng)動效涮俄,增加靈動感。
奧運助手
在新聞主頁里尸闸,看板是跟隨頁面滑動的彻亲,在奧運專題里,獎牌榜吮廉、賽程等幾個重要入口也是跟隨頁面滾動的苞尝,因此,奧運助手作為一個固定入口常駐于頁面右下方宦芦。其中賽程和獎牌榜預(yù)計是用戶使用最頻繁的工具頁面宙址。
1.賽程
篩選賽程的維度有日期、決賽賽程调卑、中國賽程抡砂、項目賽程、精選推薦賽程恬涧。如果簡單粗暴的將這5個維度放入一個篩選器里注益,讓用戶每次到頁面都要進入篩選器一項一項的勾選,顯然效率很低溯捆。所以首先需要分組丑搔。
日期是相對宏觀的橫向篩選,中國賽程、決賽賽程低匙、各項目賽程是相對精確的縱向篩選旷痕。精選推薦賽程屬于人工編輯的更高一級精確篩選內(nèi)容。
橫向篩選:日期
里約和北京有11個小時的時差顽冶,正式賽程每天都基本集中在北京時間21點至次日9點之間欺抗,這意味著用戶會有頻繁的日期切換操作需求。因此最終采用日歷滑動或點擊的切換交互方式强重。
縱向篩選:精選賽程绞呈、中國賽程宣傳、決賽间景、各項目賽程
奧運會氛圍下佃声,一般用戶最關(guān)心的都是與中國相關(guān)的重要賽事,基于此倘要,中國賽程和決賽賽程也會是用戶頻繁使用的篩選操作圾亏。但僅以篩選的形式區(qū)分中國賽程和決賽還不夠直接和強化,所以增加精選賽程模塊作為補充封拧,在每天的賽程列表前增加一個單獨模塊志鹃,把當(dāng)天的重要賽程人工挑選出來,輔助用戶從上百條賽程信息中快速找到最關(guān)心的賽程泽西。除此之外曹铃,相關(guān)中國或決賽的賽程單條前增加了標(biāo)簽,使之更加醒目捧杉。
2.獎牌榜
獎牌榜在產(chǎn)品功能上考慮的非常全面陕见,所以對設(shè)計來說,重點不是把功能全部平鋪在用戶面前讓用戶選擇味抖,而是首先抽出最核心的功能评甜,為用戶設(shè)計一條查看獎牌信息的任務(wù)主線,并在用戶完成這條主線的路徑上仔涩,把更多擴展功能提供給用戶蜕着。
舉個例,如圖红柱,雖然頁面的主導(dǎo)航直接區(qū)分了獎牌榜承匣、中國榜、項目榜锤悄、個人榜韧骗,但設(shè)計的任務(wù)主線中,用戶進入獎牌榜后零聚,如果想看中國榜袍暴,主要路徑是通過榜單列表中高亮的中國獎牌單條信息些侍,點擊之后自動切換至中國榜。進入中國榜后政模,如果想查看各項目的獎牌情況岗宣,主路徑不是頂部導(dǎo)航,而是直接點擊列表中的項目淋样,切換到項目榜耗式。
整個奧運項目交互設(shè)計所承擔(dān)的任務(wù)包括初步的功能架構(gòu)設(shè)定,前期競品分析趁猴,以及具體方案的設(shè)計及不斷評估和優(yōu)化刊咳。過程中,受到實際開發(fā)成本和銷售需求的影響儡司,交互上多少做了一些妥協(xié)娱挨,這也是在大型活動類需求的設(shè)計中經(jīng)常會出現(xiàn)的情況〔度可用性測試也是設(shè)計過程中非常重要的環(huán)節(jié)跷坝,因為奧運專題的功能結(jié)構(gòu)比較復(fù)雜,且會影響用戶正常使用網(wǎng)易新聞的日常路徑習(xí)慣碉碉,因此探孝,可用性測試能讓我們對用戶反饋有所預(yù)估,且能準(zhǔn)確的感知用戶對待奧運信息時的行為偏向誉裆。
關(guān)于奧運的設(shè)計還有一些細(xì)節(jié)在本文中就不一一分析了,大家有興趣可以在網(wǎng)易新聞客戶端內(nèi)實際體驗一番缸濒,有任何問題和建議隨時反饋足丢,希望網(wǎng)易新聞陪你經(jīng)歷精彩的17天。
【中國庇配!加油斩跌!】