發布時間: 2017-11-03 09:43:22
?有時候,最好的信息展現方式就是無序列表。無序列表能吸引注意、便于瀏覽、簡化文本,并且表達出項目之間的關系。
網站不是一個適合長篇大論的地方。相比之下,用戶更喜歡文案以某種易于瀏覽的形式組織起來,能輕松跳過大段文字,直達自己感興趣的部分。
可以對比下面這兩個版本。你會發現第2個版本中的內容更易閱讀。這是因為它以縱向列表的形式展現。相比第1個版本中,用戶只能在結構不太清晰的段落中尋找。
版本1
我們的Spa度假套餐包含了2晚住宿,2次50分鐘的任選spa項目,1頓兩人份的上門早餐,到達時還有禮品籃相贈。
版本2
我們的Spa度假套餐包含:
● 2晚住宿
● 2次50分鐘的任選spa項目
● 1頓兩人份的上門早餐
● 到達時贈送禮品籃
不必擔心版本2占了更大的縱向版面。如果用戶對內容感興趣,隨著視線的下移,用戶完全不介意往下滾動。事實上,相比那些用長篇大論嚇退用戶的網站,恰當地使用了無序列表的網站,會更加親切易懂,用戶也會更有動力向下滾動。
使用無序列表的7條建議
1. 每一項的長度要比較接近無序列表在展示相關內容時會達到最佳效果。其中的每一項都應該有同等的重要性??赡艿脑?,讓每一項的長度保持接近,就不會有明顯的主次之分。保持統一的外觀能讓眼睛更舒適,使列表顯得不那么雜亂。
錯誤用法
請帶上以下物品參加露營:
● 睡袋
● 去瀑布徒步旅行時要用到的洗浴套件
● 防曬霜
● 防水夾克應對可能的雨天。我們可能會遇到強烈的暴風雨長度上的差異,使得列表項顯得雜亂、不統一。
建議用法
請帶上以下物品參加露營:
● 睡袋
● 洗浴套件
● 防曬霜
● 防水夾克
2. 除非順序很重要,否則不要使用有序列表有序列表的使用場合,通常是列表項必須按照某個特定順序排列,例如程序步驟?;蛘邤盗亢苤匾獣r才能使用,比如前十名的榜單。
如果列表項的順序和數量不重要,那就不需要數字序號。這么做會使人困惑:我們在用戶研究中發現,人們會錯誤地認為他們必須完成有序列表中的每一項,但其實他們只需要選擇其中一項即可。
錯誤用法
請通過下列任何一種方式聯系我們:
1.在線聯系登記表
2.在線聊天
3.致電
4.親自上門
這些數字序號,讓列表項顯得好像是要按照順序步驟來執行,而不是幾個獨立選項。
建議用法
請通過下列任何一種方式聯系我們:
● 在線聯系登記表
● 在線聊天
● 致電
● 親自上門
3. 在列表項中使用相似的句子結構每一項都要有統一的措辭風格。多變的措辭影響句子通順,會阻礙用戶閱讀。
用相同的方式組織每一項。確保無序列表的每一項以相同的語法元素開頭(例如名詞、動詞),要么都是詞組,要么都是完整的句子。
錯誤用法
在公園中請遵守以下規則:
● 將垃圾投入指定的垃圾桶。
● 巨大噪音會嚇壞動物。
● 應該站在黃色的標記線區域。
● 保持公園干凈,人人有責。
在這個例子中,4條語句都以不同的詞語開頭。
建議用法
在公園中請遵守以下規則:
● 將垃圾投入指定的垃圾桶。
● 不要發出巨大噪音。
● 站在黃線區域內。
● 盡量保持公園清潔。
第二個列表的閱讀更順暢,因為每個短語的開頭都用了同一類詞語——本例中是動詞。
4. 避免在每一項開頭重復相同的詞語如果可以的話,請省略“一個”、“是”、“這個”這樣的詞語,去掉每一項開頭的重復詞語。每個列表項開頭的詞語有所區分,能讓列表更加容易分辨。
錯誤用法
如何挑選菠蘿:
● 用聞的。它聞起來要甜。
● 用按的。它應該按下去結實但柔軟。
● 用看的。它最好是金黃色。
建議用法
如何挑選菠蘿:
● 聞。它聞起來要甜。
● 按。按下去應該結實但柔軟。
● 看。最好是金黃色。
5. 使用清晰的、描述性的句子和詞語來說明列表引語很重要,因為它讓用戶知道列表的內容是什么,為什么重要。引語不必是完整的句子,也可以和列表的每一項組合成完整有意義的句子。
錯誤用法
不列顛哥倫比亞省的假期:
● 徒步旅行
● 藝術博物館
● 在湖上劃獨木舟
引語(不列顛哥倫比亞的假期)沒有充分描述列表。而且,列表中包含了假期要完成的事項,但藝術博物館并不是一個動作。
建議用法
我們在不列顛哥倫比亞省的假期行程包括:
● 上山徒步旅行
● 參觀藝術博物館
● 在湖上劃獨木舟
6. 保持格式一致關于大小寫和標點有一些基本準則:
● 如果列表項是句子,那么每一項的首字母就要大寫,并且以句號結尾。
● 如果列表項是詞組,不需要任何標點結尾,也不是一定要首字母大寫。但是我們還是建議首字母大寫,這樣更易于瀏覽。
錯誤用法
如果發現霸凌行為:
● 支持受害者
● 將事情告知成年人
● 鼓勵受害者向成年人反映
● 通過表示關心來提供幫助
這些句子沒有首字母大寫【譯者注:當然中文沒這個問題】,而且結尾沒有標點。
建議用法
如果發現霸凌行為:
● 支持受害者。
● 將事情告知成年人。
● 鼓勵受害者向成年人反映。
● 通過表示關心來提供幫助。
錯誤用法
你可以通過____來保護環境:
● 回收紙張和塑料產品。
● 少用一次性物品。
● 捐贈舊衣服和閑置物品。
● 騎車與步行替代開車。
列表項是詞組,因此不需要標點符號結尾。
建議用法
你可以通過____來保護環境:
● 可回收紙張和塑料產品
● 少用一次性物品
● 捐贈舊衣服和閑置物品
● 騎車與步行替代開車
7. 不要濫用無序列表,會導致它們喪失效果就像所有的視覺設計技巧一樣,過度使用都是有害的。如果看到滿是小圓點和縮進的頁面,你會嚇傻的。明智地選擇需要強調的內容。
在有3項或更多重要信息時,縱向列表是最好的展示方式。如果項目更少,那就殺雞用牛刀了,直接放在句子中通常效果更好。
避免嵌套使用列表,這樣就很難理解了。如果一定要表現多層級的列表,每一級都要用不同樣式的小圓點。注意這些只是一般規范。但是每個公司或組織可能會采用不同的格式。如果你的公司在遵循某套風格指南,你應該先了解指南,然后才決定是否遵循以上規范。文案撰寫有一個重要的方面,就是在整個文檔和網頁中保持內容統一格式。結論縱向列表吸引視線,能使列表每一項各自獨立。因此,它比行內的列表更有效,能讓人更有效地瀏覽、參考和理解關鍵要點。
上一篇: {H5}混合開發之ionic組件上拉菜單
下一篇: {Javascript}實現紅綠燈倒計時