如果要架設一個新網站或重新設計你既有的網站,這裡有一些基本的設計方法來增加互動(engagement) 與可用性(usability)
1. 保持簡單
不管是你的主頁面、網站導覽或內容,不要讓你的訪客很難找到他們想要看到的內容,如果你要訪客按下按鈕或填下表格,別讓他們捲動頁面才找得到,利用你的網站導覽讓他們容易發現。
如果你心中有一個明確的目標,當訪客到達你的網站時,甚至可以邀請他們做一些事,反正一切就是簡單!
2. 保持簡潔
簡短的內容更容易閱讀,也可以讓你的重點更快被了解,懂嗎?
3. 標題排序
使用一致性的標題排序,在HTML裡,像是H1、H2、H3等,這些標題可以看出你的內容架構,讀者就可以了解你的內容是如何組織,而當你在選擇字型大小與粗細時,想想這個架構,H3 才不會看起來比 H2 突出。
4. 空白區域是你的好朋友
在內文段落間保留一些空隙,然後在你的網頁側邊預留邊界,讓內容不會太寬以致於閱讀困難,並在照片附近留些空間,這些方法讓訪客視覺上可以更容易辨認和瀏覽你的內容。
5. 提到顏色…
限制顏色的使用,你的訪客會感謝你的,選擇一個主要的顏色當你設計的基底,然後對於重要的按鈕和其他介面元素,選用對比鮮明的顏色,使用像Adobe Color 的工具找出合適的顏色組合。
6. 讓訪客容易停留
有時訪客到達你的主頁,搜尋結果和其他連結會將他們帶到你的網站上的其他頁面,記得在你的內容放入連結,還有推薦他們繼續瀏覽其他頁面內容,這樣可以讓讀者在你的網站待久一點,閱讀更多內容。
7. 讓訪客容易分享
雖然內容推薦可以讓你現有的訪客停留久一點,但分享可以讓新的訪客來到你的網站,想想如何讓資源分享工具與你的新設計結合,它們可以出現在你的網頁側邊(還記得你事先保留的邊界嗎?),也可以出現在內容裡面、文章開頭或結尾,點擊這裡查看更多實戰方法的建議。
8. 讓訪客容易追蹤
不要忘了邀請訪客追蹤你的Facebook、Twitter 和其他社群網絡,這可以幫助訪客回流,也是讓你知道誰是最忠實且有價值的粉絲。
還有很多線上資源可以幫助你的網站設計,去參觀你喜歡的網站,想想他們的網站是如何設計讓你更容易使用,並在你自己的網站實驗這些想法。
我們很樂意聽到你的設計效果如何,以及你如何發揮創意使用AddThis 的工具,祝好運!