百度和高德地圖是平常生活中最長(zhǎng)用的app之一网沾。為日常上班坐地鐵一族和駕駛車輛一族都提供了準(zhǔn)確和快速的向?qū)АD敲吹降走@個(gè)軟件和其他地圖之間的區(qū)別在哪里,我想做以下的分析依许。
根據(jù)產(chǎn)品的設(shè)計(jì)理論:
最基礎(chǔ)- ? ? 清楚的選擇 以及 清楚的內(nèi)容
建立自信- 一致性 ? ? ? ? 以及 易懂性
獨(dú)特- ? ? ? ?有獨(dú)特性
建立出以用戶為核心的設(shè)計(jì)理論基礎(chǔ):從用戶角度思考,清晰缀蹄,一致性峭跳,效率性,協(xié)同性和美觀缺前。
對(duì)于軟件信息結(jié)構(gòu)圖:
………………………………………………………………………………………………………………………………………………………………………………………………………
模擬用戶場(chǎng)景一:
………………………………………………………………………………………………………………………………………………………………………………………………………
小場(chǎng)景1
小米打算早上坐公共交通從家里出發(fā)去公司打開地圖時(shí)希望每一步看到的信息:
1.希望看到定位已經(jīng)就緒蛀醉,然后可以在主頁(yè)中找到地方加入要去地方的地址。
2.在后一頁(yè)面中找到去公司的具體3到4種代步工具衅码,并且看到這每一種代步工具所花費(fèi)的時(shí)間拯刁。
3.在后一頁(yè)面中找到合適的代步工具,這里定位地鐵逝段。(小米是都市上班族之一)希望看到具體地鐵線路排布按照時(shí)間長(zhǎng)短以及花費(fèi)優(yōu)先順序安排垛玻。
4.當(dāng)小米離開家門時(shí)也放大地圖進(jìn)入導(dǎo)航模式,顯示過(guò)多少米穿紅綠燈奶躯,顯示路線周圍人氣早餐店帚桩,顯示租用自行車的地點(diǎn),顯示當(dāng)天頭條新聞以及聯(lián)動(dòng)開啟最常打開的應(yīng)用嘹黔。
5當(dāng)遇到過(guò)橫道線時(shí)發(fā)出提醒聲账嚎,警告用戶將視線離開手機(jī),多注意來(lái)往車輛。
6在乘坐地鐵時(shí)郭蕉,提醒用戶下車換乘乏悄。由于有的換乘站多地鐵路線,希望地圖自動(dòng)放大能清楚看到1號(hào)地鐵線行駛方向(如前往莘莊)的提示?也弧(用地鐵線路顏色提示)并且標(biāo)示出還有3分鐘前往方向的地鐵將進(jìn)入站臺(tái)(有紅色感嘆號(hào)做提示)檩小。
7下車后,地圖自動(dòng)放大到站內(nèi)地圖烟勋,顯示左邊自動(dòng)扶梯位置规求,到樓上后,顯示刷卡機(jī)位置卵惦。接著給出具體幾號(hào)口出站的位置阻肿,然后再此步行導(dǎo)航到公司大樓。
用百度地圖:
分步驟詳解:
第一步主頁(yè)和代步工具頁(yè)
主頁(yè) ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 代步工具選擇頁(yè)
困惑點(diǎn):
1.在找輸入地址時(shí)有困惑沮尿。是在搜索欄輸入地址還是右下角路線處輸入地址丛塌?
2.當(dāng)我選擇右下角路線后,出來(lái)的界面有5個(gè)選項(xiàng)畜疾,需要手動(dòng)點(diǎn)擊到公交這一欄再輸入地址赴邻。
完善方式:
1.頁(yè)面上方的搜地址一欄是搜索附近美食的這個(gè)和低端的周邊搜索是雷同功能可以減少一個(gè)。并且把索引文字改成“周邊搜索”啡捶,避免和路線這個(gè)icon 意思重合姥敛。
2.用戶點(diǎn)擊路線后可以出現(xiàn)彈框提示,給客戶選擇用戶習(xí)慣瞎暑。這樣進(jìn)入第二個(gè)頁(yè)面時(shí)彤敛,可以避免手動(dòng)滑到公交的時(shí)間。并且騎行和駕車這兩個(gè)選擇就會(huì)不出現(xiàn)在選項(xiàng)內(nèi)了赌。
第二步輸入地址頁(yè):
輸入地址頁(yè)
優(yōu)點(diǎn)
在鍵入地址這一欄非常方便的有三種輸入方式1.地圖選點(diǎn)墨榄,2.收藏選點(diǎn)3.手動(dòng)輸入。
第三步公共頁(yè):
公交頁(yè)
困惑點(diǎn)
鍵入地址后勿她,又出來(lái)5種代步工具袄秩。手動(dòng)選擇公交后,自動(dòng)為用戶選擇了推薦路線嫂拴,上面最優(yōu)先推薦的是少步行的的公交線播揪。然后是是最快到達(dá)的地鐵一號(hào)線。其次是直達(dá)的210路筒狠。
完善方法
在彈出框出現(xiàn)后,設(shè)置公交為常用模式箱沦。特別當(dāng)用戶出行時(shí)間是上班高峰時(shí)辩恼,能自動(dòng)推薦地鐵為第一排。
第四步路線規(guī)劃頁(yè):
路線規(guī)劃信息頁(yè)
優(yōu)點(diǎn)
1.在選擇最快到的地鐵線路后,界面顯示出起點(diǎn)到終點(diǎn)的路線圖灶伊。在屏幕下方找到上拉能看到的路線規(guī)劃圖疆前。
2.規(guī)劃圖打開后看到總共花費(fèi)時(shí)間,乘坐地鐵站數(shù)一集步行距離聘萨,以及花費(fèi)竹椒。
這里非常詳細(xì)的提供給用戶他想要的所有信息∶追可以知道總共花銷胸完,所用時(shí)間。地鐵乘坐方向翘贮,到哪一站換乘等信息赊窥。
第五步步行導(dǎo)航頁(yè):
步行導(dǎo)航頁(yè)面
困惑點(diǎn)
點(diǎn)擊步行后,跳轉(zhuǎn)到地圖頁(yè)面狸页,開始整體導(dǎo)航锨能。在更具步行過(guò)程中,用戶只能根據(jù)自己位置點(diǎn)判斷左轉(zhuǎn)還是右轉(zhuǎn)或是前行芍耘。地圖沒(méi)有給出類似“直走100米左轉(zhuǎn)”的提示址遇。
完善方式
1.在用戶點(diǎn)擊進(jìn)入步行導(dǎo)航模式后,地圖需要近一步放大到周圍兩條街區(qū)斋竞。然后顯示直行距離以及預(yù)計(jì)步行時(shí)間后傲隶,給出轉(zhuǎn)彎提示。最好直接切換到3維步行導(dǎo)航模式窃页。
2.同時(shí)給予周邊早餐店icon提示以及自行車領(lǐng)取點(diǎn)提示跺株。這樣可以更加好的增加用戶粘性和對(duì)軟件的親切度。
第六步步行導(dǎo)航頁(yè):
步行導(dǎo)航頁(yè)面
困惑點(diǎn)
在進(jìn)入地鐵站內(nèi)脖卖,刷卡入站經(jīng)過(guò)3分鐘尋找售票處或者尋找零錢買票后乒省,買票入站,想要查看乘坐地鐵方向時(shí)畦木,發(fā)現(xiàn)點(diǎn)擊原有界面的導(dǎo)航信息出沒(méi)有任何反應(yīng)袖扛。于是點(diǎn)擊返回,找到了乘坐方向信息十籍。
完善方式
將乘坐地鐵方向表示在下方方框處蛆封。并且可以放大到看到地鐵站內(nèi)結(jié)構(gòu)圖,清晰的找到進(jìn)站口勾栗,以及定位可以有效的在用戶手機(jī)端顯示她所在位置地鐵的行駛方向信息惨篱。
在6錯(cuò)綜復(fù)雜的人名廣場(chǎng)站終于在沒(méi)有導(dǎo)航信息的情況下找到了6號(hào)口。經(jīng)過(guò)出站后围俘,跟著位置點(diǎn)摸索到了終點(diǎn)砸讳。
小場(chǎng)景2
在12點(diǎn)小米突然想起明早4點(diǎn)要去松江琢融。
1.打開手機(jī)客戶端,自動(dòng)定位到現(xiàn)有地址簿寂。在主界面“要去哪兒”輸入框輸入要去的地址漾抬。
2.自動(dòng)跳轉(zhuǎn)到在第二個(gè)界面,找到更改出發(fā)時(shí)間的選擇處常遂。設(shè)置時(shí)間后纳令,希望看到4點(diǎn)車輛信息。小米在市中心克胳,到松江大學(xué)城耗時(shí)2小時(shí)平绩。最早地鐵線是早上5點(diǎn)發(fā)車。也就是說(shuō)地鐵線路是沒(méi)有的毯欣。因此希望看到4點(diǎn)運(yùn)行的公交推薦馒过,從公交轉(zhuǎn)地鐵的乘坐選擇路線。希望看到公交站臺(tái)具體在馬路的那個(gè)側(cè)邊酗钞「购觯看到行駛方向信息。到站時(shí)間砚作。是否有人工售票窘奏,找零錢信息。
3.最后可以找到保存當(dāng)前出發(fā)時(shí)間和出發(fā)地點(diǎn)的按鈕葫录。在第二天有自動(dòng)彈出提示着裹,告訴我昨天已經(jīng)找到現(xiàn)在可以直接使用岳服。
用百度地圖:
公交圖 ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 路線選擇圖
困惑點(diǎn):輸入地址后荚守,按搜索,第二個(gè)頁(yè)面設(shè)置出發(fā)時(shí)間為早上4點(diǎn)间坐。這時(shí)出來(lái)的信息全是已停運(yùn)面粮。沒(méi)有給用戶解決方式少孝。并且“已停運(yùn)”字樣太過(guò)于和諧,沒(méi)有明顯的字體以及色彩提示熬苍。
完善方式:在公交線路前面加入醒目的提示框稍走。增加提示醒目度。給用戶推薦優(yōu)步以及專車選項(xiàng)柴底。更好的減少用戶操作步驟婿脸。
小場(chǎng)景3
在松江小米晚上加班到11點(diǎn)下班,他查找回市中心的路線
1.打開手機(jī)客戶端柄驻,自動(dòng)定位到現(xiàn)在松江龍梅鎮(zhèn)仙人橋路狐树。在主頁(yè)面鍵入市中心家的地址。
2.在第二個(gè)頁(yè)面中找到現(xiàn)在所能乘坐的路線顯示凿歼。有許多的班車在晚上8點(diǎn)就已經(jīng)結(jié)束運(yùn)營(yíng)褪迟。小米擔(dān)心是要打車到地鐵站冗恨,還是坐車到酒店答憔。
3.看到周圍酒店信息味赃。酒店人氣度。距離優(yōu)先選項(xiàng)虐拓。
4.單擊其中一個(gè)酒店可以看到用戶評(píng)價(jià)舒適度心俗。有無(wú)空余房間以及預(yù)定鏈接網(wǎng)頁(yè)和電話。
5.在顯示中已經(jīng)沒(méi)有公交路線蓉驹。小米選擇打車去酒店休息城榛。希望看到打車這一選項(xiàng),輸入酒店地址态兴『莩郑看到周圍有的空車數(shù)量≌叭螅看到打車所花費(fèi)的估算金額喘垂。以及看到車主信用度以及聯(lián)系方式還有車子型號(hào)和牌照.
用百度地圖:
公交圖 ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 路線選擇圖
困惑點(diǎn):在晚上11點(diǎn)公交全部停運(yùn)的情況下,沒(méi)有任何別的推薦選項(xiàng)绍撞。然而百度軟件首頁(yè)有許多酒店信息以及專車服務(wù)正勒,這個(gè)時(shí)候可以在公交車已停運(yùn)信息下方給予推薦周圍酒店鏈接和打車鏈接。
完善方式:停運(yùn)公交變成可升縮性傻铣。余下空間防止周圍酒店信息和打車快捷方式章贞。
小場(chǎng)景4
再轉(zhuǎn)公交時(shí)小名想看看兩部公交站的具體位置
1.當(dāng)用戶站在公交站臺(tái)時(shí),用戶希望手機(jī)端放大看到站臺(tái)具體在馬路那一邊
2.找到站臺(tái)后非洲,看到行駛方向提示鸭限,還有車輛幾分鐘后到達(dá)。還有同樣路線的車輛顯示两踏,(在中轉(zhuǎn)站是否有幾輛車都可以到達(dá)败京,歸納在排列在一起
百度地圖:
優(yōu)點(diǎn):在轉(zhuǎn)公交時(shí),用戶可以清晰的看到車輛靠近馬路哪邊缆瓣。能看到行駛方向提示以及喧枷,各別線路可以看到還有幾站后到站。為用戶節(jié)約了等待公交的時(shí)間弓坞,提供了不少方便隧甚。
模擬用戶場(chǎng)景二:
…………………………………………………………………………………………………………………………………………
小黃打算查看他公司周圍好吃的店
1.打開地圖,點(diǎn)擊查看附近美食渡冻,推薦列表給出各種情況下的優(yōu)先排列選擇戚扳。有距離優(yōu)先,人氣優(yōu)先族吻,價(jià)格優(yōu)先帽借,還有商家自薦優(yōu)先珠增。
2.在人氣優(yōu)先這一欄,看到人均價(jià)格砍艾,距離蒂教,特色菜。
3.在下一頁(yè)給出商家開門時(shí)間脆荷,聯(lián)系方式凝垛,外賣電話,網(wǎng)址蜓谋,地址梦皮,點(diǎn)評(píng)以及特色菜列表。
4.在選定商家后桃焕,點(diǎn)擊它的地址剑肯,會(huì)自動(dòng)連轉(zhuǎn)到要到達(dá)地址欄。給出3到4種代步工具观堂。
用百度地圖:
困惑點(diǎn):打開首頁(yè)搜地址一欄和發(fā)現(xiàn)周邊兩個(gè)地方都可以找到附近美食選項(xiàng)让网。自己對(duì)比后發(fā)現(xiàn)兩個(gè)“美食”按鈕點(diǎn)擊后,區(qū)別在于后者優(yōu)更詳細(xì)的分類型将,對(duì)于菜系有分流選擇寂祥,是否有團(tuán)購(gòu)劵用戶都有詳細(xì)分流設(shè)置。那用戶對(duì)于這兩個(gè)選擇如果不加以發(fā)現(xiàn)七兜,以為都是同樣的搜索美食功能丸凭。
改善方式:把兩個(gè)美食功能歸整到一起。功能雷同的合并到一起腕铸∠”特色美食以及小吃快餐“等標(biāo)簽,功能大都是戶上熱門一時(shí)的美食排行狠裹∷浣纾可以作為下一頁(yè)的另外一種選擇分類。實(shí)時(shí)插播方式在滾動(dòng)播放涛菠。以熱門圖片呈現(xiàn)莉御,減少用戶閱讀量,也增加了信息理解速度俗冻。
優(yōu)點(diǎn):再選擇完美食店后礁叔,可以清晰的看到店的地址,美食均價(jià)迄薄,以及聯(lián)系電話琅关,還有其他用戶對(duì)于店的評(píng)價(jià)。對(duì)于店內(nèi)熱門美食推薦會(huì)以標(biāo)簽方式呈現(xiàn)在評(píng)價(jià)上一級(jí)讥蔽。用戶反饋不是很多涣易。但是標(biāo)簽形式非常吸引注意力画机。