技術(shù)資訊
Google地圖和搜狗地圖的信息架構(gòu)
2009-03-02 17:57:00
本來(lái)想寫(xiě)地圖網(wǎng)站的布局和架構(gòu),范圍太大,放棄了。再說(shuō)大部分地圖網(wǎng)站都離不開(kāi)左文字信息,右地圖展示的排布方式(除了百度地圖,剛好反著)。
從上回說(shuō)到小R的心智模型,意在鋪墊。這次就抓兩個(gè)典型:Google地圖和搜狗地圖。
Google地圖的架構(gòu):“搜索欄”和“二級(jí)導(dǎo)航區(qū)”是完全剝離的。醒目的“搜索欄”和冗雜的“二級(jí)導(dǎo)航欄”構(gòu)成了google地圖的主體架構(gòu)。
“搜索地點(diǎn)”、“公交/自駕”、“民生信息”,這3個(gè)關(guān)系是平行的。
在google地圖看來(lái),用戶(hù)來(lái)了最重要的事莫過(guò)于“輸入地名或街道,搜索地點(diǎn)”了,其次是查找民生信息,最后才是“公交/自駕”(看3者在頁(yè)面所占信息量的比重和位置便知)。
搜狗地圖的架構(gòu):將"二級(jí)導(dǎo)航區(qū)"和"搜索欄"用Tab的方式捆在一起,形成強(qiáng)聯(lián)系。
在搜狗看來(lái),用戶(hù)的需求可以分為“搜索地點(diǎn)、公交、自駕”,這3個(gè)大類(lèi)。這3個(gè)需求和搜索欄是因果關(guān)系,便于用戶(hù)更有目的地搜索需要的信息。
之前我說(shuō)了小R的心智模型,當(dāng)他來(lái)到Google地圖網(wǎng)站,掃視與“公交”有關(guān)的信息時(shí),視線(xiàn)被淹沒(méi)在一堆“朝陽(yáng)區(qū)”“海淀區(qū)”“豐臺(tái)區(qū)”等地域信息和“餐飲”“購(gòu)物”等類(lèi)別信息里。
公交在哪兒?
什么?沒(méi)看到?再仔細(xì)看看。
原來(lái)它藏在在LOGO和一堆字的中間……
而小R在使用搜狗地圖時(shí),清晰的架構(gòu)和可用性較高的UI,幫助他很快找到了“公交”。
當(dāng)小R 點(diǎn)擊google地圖的“公交/駕車(chē)”按鈕時(shí),問(wèn)題再次出現(xiàn)
“神奇”的按鈕
“公交/駕車(chē)”信息重復(fù)出現(xiàn)了2次,標(biāo)題一次,按鈕一次。
對(duì)于這點(diǎn)很不解:用戶(hù)進(jìn)入這個(gè)頁(yè)面,是有明確的需求的(即查找線(xiàn)路),重復(fù)提醒的必要性有多大?
再者將“/”放入帶有搜索性質(zhì)的按鈕中,這會(huì)對(duì)用戶(hù)的認(rèn)知產(chǎn)生歧義,這個(gè)按鈕到底是公交還是自駕?用戶(hù)對(duì)操作后的結(jié)果不可預(yù)知。
將按鈕內(nèi)容換成“搜索線(xiàn)路”可能會(huì)更合適一些。
再者將“交通方式”用下拉菜單的方式處理也不是個(gè)好主意。
其默認(rèn)是“駕車(chē)”,小R都進(jìn)來(lái)半天了,“公交”這個(gè)大需求還是被雪藏在下拉菜單里。
搜狗地圖的架構(gòu)優(yōu)勢(shì)再一次體現(xiàn)。
Google地圖將“公交和自駕”的功能內(nèi)聚所致,這種架構(gòu)很不利于用戶(hù)從實(shí)際需求角度出發(fā)去解決問(wèn)題。
為何Google地圖要使用這種架構(gòu)?
與Google地圖的服務(wù)和定位有關(guān)。
Google地圖將大眾點(diǎn)評(píng)網(wǎng)的餐飲及民生資訊融入到地圖搜索服務(wù)中。
既想照顧“交通”這個(gè)需求,又想把一些民生服務(wù)利用“垂直搜索”一攬子都打撈進(jìn)來(lái)。
由此看來(lái),“二級(jí)導(dǎo)航區(qū)”過(guò)于膨脹、“公交/自駕”功能內(nèi)聚…… 這就不難理解了。
可惜的是,Google地圖在實(shí)現(xiàn)“搜索一次到位”的過(guò)程中,卻失去了應(yīng)有的簡(jiǎn)潔。
原文:http://www.ueui.com.cn/user-experience/google-maps-and-sogou-map-information-architecture.html
近期更新
- [2023-07-26 14:17:28] 為品牌賦能,海外官網(wǎng)品牌數(shù)字化
- [2023-05-06 10:32:26] 青島網(wǎng)站建設(shè)公司,高端網(wǎng)站定制,一站式網(wǎng)站服務(wù)——力圖數(shù)字科技
- [2023-04-27 13:47:54] 高端定制網(wǎng)站建設(shè)——從滿(mǎn)足預(yù)期到走向卓越
- [2023-04-11 09:17:49] H5頁(yè)面設(shè)計(jì)開(kāi)發(fā)——移動(dòng)端傳播利器
- [2022-11-16 10:11:43] windows2012程序在哪
- [2022-04-14 11:01:47] 力圖數(shù)字科技配套網(wǎng)站服務(wù)支持
- [2021-05-18 10:14:11] 青島網(wǎng)站建設(shè)的流程
- [2021-04-29 10:14:38] 企業(yè)定制化官網(wǎng)建設(shè)項(xiàng)目
- [2021-03-05 10:34:45] 移動(dòng)互聯(lián)時(shí)代房地產(chǎn)行業(yè)的微信小程序解決方案
- [2021-01-22 17:29:38] 微信小程序有哪些優(yōu)勢(shì)?為什么要開(kāi)發(fā)微信小程序?
- [2021-01-08 17:28:04] 網(wǎng)站建設(shè)最容易忽略的人性化設(shè)計(jì)
- [2020-12-16 16:55:32] 建設(shè)一個(gè)常規(guī)的公司網(wǎng)站建設(shè)成本大概是多少?
延伸閱讀
解決方案
輪胎行業(yè)網(wǎng)站設(shè)計(jì)解決方案 機(jī)械行業(yè)網(wǎng)站設(shè)計(jì)解決方案 房地產(chǎn)行業(yè)網(wǎng)站設(shè)計(jì)解決方案 科技企業(yè)網(wǎng)站設(shè)計(jì)解決方案 電子家電網(wǎng)站設(shè)計(jì)解決方案 食品行業(yè)網(wǎng)站設(shè)計(jì)解決方案 集團(tuán)公司網(wǎng)站設(shè)計(jì)解決方案 企事業(yè)單位網(wǎng)站設(shè)計(jì)解決方案 外貿(mào)行業(yè)網(wǎng)站設(shè)計(jì)解決方案 健身運(yùn)動(dòng)網(wǎng)站設(shè)計(jì)解決方案 美容與化妝品網(wǎng)站設(shè)計(jì)解決方案 建筑設(shè)計(jì)行業(yè)網(wǎng)站設(shè)計(jì)解決方案 物流行業(yè)網(wǎng)站設(shè)計(jì)解決方案
TAGS關(guān)鍵字
企業(yè)網(wǎng)站為什么要備案 集團(tuán)官網(wǎng) 網(wǎng)站品牌 青島做網(wǎng)站多少錢(qián) 青島flash網(wǎng)站 英文網(wǎng)站建設(shè) 青島輪胎網(wǎng)站設(shè)計(jì)公司 微信開(kāi)發(fā) H5專(zhuān)題頁(yè)面 膠南網(wǎng)站建設(shè)公司 網(wǎng)站策劃 舒適的界面 青島網(wǎng)站建設(shè) 網(wǎng)站交互設(shè)計(jì) 青島網(wǎng)站SEO 青島輪胎網(wǎng)站設(shè)計(jì) 響應(yīng)式設(shè)計(jì) 插畫(huà) 青島網(wǎng)站建設(shè)基礎(chǔ)知識(shí) 輪胎網(wǎng)站設(shè)計(jì) php程序 手機(jī)端的網(wǎng)站 網(wǎng)站制作 頁(yè)面設(shè)計(jì) 企業(yè)網(wǎng)站 圖形網(wǎng)格 H5定制設(shè)計(jì) 平面設(shè)計(jì) css 營(yíng)銷(xiāo)策略