來源:本站日期:2017-6-17
網站更新迭代重新設計恐怕是許多網站必經的環節,如何做好網頁重設計也是許多設計師和產品人需要考量的事情。
1、訪談
我對我們的決策團隊的每一個成員進行了一對一的面談,借此明確他們心中的Shopify Plus 到底是什么。為了接近真實,每次訪談我都會作筆記并且錄音,隨后繁復回放,仔細研究。
訪談之后,通常能從中獲取靈感——從那里能了解關于產品的各種細節。這樣一來,無論是產品未來的愿景、目標、品牌指南、項目原則還是網站文案,都比較容易確認。
2、項目簡介
在真正開始深入開發之前,我們需要寫一份項目簡介,確保每個參與者的信息和進度保持一致。我們會根據項目的實際情況,隨時對簡介內容進行調整和修改,實時更新。
3、競品分析
我們還需要仔細審視我們的對手。為此我們列出了競爭對手的列表,并開始了解在電子商務領域以外我們的產品如何服務于目標客戶的。
我們會對比我們和對手之間的優勢、劣勢,我們碰到的機遇,獨有的特色,以及需要規避的問題。
4、信息架構
合理可靠的信息架構能夠有效地將內容組織起來,讓信息更容易被用戶獲取并理解。在進行網頁設計的時候,用結構化的示意圖來呈現整個網站各屏之間的關系,能夠使你從更高的層面上來把握整個網站。
于是,我先用結構示意圖畫出老版本網站的各屏關系。在更新升級之前,我充分屏幕了其中的內容、目標和流量分布,并提出了建議。
5、線框圖
在重設計過程中,我會使用線框圖來勾勒整體,幫我思考問題,打通思路。有人喜歡在將想法涂鴉在餐巾紙之上,有人喜歡面對面分享想法,還有人喜歡將想法落實于草稿在線分享。
線框圖的好處在于,你可以快速、便捷地填充不同的內容。僅落實于文檔的思路不夠具象,粗略的草稿不夠規整,線框圖能較好規避這些問題,不同類型的內容整齊地排列在一起,你可以清晰掌控布局,模塊與模塊之間的關系。
6、視覺稿和原型
很多人并不在意印在紙上的線框圖和視覺稿。的確,直接在屏幕上看看還挺不錯,但是直接查看落實于紙面上的線框圖、視覺稿和原型效果更好。