其實不能只看站報價,中等規(guī)模以上的網(wǎng)站需求需要的不僅僅是一份報價單,而是一個全面的網(wǎng)站策劃方案書。制作的質(zhì)量一定是和費用相關(guān)的,過低的報價不可能提供優(yōu)秀的網(wǎng)站設(shè)計,可以試試領(lǐng)動云官網(wǎng),它是基于互聯(lián)網(wǎng)模式的新一代企業(yè)云建站平臺,致力于打造先進、穩(wěn)定、靈活、易用的智能營銷型網(wǎng)站系統(tǒng),并專注于系統(tǒng)功能、體驗的設(shè)計和集約化開發(fā)及部署。中外商貿(mào)正在幫助眾多企業(yè)用戶創(chuàng)建、運維PC網(wǎng)站、手機網(wǎng)站及多語言網(wǎng)站。
隨著手機站點設(shè)計的持續(xù)增長,一些新的原則,以及一些好的設(shè)計實踐將會浮出水面。作為前進的第一步,本人通過分析一些成功的手機站點來研究兩者的不同。在我的研究中,涵蓋了航空,電子商務(wù),社交網(wǎng)站,娛樂等一些較成功的站點,并得出了至少10個區(qū)別。
1. 內(nèi)容優(yōu)先
桌面站點可以有1024*768的分辨率,而智能機僅有320*480分辨率,如何在如此小的分辨率中,在不降低用戶體驗效果前提下進行設(shè)計是很有挑戰(zhàn)性的。桌面站點常常包涵更廣的內(nèi)容,而移動站點僅包涵一些符合使用情境的主要功能和特征,如圖1、圖2所示Orbitz的桌面站點和移動站點。移動站點應(yīng)該通過移動設(shè)備將用戶最需要的內(nèi)容和特征展現(xiàn)給用戶。一些站點內(nèi)容,信息架構(gòu)和屏幕布局都是在深度理解客戶需求的前提下設(shè)計的。
圖1—Orbitz桌面站點特征
圖2—Orbitz移動站點特征
2. 垂直瀏覽取代水平瀏覽
如圖三Urban Outfitters站點所示的那樣,在呈現(xiàn)數(shù)據(jù)結(jié)構(gòu)和數(shù)據(jù)內(nèi)容時,水平導(dǎo)航是一種廣泛采用的導(dǎo)航方式。用戶可以從左到右,點擊不同的站點鏈接來瀏覽。Joshua Porter在一篇名為“The Challenge of Moving to Horizontal Navigation“的博客中,討論了在頁面頂端而不是頁面兩側(cè)使用水平導(dǎo)航的好處。至于頂端時,用戶可以更容易聚焦于頁面的內(nèi)容,而在兩側(cè)時,會很容易干擾用戶視線。在我的研究中,90%的移動站點采用垂直導(dǎo)航的方式取代水平導(dǎo)航,包括如下圖所示的Urban Outfitters移動站點。
圖3—Urban Outfitters桌面站點中的水平導(dǎo)航
圖4—Urban Outfitters移動站點的垂直導(dǎo)航
3. 導(dǎo)航條,標(biāo)簽和超文本
如圖5所示,超鏈接是因特網(wǎng)站點的主要組成部分,然而,在移動站點中,我們則很少看到超鏈接。并不是在移動站點中沒有超鏈接,而是被一些導(dǎo)航條,標(biāo)簽和按鈕等取代了,如圖6所示。用戶使用手指來操作移動設(shè)備是產(chǎn)生垂直導(dǎo)航方式的原因之一。
在電腦上,移動鼠標(biāo),點擊超鏈接是很理想的查看信息的方式,但是在移動設(shè)備中,通過手指觸摸屏幕來打開超鏈接就不那么容易了。用戶可以很容易激活一個鏈接,進入一個新頁面,但,這并不是用戶期望的頁面,如果這樣的話,會產(chǎn)生非常差的體驗效果。Fitts定律告訴我們使用指點設(shè)備達到一個目標(biāo)的時間與設(shè)備當(dāng)前的位置和目標(biāo)位置的距離,以及目標(biāo)的大小有移動的關(guān)系。在一些大的手機站點中,導(dǎo)航條,標(biāo)簽和按鈕會吸引更多的注意力。
圖5—Kayak 網(wǎng)頁鏈接
圖6—Kayak 手機頁,沒有鏈接
4. Text and Graphics文本和圖形
在網(wǎng)頁中,我們經(jīng)常會看到一些促銷,營銷或者導(dǎo)航的圖形信息。如圖7所示的dell站點,設(shè)計者經(jīng)常需要設(shè)計一些促銷或營銷的圖形,如圖8所示、公司LOGO始終保持著導(dǎo)航的目標(biāo),通過它,用戶可以進入主頁。而在移動站點設(shè)計中,應(yīng)該減少這些圖形,原因有二:其一,一些移動設(shè)備并不支持和傳統(tǒng)網(wǎng)頁站點一樣顯示方式;其二,移動屏幕較小,顯示內(nèi)容有限,除此之外,過多的顯示內(nèi)容會降低移動設(shè)計的運行速度。
圖7—Dell首頁,有圖形
圖8—Dell 移動頁,只有較少的圖形
5. 全局導(dǎo)航與情境導(dǎo)航
桌面站點提出使用多種導(dǎo)航方式,如圖9 Best Buy 站點。一些全局性的導(dǎo)航可以保持站點的一致性,而其他一些情境導(dǎo)航會隨著用戶使用站點的不同而不同。在移動站點中,全局導(dǎo)航是最常見的導(dǎo)航方式,如圖10 Best buy的移動站點就是非常典型的例子。
在移動站點中,移動設(shè)備有限的屏幕決定了應(yīng)該減少全局導(dǎo)航和情境導(dǎo)航。然而,缺少全局導(dǎo)航和情境導(dǎo)航則會讓用戶迷失,為此,在構(gòu)建移動內(nèi)容時,應(yīng)該盡量減少層級關(guān)系,這樣,用戶無需挖得太深就可以找到自己所需的信息,作為設(shè)計師,應(yīng)該讓用戶在迷失之前找到自己的信息。
圖9—在Best Buy桌面站點中各式各樣的情境導(dǎo)航
圖10—在Best Buy 移動站點中,沒有情境導(dǎo)航
6. 頁腳
在桌面站點設(shè)計中,有兩種典型的頁腳,第一種頁腳提供了一些內(nèi)容的連接,用戶可以查看主頁,或其他一些較低優(yōu)先級的內(nèi)容,如“人才招聘”和“站點地圖”。第二種腳注,則提供了用戶想看的所有內(nèi)容結(jié)構(gòu),如圖11所示,在頁腳中列出一些快速入口,用戶就可以縱觀整個站點。在移動站點中,通過頁腳,用戶可以查看首頁,但盡量保持最少連接數(shù),如圖12所示,在頁腳中,不包含全部快速鏈接。
圖11—Dell 桌面站點的頁腳
圖12—Dell 移動站點,較少的頁腳
7. 面包屑
如圖13所示,在桌 面站點中,面包屑導(dǎo)航可以有效地標(biāo)明用戶所在的位置,查看自己的導(dǎo)航路徑,但通常會讓用戶產(chǎn)生站點內(nèi)容多,層級關(guān)系深的感覺。面包屑導(dǎo)航方式很少出現(xiàn)在移 動站點中,通常也是沒有必要的。有限的空間結(jié)構(gòu)是原因之一,另外,這種方式使得用戶需要經(jīng)過很深的途徑才能找到所需要的信息。同樣,我們應(yīng)該讓用戶在有迷 失感之前獲取想要的信息。
圖13—Amazon移動站點的面包屑
8. 進度條
在桌面站點中,如果用戶需要通過多種步驟才能完成某一過程,如購買過程或者填寫較長注冊表過程,如表14所示, 在頁面的頂端經(jīng)常會給出一個進度條,指導(dǎo)用戶完成這個過程,這種進度條在移動站點中還沒有出現(xiàn)。
采用一些替代的方法,讓用戶無需進度條,就可以表明當(dāng)前所在的位置。如,不使用一些暗含用戶操作“下一步”或“繼續(xù)”的按鈕,使用明確的標(biāo)簽按鈕,告知用戶的下一個步驟,如“前往收銀臺”“指定送貨及付款”。這樣,用戶不僅知道當(dāng)前的過程,還期待下一步的信息。
圖14—Amazon 站點的進度條
9. 集成手機功能
智能機是通信設(shè)備,打電話是其基本功能。盡管移動平臺的設(shè)計和內(nèi)容都是有限的,但仍具有一些桌面平臺無法比擬的新機會,例如,可以使用直接撥打電話或短信的方式訂購物品,如圖15所示,將促銷短信與產(chǎn)品功能進行整合,用戶只需選擇一個手機號碼,然后通過這個號碼來打電話或發(fā)短信,無需輸入數(shù)字。
圖15— Best Buy 移動站點,電話購物
10. 本地化和個性化搜索
基于地理位置的服務(wù)是移動站點獨一無二的優(yōu)勢。僅在5年前,地理位置服務(wù)才和消費市場結(jié)合起來,現(xiàn)在,在一些移動程序和網(wǎng)頁站點中,地理位置服務(wù)作為增值服務(wù)的一部分而廣泛使用。
很多移動設(shè)備可以自動檢測用戶的地點,并給出一些本地化的檢索結(jié)果。如圖16,Best Buy本地商店搜索功能,Yelp的餐廳搜索,Kayak的班機搜索,通過了解用戶的交易地點以及一些臨時服務(wù),商家就可以有針對性地推廣自己的產(chǎn)品或服務(wù)。
圖16—在Kayak中,自動監(jiān)測地理位置并給出一些檢索建議
小結(jié)
基于我們的研究,我們總結(jié)了移動站點和桌面站點設(shè)計10大不同點:
桌面站點可以包含更豐富的信息,而移動站點包含一些在大部分時間,地點中使用的典型功能和特征。
桌面站點采用頂端的水平導(dǎo)航方式來呈現(xiàn)站點結(jié)構(gòu)和內(nèi)容,而90%的移動站點采用垂直導(dǎo)航的方式。
桌面站點通常使用超鏈接,移動站點極少使用超鏈接
桌面站點會根據(jù)促銷,營銷,導(dǎo)航目的的不同設(shè)計不同的圖形,移動站點應(yīng)避免一些促銷或營銷的圖形,較少使用導(dǎo)航圖形。
在桌面站點中,可以使用各種各樣的導(dǎo)航方式,如全局導(dǎo)航和情境導(dǎo)航。移動站點采用全局導(dǎo)航,情境導(dǎo)航極少。
在桌面站點中,用戶可以通過頁腳查看站點內(nèi)容,或查看一些快速鏈接。移動站點較少采用一些頁腳,更不會使用頁腳來包含一些快速鏈接。
在桌面站點中,面包屑導(dǎo)航可以幫助用戶找到需要的頁面,或者返回查看一些導(dǎo)航路徑。而在移動站點設(shè)計中,由于自身的一些平臺結(jié)構(gòu)的限制,面包屑導(dǎo)航的方式是沒有必要的。
桌面站點通常在頁面頂端增加進度條來引導(dǎo)用戶完成某項進程。移動站點并不出現(xiàn)進度條。
移動站點可以更好地整合手機功能,如電話直接訂貨或發(fā)送促銷信息。
移動站點可以使用一些技術(shù)手段自動檢測獲取本地搜索結(jié)果。根據(jù)用戶的一些喜好提供個性化的搜索結(jié)果,對用戶來說更加重要。
一般情況下設(shè)計師肯定要和用戶確認哪些東西是需要構(gòu)架在網(wǎng)站上的,然后根據(jù)用戶的需要來進行設(shè)計。如果此時不溝通直接設(shè)計,那么自己設(shè)計出來的東西肯定不符合用戶的需要。滿足用戶的需要,在進行網(wǎng)站建設(shè)的時候,網(wǎng)站建設(shè)公司一定要滿足用戶的需要。
|