隨著時(shí)代的更新,網(wǎng)頁(yè)設(shè)計(jì)也會(huì)“過(guò)時(shí)”。陳舊的網(wǎng)頁(yè)不能滿足企業(yè)新的業(yè)務(wù)要求,所以網(wǎng)站重新設(shè)計(jì)是不可避免的環(huán)節(jié),如何做好網(wǎng)頁(yè)重設(shè)計(jì)也是許多設(shè)計(jì)師和產(chǎn)品人需要考量的事情。本文就來(lái)談?wù)?a >深圳網(wǎng)站制做行業(yè)中,電商網(wǎng)站的重新設(shè)計(jì)問(wèn)題。
不同的公司和不同的團(tuán)隊(duì),對(duì)于重設(shè)計(jì)有著不同的需求和考量,自然也就有著不同的流程。我們并未遵循某種特定流程,但是在迭代過(guò)程中,我們做好了下面7件環(huán)節(jié),最終得到了我們想要的結(jié)果。
1、與客戶溝通
訪談之后,通常能從中獲取靈感——從那里能了解關(guān)于產(chǎn)品的各種細(xì)節(jié)。這樣一來(lái),無(wú)論是產(chǎn)品未來(lái)的愿景、目標(biāo)、品牌指南、項(xiàng)目原則還是網(wǎng)站文案,都比較容易確認(rèn)。作為一個(gè)網(wǎng)站而言,更好的傳達(dá)信息,才能真正讓用戶感到驚喜。
2、項(xiàng)目簡(jiǎn)介
在真正開(kāi)始深入開(kāi)發(fā)之前,我們需要寫(xiě)一份項(xiàng)目簡(jiǎn)介,確保每個(gè)參與者的信息和進(jìn)度保持一致。我們會(huì)根據(jù)項(xiàng)目的實(shí)際情況,隨時(shí)對(duì)簡(jiǎn)介內(nèi)容進(jìn)行調(diào)整和修改,實(shí)時(shí)更新。
通常,項(xiàng)目簡(jiǎn)介會(huì)回答以下問(wèn)題:
·我們正在試圖達(dá)到什么目的?
·我們?nèi)绾未_認(rèn)這個(gè)項(xiàng)目是成功的?
·我們需要做什么事情?
·為什么需要這樣做?
·哪些事情是非做不可的?
·我們?yōu)檎l(shuí)在做這些事情?
·他們?nèi)绾瘟私膺@些事情?
·項(xiàng)目團(tuán)隊(duì)中包含哪些人?
·我們的最后期限是什么時(shí)候?
3、競(jìng)品分析
我們還需要仔細(xì)審視我們的對(duì)手。為此我們列出了競(jìng)爭(zhēng)對(duì)手的列表,并開(kāi)始了解在
電子商務(wù)領(lǐng)域以外我們的產(chǎn)品如何服務(wù)于目標(biāo)客戶的。我們會(huì)對(duì)比我們和對(duì)手之間的優(yōu)勢(shì)、劣勢(shì),我們碰到的機(jī)遇,獨(dú)有的特色,以及需要規(guī)避的問(wèn)題。
4、信息架構(gòu)
合理可靠的信息架構(gòu)能夠有效地將內(nèi)容組織起來(lái),讓信息更容易被用戶獲取并理解。在進(jìn)行網(wǎng)頁(yè)設(shè)計(jì)的時(shí)候,用結(jié)構(gòu)化的示意圖來(lái)呈現(xiàn)整個(gè)網(wǎng)站各屏之間的關(guān)系,能夠使你從更高的層面上來(lái)把握整個(gè)網(wǎng)站。
于是,我先用結(jié)構(gòu)示意圖畫(huà)出老版本網(wǎng)站的各屏關(guān)系。在更新升級(jí)之前,我充分屏幕了其中的內(nèi)容、目標(biāo)和流量分布,并提出了建議。結(jié)構(gòu)示意圖幫助我們界定項(xiàng)目實(shí)施的范疇,就像一份詳盡的核對(duì)清單,讓我們?cè)诮M織內(nèi)容、設(shè)計(jì)界面、編寫(xiě)代碼的時(shí)候更為清晰明了。
5、線框圖
在重設(shè)計(jì)過(guò)程中,我會(huì)使用線框圖來(lái)勾勒整體,幫我思考問(wèn)題,打通思路。有人喜歡在將想法涂鴉在餐巾紙之上,有人喜歡面對(duì)面分享想法,還有人喜歡將想法落實(shí)于草稿在線分享。
線框圖的好處在于,你可以快速、便捷地填充不同的內(nèi)容。僅落實(shí)于文檔的思路不夠具象,粗略的草稿不夠規(guī)整,線框圖能較好規(guī)避這些問(wèn)題,不同類(lèi)型的內(nèi)容整齊地排列在一起,你可以清晰掌控布局,模塊與模塊之間的關(guān)系。
6、啟發(fā)板
我們會(huì)在啟發(fā)版(Inspiration board)上展現(xiàn)新品牌的視覺(jué)設(shè)計(jì),展現(xiàn)它可能的樣子,這也是我從團(tuán)隊(duì)獲取支持的一種方式。
同時(shí)我們還會(huì)使用Pinterest,為了防止我們?cè)趩蝹€(gè)畫(huà)板中泥足深陷,我們創(chuàng)造了多個(gè)畫(huà)板,為導(dǎo)航、動(dòng)效、排版等不同領(lǐng)域,有針對(duì)性地搜集案例,獲取靈感。
當(dāng)我有想法的時(shí)候,會(huì)在AI中進(jìn)行勾勒,它們通常都是文字、圖像和色彩的結(jié)合體,看起來(lái)形同廣告。隨后,相同相近的設(shè)計(jì)元素會(huì)出現(xiàn)在我們的草稿中,不過(guò)其中各元素的位置和外觀,會(huì)有所不同,并且有許多不同的版本。
7、視覺(jué)稿和原型
很多人并不在意印在紙上的線框圖和視覺(jué)稿。的確,直接在屏幕上看看還挺不錯(cuò),但是直接查看落實(shí)于紙面上的線框圖、視覺(jué)稿和原型效果更好。
另外,我在線框圖繪制階段就開(kāi)始制作可交互的視覺(jué)稿,并且拿這些東西同客戶進(jìn)行溝通交流,一直到它們最終被落實(shí)為代碼和實(shí)際的從程序。
網(wǎng)頁(yè)標(biāo)題:重新設(shè)計(jì)網(wǎng)站需要經(jīng)過(guò)哪些環(huán)節(jié)?
路徑分享:http://muchs.cn/news/33032.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站內(nèi)鏈、動(dòng)態(tài)網(wǎng)站、品牌網(wǎng)站制作、標(biāo)簽優(yōu)化、服務(wù)器托管、營(yíng)銷(xiāo)型網(wǎng)站建設(shè)
廣告
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源:
創(chuàng)新互聯(lián)