亞馬遜(Amazon.com)無(wú)疑是數(shù)字化商業(yè)轉(zhuǎn)型中最重要的力量。據(jù)估計(jì),44%的在線銷售額是在亞馬遜上完成的,超過(guò)三分之一的美國(guó)人是亞馬遜的 Prime 會(huì)員。該公司去年的收入達(dá)到 56 億美元。95% 現(xiàn)有的 Prime 會(huì)員表示,他們“肯定”或“很可能”再次續(xù)訂會(huì)員服務(wù)。然而,很少有人認(rèn)為“設(shè)計(jì)”對(duì)公司的成功起到了作用。如果你讀過(guò)亞馬遜著名的領(lǐng)導(dǎo)力原則,你會(huì)發(fā)現(xiàn)只有兩種:“顧客至上(Customer Obsession)”和“創(chuàng)造與簡(jiǎn)化(Invent and Simplify)”,它們與設(shè)計(jì)開(kāi)發(fā)產(chǎn)品和服務(wù)的方式相關(guān),根本沒(méi)有明確地談?wù)撛O(shè)計(jì)。
從美學(xué)的角度來(lái)看,簡(jiǎn)單(simple)和美觀(beautiful)是我們期望優(yōu)秀的設(shè)計(jì)要體現(xiàn)出的兩個(gè)特征,而亞馬遜的網(wǎng)站既不簡(jiǎn)單也不美觀。相反,它側(cè)重于體驗(yàn)、過(guò)程和功能的簡(jiǎn)化。對(duì)于許多設(shè)計(jì)師來(lái)說(shuō),這種復(fù)雜的視覺(jué)體驗(yàn)?zāi)軌蛉〉贸晒Γ行┝钊死Щ蟆D敲矗瑧?yīng)該如何看待并理解亞馬遜超出美學(xué)范疇的設(shè)計(jì)方法論呢?
亞馬遜的設(shè)計(jì)之所以成功,是因?yàn)樗昧怂袃?yōu)秀的購(gòu)物體驗(yàn)需要的四個(gè)關(guān)鍵原則——無(wú)論是線上還是線下,奢侈還是廉價(jià)。
1、800*600下,網(wǎng)頁(yè)寬度保持在778以內(nèi),就不會(huì)出現(xiàn)水平滾動(dòng)條,高度則視版面和內(nèi)容決定。 2、1024*768下,網(wǎng)頁(yè)寬度保持在1002以內(nèi),如果滿框顯示的話,高度是612-615之間.就不會(huì)出現(xiàn)水平滾動(dòng)條和垂直滾動(dòng)條。 3、在ps里面做網(wǎng)頁(yè)可以在800*600狀態(tài)下顯示全屏,頁(yè)面的下方又不會(huì)出現(xiàn)滑動(dòng)條,尺寸為740*560左右 4、在PS里做的圖到了網(wǎng)上就不一樣了,顏色等等方面,因?yàn)閃EB上面只用到256WEB安全色,而PS中的RGB或者CMYK以及LAB或者HSB的色域很寬顏色范圍很廣,所以自然會(huì)有失色的現(xiàn)象. 頁(yè)面標(biāo)準(zhǔn)按800*600分辨率制作,實(shí)際尺寸為778*434px 頁(yè)面長(zhǎng)度原則上不超過(guò)3屏,寬度不超過(guò)1屏 每個(gè)標(biāo)準(zhǔn)頁(yè)面為A4幅面大小,即8.5X11英寸 全尺寸banner為468*60px,半尺寸banner為234*60px,小banner為88*31px 另外120*90,120*60也是小圖標(biāo)的標(biāo)準(zhǔn)尺寸 每個(gè)非首頁(yè)靜態(tài)頁(yè)面含圖片字節(jié)不超過(guò)60K,全尺寸banner不超過(guò)14K 標(biāo)準(zhǔn)網(wǎng)頁(yè)廣告尺寸規(guī)格 一、120*120,這種廣告規(guī)格適用于產(chǎn)品或新聞?wù)掌故尽?nbsp;二、120*60,這種廣告規(guī)格主要用于做LOGO使用。 三、120*90,主要應(yīng)用于產(chǎn)品演示或大型LOGO。 四、125*125,這種規(guī)格適于表現(xiàn)照片效果的圖像廣告。 五、234*60,這種規(guī)格適用于框架或左右形式主頁(yè)的廣告鏈接。 六、392*72,主要用于有較多圖片展示的廣告條,用于頁(yè)眉或頁(yè)腳。 七、468*60,應(yīng)用最為廣泛的廣告條尺寸,用于頁(yè)眉或頁(yè)腳。 八、88*31,主要用于網(wǎng)頁(yè)鏈接,或網(wǎng)站小型LOGO。
位于美國(guó)西雅圖亞馬遜總部是由華裔建筑設(shè)計(jì)師貝聿銘設(shè)計(jì)。
01,選好產(chǎn)品,然后點(diǎn)擊“加入購(gòu)物車”
02,加入購(gòu)物車后,點(diǎn)擊“進(jìn)入購(gòu)物車結(jié)算”
03,然后是添加收貨地址,如果你周邊有自提收貨點(diǎn),也可填寫(xiě)自提,點(diǎn)擊“配送到此地址”
04,然后就是送貨方式,選擇你比較常用的快遞都可以,點(diǎn)擊“繼續(xù)”
05,選擇你比較常用的支付方式,點(diǎn)擊“繼續(xù)”
06,然后就可以付款,等著收貨啦
近年來(lái),UI設(shè)計(jì)行業(yè)迅速發(fā)展,不斷涌現(xiàn)出許多優(yōu)秀的設(shè)計(jì)師。然而,要在激烈的競(jìng)爭(zhēng)中脫穎而出,面試是必不可少的一環(huán)。面試時(shí),除了對(duì)自己的作品進(jìn)行充分準(zhǔn)備外,掌握一些常見(jiàn)的UI設(shè)計(jì)面試題也是十分重要的。
用戶體驗(yàn)(User Experience,UX)和用戶界面(User Interface,UI)是兩個(gè)相互關(guān)聯(lián)但又有所區(qū)別的概念。用戶體驗(yàn)強(qiáng)調(diào)的是用戶在使用產(chǎn)品或服務(wù)的過(guò)程中所產(chǎn)生的感受和情感,包括易用性、舒適度等方面。而用戶界面則是指用戶與產(chǎn)品或服務(wù)進(jìn)行交互的界面,包括界面布局、交互方式等。
在UI設(shè)計(jì)中,美觀度和功能性是兩個(gè)重要的方面,它們相輔相成,缺一不可。為了平衡美觀和功能性,我會(huì)首先了解用戶需求,明確設(shè)計(jì)目標(biāo)。然后,通過(guò)合理的布局、顏色搭配和視覺(jué)效果來(lái)營(yíng)造美觀的界面。同時(shí),確保功能的實(shí)現(xiàn)和易用性,不讓美觀犧牲用戶體驗(yàn)。
設(shè)計(jì)一個(gè)用戶友好的界面需要考慮用戶的行為習(xí)慣、心理預(yù)期等因素。我會(huì)通過(guò)以下幾個(gè)方面來(lái)設(shè)計(jì)用戶友好的界面:
顏色在UI設(shè)計(jì)中扮演著極其重要的角色。一個(gè)好的顏色搭配可以提升用戶的情緒和體驗(yàn)。我認(rèn)為,合適的顏色搭配應(yīng)該符合以下幾個(gè)原則:
我的設(shè)計(jì)流程主要分為以下幾個(gè)步驟:
以上就是一些常見(jiàn)的UI設(shè)計(jì)面試題及其回答,希望對(duì)準(zhǔn)備面試的設(shè)計(jì)師們有所幫助。在面試過(guò)程中,不僅要準(zhǔn)備這些問(wèn)題的回答,還要通過(guò)學(xué)習(xí)和實(shí)踐不斷提升自己的設(shè)計(jì)能力和經(jīng)驗(yàn)。只有不斷自我提高,才能在激烈的競(jìng)爭(zhēng)中獲得更多的機(jī)會(huì)。
1、注冊(cè)亞馬遜賬號(hào)2、選擇要購(gòu)買的產(chǎn)品3、產(chǎn)品訂單支付4、等待產(chǎn)品發(fā)貨簽收
體現(xiàn)亞馬遜的企業(yè)價(jià)值觀,高標(biāo)準(zhǔn),深入細(xì)節(jié),可依賴。
1.網(wǎng)站能自適應(yīng),在窄屏和寬屏上表現(xiàn)良好,充分利用大屏幕的空間,看到更多信息,這給購(gòu)物體驗(yàn)打了很好的基礎(chǔ)。 UI上干凈整潔,黑白灰為主,突出了產(chǎn)品。功能上除了常規(guī)的分類鏈接外,關(guān)鍵詞鏈接分類很多,方便了用戶挑選購(gòu)買。鏈接的顏色用大膽的藍(lán)色,非常顯眼。
2.默認(rèn)搜索圖書(shū),方便搜索
3.一排能顯示不少書(shū),24寸的能顯示8本,左右點(diǎn)擊翻頁(yè),操作方便。
4.信息多,有書(shū)名、作者、裝幀、原價(jià)、現(xiàn)價(jià)、封面圖,不比在書(shū)店看到的少。
5.這是某一類別的分類,分類很多很細(xì),滿足各類人群的分類需求,特別是客戶評(píng)分和價(jià)格分類,很好用。 分類這邊有個(gè)細(xì)節(jié),分類上去有塊全部商品分類的鏈接,移入就會(huì)出來(lái)個(gè)框,當(dāng)鼠標(biāo)移到分類里的時(shí)候,經(jīng)常會(huì)碰到這個(gè)鏈接,出來(lái)框擋住下面的分類內(nèi)容,很討厭!亞馬遜是這么解決的,鼠標(biāo)移入全部商品分類上停住1s左右才會(huì)彈出框,很好的解決了這個(gè)問(wèn)題,可見(jiàn)亞馬遜的用心。
6.原價(jià)和現(xiàn)價(jià)做了很好的區(qū)分,突出了現(xiàn)價(jià)。
7.亞馬遜的小細(xì)節(jié),在瀏覽詳細(xì)頁(yè)面時(shí),當(dāng)把頁(yè)面往下拉長(zhǎng)的時(shí)候,書(shū)籍的一些信息會(huì)浮動(dòng)在頂部,方便你查看,很人性化的功能。
這根據(jù)公司吧,每個(gè)公司時(shí)間和面試方式都不一樣的。不過(guò)作為應(yīng)屆畢業(yè)生我今年面了不少家公司。。。面試有一輪單面就行的,還有先群面(所有應(yīng)聘者都在一起自我介紹什么的)然后再單面(就是應(yīng)聘者一個(gè)個(gè)的進(jìn)去和面試官交流)的,時(shí)間都在20分鐘到半小時(shí)之間吧。
在當(dāng)今電子商務(wù)的時(shí)代,越來(lái)越多的賣家意識(shí)到在亞馬遜上開(kāi)設(shè)一個(gè)成功的店鋪的重要性。然而,要使您的店鋪在競(jìng)爭(zhēng)激烈的市場(chǎng)中脫穎而出,并實(shí)現(xiàn)銷售增長(zhǎng),就需要一種專業(yè)且引人注目的店鋪裝修設(shè)計(jì)。
亞馬遜是世界上最大的在線零售平臺(tái)之一,每個(gè)月都有數(shù)以百萬(wàn)計(jì)的買家訪問(wèn)。如果您的店鋪沒(méi)有一個(gè)令人印象深刻的設(shè)計(jì),您將很難在這么激烈的市場(chǎng)中與其他賣家區(qū)分開(kāi)來(lái)。
一個(gè)令人印象深刻的店鋪裝修設(shè)計(jì)可以為您樹(shù)立專業(yè)、值得信賴的形象,增加買家的信任感,并促使他們更有可能購(gòu)買您的產(chǎn)品。它還可以幫助您向買家傳達(dá)您的品牌故事和核心價(jià)值觀。
要設(shè)計(jì)一個(gè)成功的亞馬遜店鋪,有幾個(gè)關(guān)鍵要素需要考慮:
您的店鋪裝修應(yīng)與您的品牌標(biāo)識(shí)和視覺(jué)識(shí)別保持一致。這包括使用您的品牌標(biāo)志、顏色和字體等元素,以及在整個(gè)店鋪中傳達(dá)一致的風(fēng)格和感覺(jué)。
一個(gè)好的店鋪設(shè)計(jì)應(yīng)具有清晰的導(dǎo)航和布局,使買家能夠輕松找到所需的產(chǎn)品和信息。您可以通過(guò)使用清晰的標(biāo)題、子菜單和搜索功能來(lái)提高導(dǎo)航性。
一個(gè)令人印象深刻的店鋪設(shè)計(jì)應(yīng)該是視覺(jué)上吸引人的。使用高質(zhì)量的產(chǎn)品圖片、吸引人的橫幅和背景圖像,以及易讀的文字,可以吸引買家的注意力并使他們更有興趣瀏覽您的產(chǎn)品。
展示您的產(chǎn)品是亞馬遜店鋪裝修設(shè)計(jì)中一個(gè)關(guān)鍵的方面。確保您的產(chǎn)品圖片清晰可見(jiàn),您的描述準(zhǔn)確詳細(xì),包含各種細(xì)節(jié)以幫助買家做出決策。
在您的店鋪中展示社交證明和客戶評(píng)價(jià)可以增加買家的信任感。您可以使用客戶評(píng)級(jí)和評(píng)論,以及來(lái)自社交媒體的正面反饋,來(lái)展示您的產(chǎn)品的品質(zhì)和可靠性。
為了確保您的亞馬遜店鋪裝修設(shè)計(jì)成功,以下是一些最佳實(shí)踐值得參考:
通過(guò)以上的關(guān)鍵要素和最佳實(shí)踐,您將能夠創(chuàng)建一個(gè)專業(yè)而令人印象深刻的亞馬遜店鋪。記住,一個(gè)成功的店鋪設(shè)計(jì)不僅可以增加您的銷售,還可以樹(shù)立您的品牌形象并獲得買家的信任。