許多朋友問(wèn)我：你大學(xué)學(xué)的專(zhuān)業(yè)不是工業(yè)設(shè)計(jì)嗎存璃？都是做產(chǎn)品造型的呀憎兽，現(xiàn)在怎么跑去證券公司做交互了勿决？
相信許多做交互設(shè)計(jì)的朋友和都會(huì)遇到這樣的問(wèn)題愿棋。
我覺(jué)得做一個(gè)APP的交互設(shè)計(jì)也是做一個(gè)藝術(shù)品，在工業(yè)設(shè)計(jì)的各種工藝中我最喜歡的就是陶藝了诈嘿。我把交互設(shè)計(jì)比喻成在做一件陶藝堪旧，它需要理性的數(shù)據(jù)分析，如陶藝的長(zhǎng)寬高奖亚、燒制時(shí)火候的把握淳梦、陶泥的化學(xué)成分等，同時(shí)也需要注入感性的元素昔字，如造型細(xì)微的變化爆袍、釉彩的繪制等。
從事交互設(shè)計(jì)這一職業(yè)兩年多了，總會(huì)有一些關(guān)于設(shè)計(jì)上的思考陨囊，以最近在做的股單APP項(xiàng)目為例與各位交流探討一下弦疮。
先做一個(gè)簡(jiǎn)單的介紹，股單APP是國(guó)信證券全新推出的青春級(jí)炒股官方應(yīng)用蜘醋，設(shè)計(jì)上旨在減少冗余的視覺(jué)修飾,將用戶(hù)的注意力聚焦在內(nèi)容挂捅、數(shù)據(jù)和交互本身上，做一款懂用戶(hù)的APP堂湖。
iOS闲先、安卓?jī)蓚€(gè)平臺(tái)的設(shè)計(jì)都不一樣，根據(jù)各平臺(tái)的特性无蜂、設(shè)計(jì)規(guī)范等做出兩款相互競(jìng)爭(zhēng)的APP伺糠。
一、導(dǎo)航篇
tab導(dǎo)航
底部tab導(dǎo)航與頂部tab導(dǎo)航是較為常用的導(dǎo)航方式斥季。
iOS許多應(yīng)用都是采用這種導(dǎo)航训桶，如股單的自選股界面采用上下tab導(dǎo)航方式這也是iOS原生的規(guī)則，在iOS中許多原生系統(tǒng)也采用了這種方式如電話酣倾、App Store舵揭、音樂(lè)等。
在iOS上躁锡，tab通過(guò)點(diǎn)擊切換午绳，不能滑動(dòng)切換。因?yàn)閕OS系統(tǒng)把頁(yè)面滑動(dòng)給了單條信息的滑動(dòng)操作映之，或者是頁(yè)面返回操作拦焚。
不過(guò)在許多應(yīng)用里也并沒(méi)有遵守這一原則，iOS頂部的tab欄依然可以通過(guò)滑動(dòng)切換tab杠输，使得界面中的手勢(shì)十分的混亂赎败。
想想也不怪設(shè)計(jì)師使用這種“混合”設(shè)計(jì)，在APP內(nèi)容很多的時(shí)候蠢甲，確實(shí)需要通過(guò)頂部tab分組僵刮，把所有內(nèi)容塞進(jìn)去，而如果在頂部tab只能通過(guò)點(diǎn)擊來(lái)切換tab的話無(wú)疑是增加了用戶(hù)的操作難度鹦牛，尤其是有十幾個(gè)頂部tab的應(yīng)用（呵呵搞糕，心疼他們的交互設(shè)計(jì)師）。
在安卓上能岩，tab既可以點(diǎn)擊切換也可以滑動(dòng)切換寞宫。在安卓原生中萧福，是較少使用底部tab導(dǎo)航的拉鹃，多數(shù)采用抽屜式導(dǎo)航。我認(rèn)為滑動(dòng)切換頂部tab欄這一手勢(shì)安卓是優(yōu)于iOS的（不過(guò)現(xiàn)在已在iOS中混用了），許多研究表明頂部tab的操作位置是用戶(hù)較難點(diǎn)擊到的地方膏燕，滑動(dòng)切換tab這一手勢(shì)是提供用戶(hù)便捷的钥屈。股單安卓版中界面中也有多處使用滑動(dòng)切換tab的交互方式。
現(xiàn)在市面上許多APP坝辫，也并沒(méi)有太用心的去區(qū)分iOS與安卓的交互設(shè)計(jì)的區(qū)別篷就，基本上都是先做iOS版的設(shè)計(jì)然后在適配到安卓上，兩個(gè)平臺(tái)上的交互方式都是混用的近忙。所以我從iOS與安卓的維度分析頂部tab交互的差異化有可能都是廢話竭业。
抽屜式導(dǎo)航
抽屜式導(dǎo)航是Google應(yīng)用程序中一種常見(jiàn)的模式，也可以說(shuō)是安卓APP的一大特色及舍。在Material Design中未辆，也做了詳細(xì)的說(shuō)明。
安卓中許多優(yōu)秀的應(yīng)用采用的都是這種抽屜式導(dǎo)航如下：
在選擇采用哪種導(dǎo)航方式作為APP的主導(dǎo)航方式锯玛，我們團(tuán)隊(duì)糾結(jié)了許久（那段時(shí)間咐柜，頭發(fā)嗷嗷的掉）。
若選擇抽屜式導(dǎo)航攘残，我們將需要思考分析所有功能的優(yōu)先級(jí)和使用場(chǎng)景拙友，用戶(hù)的操作習(xí)慣等。如今在國(guó)內(nèi)的APP中無(wú)論是安卓版還是iOS版歼郭，大多數(shù)采用的是底部tab導(dǎo)航的架構(gòu)遗契，這也培養(yǎng)了大量用戶(hù)的操作習(xí)慣。
為了使APP更加的安卓病曾，我們思考再三姊途，決定遵循Material Design選擇漢堡菜單。這無(wú)疑是一個(gè)大挑戰(zhàn)知态。（真作啊捷兰，直接使用iOS版本一樣的不就得了～哎，誰(shuí)叫我們是一群有夢(mèng)想的年輕人呢负敏，呵呵）
既然選擇了抽屜式導(dǎo)航贡茅，那么就需要承擔(dān)風(fēng)險(xiǎn)：
認(rèn)知成本
用戶(hù)看到的界面比較專(zhuān)一，其他類(lèi)目部分的內(nèi)容不可見(jiàn)其做，就比如你打開(kāi)安卓版股單APP時(shí)看到的只是單純干凈的自選股列表顶考，你可能不知道抽屜導(dǎo)航里還隱藏著交易、游戲等更多有意思的功能妖泄。這往往就需要用戶(hù)去猜測(cè)驹沿、探索，假如APP的第一印象激發(fā)不了用戶(hù)繼續(xù)探索的欲望蹈胡，那么抽屜式導(dǎo)航的流失率將比底部式導(dǎo)航要高渊季。
操作成本
用戶(hù)切換類(lèi)目時(shí)需要先側(cè)滑出導(dǎo)航界面然后才能選擇要切換的功能朋蔫，不及底部式導(dǎo)航可以直接切換，抽屜式導(dǎo)航在類(lèi)目之間的切換成本相對(duì)較高却汉。
每次想到這些高風(fēng)險(xiǎn)操作驯妄，我都心驚膽戰(zhàn)啊，好擔(dān)心因?yàn)檫@個(gè)導(dǎo)航方式使得APP掛掉了（好怕怕）合砂。
不過(guò)我們選擇抽屜式導(dǎo)航肯定也是看到了它的獨(dú)特之處的青扔，拋開(kāi)這些成本來(lái)說(shuō)，它也具備著多處優(yōu)點(diǎn)如：
1.可以容納多個(gè)分支類(lèi)目翩伪，抽屜式導(dǎo)航多少內(nèi)容都能裝的下
2.隱藏多余的類(lèi)目微猖，使當(dāng)前頁(yè)面簡(jiǎn)潔，不會(huì)受到導(dǎo)航的干擾
3.通過(guò)手勢(shì)喚出導(dǎo)航缘屹，在任何界面都可以進(jìn)行導(dǎo)航励两，退出時(shí)不需要tab導(dǎo)航那樣需要一層層退出。
在使用底部tab導(dǎo)航框架的APP囊颅，當(dāng)APP的內(nèi)容層級(jí)較多的時(shí)候当悔，用戶(hù)進(jìn)入最深層級(jí)后想要退出到首頁(yè)是比較麻煩的，需要多次進(jìn)行返回踢代。較快捷大方法就是關(guān)閉app的后臺(tái)盲憎，重新進(jìn)入。而抽屜式導(dǎo)航則可以解決這個(gè)問(wèn)題胳挎。
嗯饼疙，這樣想想抽屜式導(dǎo)航也還是很不錯(cuò)滴！慕爬！
在整個(gè)設(shè)計(jì)過(guò)程中通過(guò)對(duì)Material Design的研究學(xué)習(xí)窑眯，親身體會(huì)到Material Design的設(shè)計(jì)語(yǔ)言相比較于HIG體系化特征要明顯很多，對(duì)于一個(gè)設(shè)計(jì)師（團(tuán)隊(duì)）的成長(zhǎng)有很大的幫助医窿。在接下來(lái)的設(shè)計(jì)中我們也將會(huì)在繼續(xù)遵循Material Design的設(shè)計(jì)規(guī)范磅甩，做出更佳的用戶(hù)體驗(yàn)，爭(zhēng)取讓用戶(hù)欲罷不能姥卢，來(lái)了就是股單人卷要。
