這是大多數(shù)品牌或公司每三到五年就會(huì)考慮做的事情:重新設(shè)計(jì)網(wǎng)站。
技術(shù)的速度在不斷變化,設(shè)計(jì)趨勢(shì)在不斷發(fā)展,整體視覺和功能要求使定期重新規(guī)劃你的網(wǎng)站設(shè)計(jì)成為一件需要提前規(guī)劃的重要內(nèi)容。這是一個(gè)大工程,但只要規(guī)劃得當(dāng),它就能順利進(jìn)行。
在這里,我們向您展示網(wǎng)站重新設(shè)計(jì)時(shí)要考慮的 10 個(gè)關(guān)鍵考慮因素。
你可以將此列表作為你的參考清單來幫助你啟動(dòng)項(xiàng)目。
1. 從品牌開始(Begin with Branding)
網(wǎng)站進(jìn)行重新設(shè)計(jì)的第一步始終要圍繞著品牌。
自上次網(wǎng)站發(fā)布以來,你的品牌有什么新的變化嗎?這包括視覺元素以及品牌主題等。
如果你的公司對(duì)品牌進(jìn)行了更新,那么在網(wǎng)站上反映這一點(diǎn)很重要。如果你的公司正在計(jì)劃進(jìn)行品牌改造,那么在開始網(wǎng)站重新設(shè)計(jì)過程之前完成這項(xiàng)工作同樣重要。對(duì)品牌的任何更改都會(huì)對(duì) Web 項(xiàng)目的結(jié)果產(chǎn)生重大影響。
要考慮的品牌考慮因素包括:
· Logo
· VI顏色
· 字體選擇
· 主題和情感基調(diào)
· 圖片或視頻風(fēng)格
· 關(guān)鍵字或語言
· 使命和價(jià)值觀
2. 進(jìn)行網(wǎng)站審核(Conduct a Website Audit)
當(dāng)前的網(wǎng)站運(yùn)行良好嗎?缺少什么?業(yè)務(wù)中是否有未正確展示的新元素?
網(wǎng)站審核將幫助你評(píng)估當(dāng)前網(wǎng)站的各個(gè)方面,并確定你在下一次迭代中不遺漏可能需要的需求。
設(shè)計(jì)審核時(shí)應(yīng)牢記兩點(diǎn):
· 評(píng)估所有內(nèi)容和組織
· 評(píng)估所有功能和易用性
3. 為網(wǎng)站創(chuàng)建 SMART 目標(biāo)(Create SMART Goals for Your Website)
網(wǎng)站重新設(shè)計(jì)應(yīng)該以幫助你以可衡量和可實(shí)現(xiàn)的方式實(shí)現(xiàn)業(yè)務(wù)目標(biāo)的目的。這就是 SMART 目標(biāo)的用武之地。
就像你可以將 SMART 目標(biāo)用于其他業(yè)務(wù)方面一樣,為網(wǎng)站創(chuàng)建類似的目標(biāo)。
SMART 目標(biāo)是具體的(Specific)、可衡量的(Measurable)、可實(shí)現(xiàn)的(Attainable)、現(xiàn)實(shí)的(Realistic)和及時(shí)的(Timely)。
4. 規(guī)劃站點(diǎn)地圖(Plan a Sitemap)
一旦你清楚地了解了你希望網(wǎng)站可以幫助你完成的目標(biāo)或你想達(dá)到什么目標(biāo),就該開始規(guī)劃站點(diǎn)地圖了。
根據(jù)網(wǎng)站的大小和規(guī)模,你可能會(huì)需要幾個(gè)都有效的站點(diǎn)地圖,它們以不同的方式分解信息。
站點(diǎn)映射過程通常從創(chuàng)建一個(gè)簡(jiǎn)單的可視站點(diǎn)地圖開始——通常以流程圖的形式——概述導(dǎo)航和底部頁腳導(dǎo)航中的所有元素。這對(duì)于網(wǎng)站設(shè)計(jì)中的PC端和移動(dòng)端都應(yīng)該要保持基本一致。
根據(jù)網(wǎng)站的大小,該過程的第二部分是分類整理和羅列你將在網(wǎng)站上進(jìn)行展示的每個(gè)頁面以及統(tǒng)一的內(nèi)容。如果你有一個(gè)大型網(wǎng)站,那么這個(gè)詳細(xì)的站點(diǎn)地圖最終可能會(huì)成為一個(gè)龐大的文檔,但會(huì)在你從一種設(shè)計(jì)轉(zhuǎn)移到另一種設(shè)計(jì)時(shí)幫助你有效的進(jìn)行組織和管理內(nèi)容。
在進(jìn)行網(wǎng)站審核時(shí),你應(yīng)該已經(jīng)在考慮如何重新組織內(nèi)容了,甚至可以開始為網(wǎng)站建立基礎(chǔ)的索引路徑。
5. 繪制用戶路徑和號(hào)召性用語(Plot User Paths and Calls to Action)
大綱完成后,你可以開始在網(wǎng)站內(nèi)設(shè)計(jì)路徑,以幫助用戶根據(jù)你的 SMART 目標(biāo)導(dǎo)航并采取行動(dòng)。
每個(gè)頁面都應(yīng)該引導(dǎo)用戶進(jìn)入下一步,直到完成目標(biāo)。頁面不應(yīng)該是死胡同,所以需要具體可操作的元素。
除了用戶路徑之外,這里也是考慮號(hào)召性用語的地方。你可能會(huì)希望用戶完成一些不同的操作(注冊(cè)、購(gòu)買、觀看視頻或關(guān)注社交媒體等)。這些號(hào)召性用語應(yīng)該在整個(gè)設(shè)計(jì)中都很突出,并且易于區(qū)分和交互。
6. 注意導(dǎo)航(Take Care with Navigation)
現(xiàn)在你已經(jīng)規(guī)劃了站點(diǎn)地圖和用戶路徑,是時(shí)候構(gòu)建導(dǎo)航結(jié)構(gòu)和菜單了。
你可能有一個(gè)反映早期站點(diǎn)地圖的導(dǎo)航結(jié)構(gòu)。
但是你可能有幾個(gè)不同的導(dǎo)航菜單,它們基于頁面內(nèi)容或用戶路徑顯示。后者在大型的網(wǎng)頁設(shè)計(jì)或電子商務(wù)類網(wǎng)站中更為常見。
7. 創(chuàng)建新內(nèi)容(Create New Content)
在審核你的網(wǎng)站和創(chuàng)建新導(dǎo)航的過程中,你可能會(huì)發(fā)現(xiàn)一些內(nèi)容在之前沒有考慮到或者遺漏了,這幾乎在每次網(wǎng)站設(shè)計(jì)迭代過程中都會(huì)出現(xiàn)。
你需要盡早開始制定創(chuàng)建新網(wǎng)站內(nèi)容的計(jì)劃,以便設(shè)計(jì)團(tuán)隊(duì)掌握它。
新的內(nèi)容元素可能包括:
· 頁面或博客文章
· 相片
· 視頻
· 插圖
· 信息圖表或地圖
· 選購(gòu)商品
· 可下載的文檔或報(bào)告
· 登陸頁面或 SEO 內(nèi)容
8. 考慮搜索和社交(Think About Search and Social)
考慮搜索和社交媒體永遠(yuǎn)不會(huì)太早。這些元素是使你的網(wǎng)站在發(fā)布后依然能夠跟你的用戶進(jìn)行互動(dòng)和聯(lián)系的關(guān)鍵部分。
人們需要能夠方便的查找和共享內(nèi)容。
如果你不精通搜索引擎優(yōu)化或關(guān)鍵字使用,請(qǐng)找人幫忙。它是任何網(wǎng)站項(xiàng)目的重要組成部分。
然后考慮你的受眾最喜歡哪些社交媒體渠道,并制定一個(gè)可以輕松共享內(nèi)容的計(jì)劃。這可能包括共享鏈接或簡(jiǎn)單地調(diào)整照片或視頻內(nèi)容的大小,以便在你的團(tuán)隊(duì)將鏈接發(fā)布到社交媒體時(shí)完美顯示。
9. 考慮可訪問性(Consider Accessibility)
網(wǎng)站可訪問性是大多數(shù)公司日益關(guān)注的領(lǐng)域。無論功能、設(shè)備或位置如何,設(shè)計(jì)都應(yīng)該易于所有用戶使用和理解。
這是一個(gè)很大的話題,有很多可用的最佳實(shí)踐和指導(dǎo)。目前沒有完美的解決方案或規(guī)則,但有一些事情需要提前考慮,比如關(guān)于你的主要受眾以及他們?nèi)绾问褂镁W(wǎng)站。
可訪問性問題會(huì)影響設(shè)計(jì)(顏色、對(duì)比度、字體大?。┮约皟?nèi)容的技術(shù)元素(alt 標(biāo)簽、元數(shù)據(jù)以及使用屏幕閱讀器等)。
10. 制定時(shí)間表并開始工作(Develop a Timeline and Start Working)
現(xiàn)在來看看有趣的部分,制定一個(gè)時(shí)間表并開始設(shè)計(jì)!
如果你預(yù)先做了大量的前期工作,它將為設(shè)計(jì)設(shè)定規(guī)則,使你的項(xiàng)目運(yùn)行更順暢,對(duì)完成時(shí)間有現(xiàn)實(shí)的期望,并與目標(biāo)保持一致。
總結(jié)
對(duì)于大多數(shù)品牌來說,網(wǎng)站重新設(shè)計(jì)將按照一個(gè)相當(dāng)固定的時(shí)間表進(jìn)行。從全面大修到設(shè)計(jì)或功能調(diào)整,重要的是要保持技術(shù)上的更新,這樣你的網(wǎng)站才能以用戶期望的方式運(yùn)行。
希望今天的內(nèi)容可以幫助你在你的下一次網(wǎng)站設(shè)計(jì)迭代工作中更好、更有效率的完成項(xiàng)目。
----圖文來自:design shack
----由深圳網(wǎng)站建設(shè)公司-Clh翻譯編輯整理,為您提供更多有關(guān)深圳網(wǎng)站建設(shè)、網(wǎng)站設(shè)計(jì)、網(wǎng)頁設(shè)計(jì)及其他互聯(lián)網(wǎng)應(yīng)用服務(wù)