面向全球受眾的網(wǎng)站設(shè)計(jì)技巧
在你為你的客戶設(shè)計(jì)網(wǎng)站之前,你需要以開發(fā)代表目標(biāo)受眾的用戶角色為這個(gè)網(wǎng)站考慮,一旦你為主要用戶(或用戶)建立了身份,你就可以更容易地形成一種滿足他們需求和動(dòng)機(jī)的體驗(yàn)。但是,如果目標(biāo)受眾沒有被清晰地定義到角色,你會(huì)怎么做呢?
以Zappos這樣的網(wǎng)站為例
Zappos服務(wù)于全球客戶,那么,我們?cè)撊绾螢闊o(wú)法識(shí)別的用戶設(shè)計(jì)一個(gè)網(wǎng)站呢?當(dāng)然,你會(huì)知道他們有興趣在網(wǎng)上購(gòu)買鞋子和配飾,但僅此而已。
今天,我想談?wù)?a href="http://gagu89.com/wangyesheji/" target="_blank" >網(wǎng)頁(yè)設(shè)計(jì)中的地理問題,因?yàn)檫@是一個(gè)需要考慮的重要問題,如果處理不當(dāng),可能會(huì)對(duì)你的轉(zhuǎn)化率產(chǎn)生重大影響。
如何為全球觀眾設(shè)計(jì)
你可能會(huì)認(rèn)為,設(shè)計(jì)一個(gè)吸引國(guó)際消費(fèi)者的網(wǎng)站要比設(shè)計(jì)一個(gè)針對(duì)較小地理區(qū)域的用戶的網(wǎng)站容易得多。畢竟,如果你不專注于針對(duì)人群中的某一部分人,那么一切就都完了,對(duì)吧?
在設(shè)計(jì)一個(gè)旨在吸引國(guó)際受眾的網(wǎng)站時(shí),必須非常小心。這里有7種方法,你可以安全地設(shè)計(jì)并吸引更廣泛的全球受眾:
1、簡(jiǎn)化翻譯
除非你的網(wǎng)站直接對(duì)世界上說(shuō)同一種語(yǔ)言的地區(qū)的觀眾講話,最好在你的網(wǎng)站上規(guī)劃一個(gè)允許快速翻譯的空間。對(duì)于許多網(wǎng)站來(lái)說(shuō),語(yǔ)言/國(guó)家小部件出現(xiàn)在站點(diǎn)的四個(gè)角之一——頁(yè)眉或頁(yè)腳。
理想情況下,只要訪問者能很容易地找到它,將它添加到設(shè)計(jì)中并不重要。
例如,這是智能汽車網(wǎng)站:
在頁(yè)面的左下角,用戶可以選擇他們的國(guó)家/地區(qū)。這使得這個(gè)網(wǎng)站在英語(yǔ)中是這樣的:
對(duì)于說(shuō)俄語(yǔ)的人來(lái)說(shuō):
這不僅為用戶翻譯了網(wǎng)站,而且還為他們提供了針對(duì)他們地理位置的本地化信息。
2、保持設(shè)計(jì)最小
因?yàn)槟愕脑O(shè)計(jì)面向的是一個(gè)龐大的、國(guó)際性的受眾群體,所以你必須非常小心地處理某些設(shè)計(jì)因素,這些因素在不同國(guó)家之間可能不會(huì)以同樣的方式被感知。(我將在下面進(jìn)一步討論這些內(nèi)容。)
確保您的設(shè)計(jì):
不冒犯任何人;
容納其他語(yǔ)言和文化;
為全球用戶提供良好的瀏覽器和設(shè)備;
住在隔壁的人和住在世界另一端的人的表現(xiàn)一樣好。
使用最小的設(shè)計(jì)。
這可以讓你呈現(xiàn)一個(gè)簡(jiǎn)潔明了的敘述,不會(huì)被任何阻礙的因素所干擾。
以隊(duì)服為例。在文本的方式上沒有太多的需要,因?yàn)閺?qiáng)圖像本身就說(shuō)明了這一點(diǎn)。導(dǎo)航也有助于這種整體的簡(jiǎn)單和普遍吸引人的設(shè)計(jì)。
3、表布局
多虧了響應(yīng)式設(shè)計(jì),我們不必?fù)?dān)心奇怪的布局不能很好地從一個(gè)用戶的設(shè)備轉(zhuǎn)換到另一個(gè)用戶的設(shè)備。也就是說(shuō),當(dāng)你把一個(gè)用一種語(yǔ)言寫的網(wǎng)站放到另一種語(yǔ)言的網(wǎng)站上,你必須考慮布局和間距,這是單語(yǔ)網(wǎng)站所不具備的。
Diane Bonheur的網(wǎng)站就是一個(gè)很好的例子。
以下是該網(wǎng)站的英文版:
現(xiàn)在,慢慢向下滾動(dòng),比較日語(yǔ)中的同一部分:
由于每種語(yǔ)言都需要多大的空間,所以這兩種語(yǔ)言的設(shè)計(jì)都有些偏差。對(duì)于初學(xué)者來(lái)說(shuō),它們并不是完全相同的翻譯,這導(dǎo)致了行數(shù)的變化。而且,由于它們使用不同的字符集,間距也大不相同,這實(shí)際上導(dǎo)致了更多的圖片被日本游客看到。
不同的字母,文本方向(從右到左,從上到下,等等)。翻譯的長(zhǎng)度,密切注意語(yǔ)言之間的這些細(xì)微差別,這樣您就可以計(jì)劃好設(shè)計(jì),以便與所有語(yǔ)言一起工作。
4、使用安全的顏色
理解互補(bǔ)色對(duì)比在每個(gè)網(wǎng)頁(yè)設(shè)計(jì)師的工作中都是有意義的。使用在可訪問性方面效果很好的顏色也是如此。但是,色彩心理學(xué)在其他國(guó)家又是如何體現(xiàn)的呢?這就是為什么像亞馬遜、Zappos和沃爾瑪這樣的大型電子商務(wù)網(wǎng)站使用中性色彩界面的原因。
他們的標(biāo)識(shí)和網(wǎng)站上出售的產(chǎn)品都有顏色,但每一個(gè)網(wǎng)站都采取了安全措施,避免使用可能給某些用戶帶來(lái)負(fù)面影響的主要顏色。
5、個(gè)性化但不要本地化圖片
圖像是另一個(gè)需要小心處理的元素,因?yàn)槿绻阆矚g某個(gè)地理區(qū)域而不是另一個(gè),你不想孤立或無(wú)意冒犯你的任何觀眾。因此,在為您的站點(diǎn)選擇圖像時(shí),請(qǐng)考慮為不同的地理子域定制圖像,但不要本地化它們。
我的意思是:貝爾蒙德用這段視頻歡迎訪問者訪問它的英文登陸頁(yè)面:
對(duì)于其他演講者,它使用了多種受歡迎的圖片,包括這個(gè):
設(shè)計(jì)師并沒有把重點(diǎn)放在文化或地理區(qū)域的代表上,而是強(qiáng)調(diào)了在這里銷售的體驗(yàn)。
6、注意速記
在為以英語(yǔ)為母語(yǔ)的人設(shè)計(jì)電子商務(wù)網(wǎng)站時(shí),你的用戶可能會(huì)注意到一些圖標(biāo),這些圖標(biāo)允許你為標(biāo)題建立一種簡(jiǎn)寫:
三個(gè)橫線疊在一起構(gòu)成漢堡菜單;
一個(gè)裝著在線購(gòu)物車的購(gòu)物袋;
用于搜索的放大鏡。
雖然使用一些符號(hào)來(lái)減少混亂是可以的,但是你必須小心在國(guó)際網(wǎng)站上使用的符號(hào)。如果您不能保證接口中包含的每個(gè)符號(hào)都能被理解,那么最好像Bellroy所做的那樣將這些元素都拼出來(lái):
從右下角可以看到,Bellroy仍然使用一個(gè)符號(hào)進(jìn)行實(shí)時(shí)聊天。但是,由于這個(gè)圖標(biāo)被封裝在一個(gè)類似按鈕的設(shè)計(jì)元素中,所以這是可以的。用戶將會(huì)被提示使用它,不像頭部需要保持簡(jiǎn)單的設(shè)計(jì)。
7、簡(jiǎn)化接觸式設(shè)計(jì)
除非您想為您的站點(diǎn)被翻譯成的每種語(yǔ)言構(gòu)建專門設(shè)計(jì)的聯(lián)系人表單,否則最好使用普遍友好的表單設(shè)計(jì)。
這里有一個(gè)很好的例子:
正如您所看到的,Nordweg保持了簡(jiǎn)單。表單的每個(gè)元素都被清楚地簡(jiǎn)單地標(biāo)記在字段之外(這對(duì)可訪問性也很好)。而且,更重要的是,它的格式并不適合一個(gè)用戶。
例如,聯(lián)系人表單要求以特定的順序輸入姓名和姓氏。在某些文化中(如日本),這在邏輯上是沒有意義的,因?yàn)樾帐蠎?yīng)該首先出現(xiàn),你可能會(huì)遇到用戶提供姓氏作為名字的問題,反之亦然。
或者地址呢?你要的是街道、城市、州和郵政編碼,但這些字段并不適用于每個(gè)國(guó)家。即使有,它們的格式也不總是一樣的。電話號(hào)碼也是如此。
所以,在設(shè)計(jì)聯(lián)系人表單時(shí)要小心。它們應(yīng)該是您的用戶想要填寫的內(nèi)容,而不是讓他們懷疑您是否迎合了他們所在地區(qū)的客戶。
你的用戶到底在哪里?
設(shè)計(jì)一個(gè)歡迎所有訪問者的網(wǎng)站,需要一定的敏感性和平衡性,上面的7個(gè)技巧將讓你開始以正確的方式思考你的全球用戶。
想了解更多網(wǎng)站技術(shù)的內(nèi)容,請(qǐng)?jiān)L問:網(wǎng)站技術(shù)
本文來(lái)源:http://gagu89.com/seodongtai/8104.html