當(dāng)前位置: 首頁(yè) > 常見(jiàn)問(wèn)題
編者按:網(wǎng)站更新的迭代設(shè)計(jì)可能是許多網(wǎng)站的必要部分。如何做好網(wǎng)頁(yè)的重新設(shè)計(jì)也是許多設(shè)計(jì)師和產(chǎn)品所有者需要考慮的問(wèn)題。今天的文章是著名的電子商務(wù)平臺(tái)Shopify,針對(duì)其企業(yè)服務(wù)平臺(tái)Shopify Plus的重新設(shè)計(jì)的一些經(jīng)驗(yàn)總結(jié),希望給大家一些啟發(fā)。
SualTielPlus是SoutType的企業(yè)電子商務(wù)平臺(tái)。自從年月發(fā)布以來(lái),只有一次更新迭代,在這種情況下,我建議重新設(shè)計(jì)站點(diǎn)。
在一年的時(shí)間里,我們對(duì)客戶有了更深入的了解,并且清楚地了解到舊的品牌和設(shè)計(jì)已經(jīng)不再適合現(xiàn)在的情況。
不同的公司和不同的團(tuán)隊(duì)對(duì)于重新設(shè)計(jì)有不同的要求和考慮,當(dāng)然也有不同的過(guò)程。我們沒(méi)有遵循特定的過(guò)程,但是在迭代過(guò)程中,我們執(zhí)行了下列七個(gè)步驟,更終得到了我們想要的結(jié)果。
我與我們的決策團(tuán)隊(duì)的每個(gè)成員進(jìn)行了一對(duì)一的面試,以澄清他們腦海中閃爍著什么。為了接近事實(shí),我記下筆記,在每次面試中記錄下來(lái),然后播放并仔細(xì)研究。
面試結(jié)束后,你通??梢缘玫届`感,從中你可以了解到產(chǎn)品的所有細(xì)節(jié)。這使得識(shí)別產(chǎn)品的未來(lái)愿景、目標(biāo)、品牌指南、項(xiàng)目原則和網(wǎng)絡(luò)文案變得更加容易。作為一個(gè)網(wǎng)站,更好的交流可以真正地令人驚訝的使用。RS
我們需要寫一個(gè)項(xiàng)目簡(jiǎn)介,以確保每個(gè)參與者的信息和進(jìn)展是一致的,在我們真正開(kāi)始深入開(kāi)發(fā)之前。我們將根據(jù)項(xiàng)目的實(shí)際情況,隨時(shí)調(diào)整和修改介紹的內(nèi)容,并實(shí)時(shí)更新。
我們需要更仔細(xì)地看看我們的對(duì)手。為了做到這一點(diǎn),我們有一個(gè)競(jìng)爭(zhēng)對(duì)手的名單,并且開(kāi)始理解我們的產(chǎn)品如何服務(wù)于電子商務(wù)領(lǐng)域之外的目標(biāo)客戶。
我們將自己的優(yōu)勢(shì)和劣勢(shì)與對(duì)手、我們遇到的機(jī)會(huì)、我們擁有的獨(dú)特特征以及我們需要避免的問(wèn)題進(jìn)行比較。
合理可靠的信息架構(gòu)可以有效地組織內(nèi)容,使得信息可以很容易地被用戶訪問(wèn)和理解。在網(wǎng)頁(yè)設(shè)計(jì)中,使用結(jié)構(gòu)化圖表來(lái)呈現(xiàn)整個(gè)網(wǎng)站的各個(gè)屏幕之間的關(guān)系,可以把握整個(gè)。站點(diǎn)從更高的層次。
因此,我首先使用該結(jié)構(gòu)來(lái)顯示舊版本網(wǎng)站的屏幕關(guān)系。在更新之前,我全面篩選了內(nèi)容、目標(biāo)和流量分布,并提出了建議。當(dāng)組織內(nèi)容、設(shè)計(jì)接口和編寫代碼時(shí),它會(huì)更清晰。
在重新設(shè)計(jì)過(guò)程中,我會(huì)用線框來(lái)勾勒出整體,幫助我思考問(wèn)題,并貫穿整個(gè)思路。有些人喜歡在餐巾紙上寫點(diǎn)子,有些人喜歡面對(duì)面分享點(diǎn)子,有些人喜歡在網(wǎng)上分享草稿。
wireframe的優(yōu)點(diǎn)在于可以快速方便地填充不同的內(nèi)容。僅僅實(shí)現(xiàn)文檔的想法不夠具體,草稿不夠規(guī)則,wireframe可以更好地避免這些問(wèn)題,不同類型的內(nèi)容被整齊地排列在一起。您可以清楚地控制布局、模塊和模塊之間的關(guān)系。
我們將在靈感板上展示這個(gè)新品牌的視覺(jué)設(shè)計(jì),并展示它的外觀,這是我獲得團(tuán)隊(duì)支持的一種方式。
同時(shí),我們也使用Pinterest,為了防止卡在單個(gè)板上,我們創(chuàng)建了一些板,用于導(dǎo)航、動(dòng)態(tài)、排版等不同領(lǐng)域,有針對(duì)性的收集案例,以供啟發(fā)。
當(dāng)我有想法的時(shí)候,我在AI素描。它們通常是文字、圖像和顏色的組合,看起來(lái)像廣告。隨后,相似的設(shè)計(jì)元素會(huì)出現(xiàn)在我們的草稿中,但是每個(gè)元素的位置和外觀是不同的,并且有許多不同的版本。
許多人并不關(guān)心紙上印刷的線框和視覺(jué)腳本。當(dāng)然,直接看屏幕很好,但是更好直接看紙上的線框、視覺(jué)草圖和原型。
此外,我開(kāi)始在線框繪制階段制作交互式可視草圖(原型),并在這些東西上與客戶機(jī)通信,直到它們更終被實(shí)現(xiàn)為代碼和實(shí)際的從屬。
雖然許多設(shè)計(jì)院傾向于嚴(yán)格遵循過(guò)程,但我們通常將上述七個(gè)步驟結(jié)合在一起。使用真正適合您實(shí)際工作的過(guò)程是成功設(shè)計(jì)的核心。
免責(zé)聲明:本網(wǎng)站內(nèi)容來(lái)源網(wǎng)絡(luò),轉(zhuǎn)載是出于傳遞更多信息之目的,并不意味贊成其觀點(diǎn)或證實(shí)其內(nèi)容真實(shí)性。轉(zhuǎn)載稿涉及版權(quán)等問(wèn)題,請(qǐng)立即聯(lián)系網(wǎng)站編輯,我們會(huì)予以更改或刪除相關(guān)文章,保證您的權(quán)利。
作者:徐州百都網(wǎng)絡(luò) | 來(lái)源: | 發(fā)布于:2022-03-26 01:16:59