國3億老司機都錯了！車載導(dǎo)航這樣用，能省一輛特斯拉的錢
今天我要推翻一個大家經(jīng)常犯的錯誤，應(yīng)該是說推翻一個老司機常犯的錯誤！隨著經(jīng)濟科技的快速發(fā)展，我們的生活水平也是提升的非常快，在大城市當(dāng)中，幾乎每家每戶都有1-2輛車，這也造就了我們?nèi)珖娜齼|老司機，我們國家的老司機比整個老美人口還要多，所以在如此多人的情況下，像騰訊地圖、高德地圖等自帶導(dǎo)航系統(tǒng)的APP上線了！
但是經(jīng)過我的發(fā)現(xiàn)，我身邊的老司機絕大多數(shù)在開車的時候都是用手機來導(dǎo)航。當(dāng)然我也不是說手機導(dǎo)航不好還是怎么樣，手機導(dǎo)航的優(yōu)點還是很多的。比如：操作方便、攜帶便捷、功能多。隨時隨地都能夠進行相應(yīng)的操作，反觀汽車原本的中控屏就比較單調(diào)，畫質(zhì)定位也不是那么的明確。
我在小米社區(qū)里面發(fā)現(xiàn)，有比較聰明的同學(xué)將平板電腦充當(dāng)手機放在車的中控架上面當(dāng)導(dǎo)航使用，當(dāng)時真的是令我茅塞頓開，我怎么就沒想到這個主意呢？在此之前我去做了一項調(diào)查，發(fā)現(xiàn)很多的平板、iPad都不支持GPS定位，所以像高德地圖、騰訊地圖在平板里面基本上就用不了，想拿來當(dāng)導(dǎo)航有點不太現(xiàn)實。平時在地圖里面看看就是了。
那么什么樣的平板能夠從來當(dāng)車載導(dǎo)航？必須滿足一個條件，那就是支持GPS全球定位系統(tǒng)。目前，支持這個GPS的主要就是小米平板5Pro，因為小米平板5Pro出廠就自帶了GPS全球定位系統(tǒng)，各方面的配置都是比較頂級，用來當(dāng)車載導(dǎo)航自然不在話下，我下面這幾張圖片就是一個米粉開著國產(chǎn)車，用小米平板5Pro來當(dāng)車載導(dǎo)航。
我們可以看到，平板跟手機還是有很大的區(qū)別的。在高德地圖里面，平板的畫面視野更加的廣，街道路線呈現(xiàn)的更加清晰，平時我們開著車隨便瞥一眼就能夠清楚地看到地圖，如果是手機當(dāng)導(dǎo)航的話是需要把注意力比較集中才能看清楚路線的，這個大家應(yīng)該都深有體會。
用平板當(dāng)導(dǎo)航還有一個好處就是平板的揚聲器多，聲音也比手機要大很多，特別是像小米平板5Pro，搭載了8個哈曼卡頓的頂級立體揚聲器，聲音穿透力強，開車的時候?qū)⒁袅空{(diào)到最大，即使是你的車內(nèi)隔音效果較差也能夠聽的很清楚。
輯導(dǎo)語：在做中后臺產(chǎn)品的設(shè)計時，基本都逃不開導(dǎo)航布局這個大框架，而基于用戶的Z字形掃描行為，重要的導(dǎo)航應(yīng)該選擇左側(cè)導(dǎo)航或頂部導(dǎo)航。那么，具體應(yīng)該如何選擇呢？本文作者從科學(xué)、布局、尺寸適配、統(tǒng)一性這四個角度進行了分析，一起來看一下吧。
做中后臺產(chǎn)品的設(shè)計，基本都逃不開導(dǎo)航布局這個大框架。
基于用戶的 Z 字形掃描行為，重要的導(dǎo)航應(yīng)當(dāng)選擇左側(cè)導(dǎo)航或頂部導(dǎo)航。
可是橫著豎著有那么大差別嗎？被人問道為什么這么選擇，該如何回答？
今天給大家些靈感，從以下四個角度分析一下：
JR Kingsburg 曾經(jīng)做過一次實驗（A comparison of three-level menu navigation structures for web design），研究 3 層導(dǎo)航中，哪種組合使用效率更高。
這三層中，每一層都有橫向和縱向兩種可能性，所以實驗總共有 2×2×2=8 種對照組：
他為這 8 種導(dǎo)航布局做了不同電商原型，讓用戶來買東西，并記錄各種數(shù)據(jù)，結(jié)果發(fā)現(xiàn)了很多有意思的數(shù)據(jù)：
綜合這些數(shù)據(jù)，看起來整體表現(xiàn)較好都是「左上上」、「左左上」、「左左左」。
科學(xué)雖然很嚴(yán)謹(jǐn)，卻缺乏靈活度，例如本次試驗的場景單一（電商購物），而且用來測試的界面未免也太簡陋了吧！
所以我們再從其他角度思考看看。
從占據(jù)面積的角度來看，橫向?qū)Ш奖瓤v向?qū)Ш绞〉胤剑驗橹灰毤氁粭l就好了。
然而，選項數(shù)量不多時橫向是可以；選項多起來，橫向?qū)Ш骄秃軗頂D了。
畢竟縱向?qū)Ш椒奖銤L動，橫向?qū)Ш胶苌儆杏脩魰L試滾動查看的，「…」也不是什么方便的操作。
所以，如果確定選項少可以選橫向，不確定或者數(shù)量多建議保險起見選縱向。
任何導(dǎo)航，都要占據(jù)屏幕不少空間，這對尺寸適配都是一件麻煩事。哪怕產(chǎn)品并不需要為移動端做響應(yīng)式布局，只要是網(wǎng)頁端，就得考慮窗口尺寸的變化問題。因為設(shè)計師的 Mac 和大量用戶的 PC 甚至平板電腦之間，展示上的差異真的不小。
橫向?qū)Ш秸紦?jù)空間最小，同時也是最難做尺寸適配的。尤其是如果上面除了導(dǎo)航之外，還放有各種 logo、頭像、圖標(biāo)、搜索…各種東西時。橫向?qū)Ш揭话愣加腥N狀態(tài)：展開、折疊和收起。但是縱向?qū)Ш骄秃唵瘟耍恍枰獌蓚€狀態(tài)：展開和收起。頂多再讓展開狀態(tài)的寬度能夠自適應(yīng)變化或手動拉伸就差不多了。
這么看來，如果產(chǎn)品需要考慮很多不同尺寸適配的問題，縱向?qū)Ш绞亲詈唵蔚倪x擇，除非橫向?qū)Ш降膬?nèi)容不多維護起來不麻煩。
我之前為了研究確定按鈕放在左邊還是放在右邊好，做了一系列實驗分析，結(jié)果得出超出我預(yù)期的結(jié)論…放哪都沒多大問題，統(tǒng)一就好。于是，我想這個問題也可以類比一下。
大部分網(wǎng)站都是橫向?qū)Ш剑哉f如果產(chǎn)品是以網(wǎng)頁版為主，且用戶會經(jīng)常穿插跳轉(zhuǎn)使用其它網(wǎng)頁，那么也使用橫向?qū)Ш奖容^符合習(xí)慣。
而無論 PC 還是 Mac，系統(tǒng)頁面的導(dǎo)航在左側(cè)的情況比較多，所以說如果產(chǎn)品是系統(tǒng)軟件的話，縱向?qū)Ш奖容^符合習(xí)慣。
然而，更更更更更重要的是，千萬不要同一個產(chǎn)品不同端或不同子系統(tǒng)的導(dǎo)航不一樣！用戶很可能一會兒用這個，一會兒用那個，結(jié)果操作習(xí)慣換來換去，人都弄暈啦！還有，就是改版換導(dǎo)航肯定要讓老用戶不滿，好不容易養(yǎng)成習(xí)慣改起來容易嗎？所以說，決定導(dǎo)航布局時還是要謹(jǐn)慎才好哦。
看來，決定一個導(dǎo)航布局，可以考慮的東西還挺多的，也未必能找到絕對的答案。對于這個問題，你還有什么別的想法呢？
本文由 @汪仔4955 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載
題圖來自Unsplash，基于CC0協(xié)議
015-03-14 05:26:00 作者：毛文婷
在上周的《日本手機那些事兒》中我們聊了聊MWC2015這場展會中各個日系廠商展現(xiàn)出的一些黑科技，例如富士通的紅膜識別解鎖技術(shù)，以及DoCoMo一張SIM卡綁定多款設(shè)備還能連接車載導(dǎo)航或是解鎖儲物柜的劍走偏鋒黑科技。當(dāng)然這些并不是日系廠商在MWC2015中的所有亮點，本周的豆知識環(huán)節(jié)我們繼續(xù)接著上周沒有聊完的內(nèi)容，來說說富士通展臺的另一個亮點——通過智能手機與平板設(shè)備搭建起來的車載系統(tǒng)。
日本手機那些事:手機平板搭建車載系統(tǒng)
當(dāng)然在聊到正題之前先來看一些好玩的內(nèi)容，本周聊的不是運營商服務(wù)，是略顯奇葩的手機殼和手機底座。還記得以前我們也介紹過日本一些看起來很好吃的手機殼，例如手機透明殼背面貼個冰棍啊、壽司之類的模型，或者是直接用水果、壽司、拉面等食品模型充當(dāng)手機支架的周邊配件，不知道為什么日本的手機配件走的都是這類的吃貨路線。如今Hamee又與日本橋一家開店84年的洋食店“たいめいけん”合作，推出了智能手機適用的食物手機殼與手機底座。
蛋包飯底座與炸蝦手機殼（圖片引自hamee）
本次發(fā)售的兩款產(chǎn)品分別是炸蝦手機殼與蛋包飯手機底座，這個手機底座也是非常深井冰（我想不出別的詞來形容它了），手機底座中盤子的部分是“たいめいけん”用來上菜用的同款盤子，盤子中的蛋包飯模型也是以真實的蛋包飯為原型1:1制作的，不僅可以插入手機，連平板產(chǎn)品都能放置在這個底座中。
蛋包飯底座背部（圖片引自hamee）
手機殼細節(jié)（圖片引自hamee）
而炸蝦手機殼同樣很奇葩，不得不說這細節(jié)做得真是很到位，炸蝦外面包裹的面包屑的質(zhì)感啊、蝦尾的色澤啊都非常的以假亂真。不過即便如此，想象一下一個人手握炸蝦打電話也仍舊是畫面太美不敢看。
這蛋包飯真的真實過頭了……（圖片引自hamee）
這兩款產(chǎn)品的價格也是不太便宜，蛋包飯手機底座的價格為不含稅9241日元（476元），炸蝦手機殼的售價則是不含稅3686日元（189元）。怎么說呢，炸蝦手機殼看起來還是比之前hamee聯(lián)手宇都宮餃子推出的煎餃?zhǔn)謾C殼便攜一點的……