劉立維 李果珍 (湖南工業(yè)大學(xué) 412008)
基于株洲市公共自行車系統(tǒng)的APP設(shè)計(jì)的初步構(gòu)想
劉立維 李果珍 (湖南工業(yè)大學(xué) 412008)
本文針對株洲市公共自行車租賃系統(tǒng)提出移動端APP租賃方式,從用戶體驗(yàn)的角度出發(fā)對公共自行車租賃模式進(jìn)行全方位的升級改造,旨在為廣大用戶提供更方便快捷的公共自行車租賃服務(wù)。株洲市公共自行車APP客戶端將預(yù)設(shè)實(shí)時(shí)更新站點(diǎn)信息,預(yù)約車輛、預(yù)約車位、掃碼借車等功能。
APP;公共自行車;株洲;預(yù)約
本文系湖南省教育廳編號為17C0501的科學(xué)研究項(xiàng)目階段性成果
公共自行車租賃系統(tǒng)在我國的起步較晚,但其低碳環(huán)保、集約高效等特點(diǎn)使其在近幾年發(fā)展迅速。同時(shí),公共自行車租賃系統(tǒng)還能有效緩解城市交通擁堵的問題,讓人們不再被“最后一公里”問題所困擾,實(shí)現(xiàn)“公交+公共自行車”“公交+地鐵”等公共交通銜接模式。但是在實(shí)踐過程中不少公眾反映在使用公共自行車時(shí)會出現(xiàn)“借車難”“還車難”“辦卡難”等問題,這是由于租賃公司車輛調(diào)度不及時(shí)、租賃站點(diǎn)設(shè)置不合理和站點(diǎn)間實(shí)時(shí)信息不暢所致。
1.公共自行車交通系統(tǒng)在國外的發(fā)展
公共自行車交通系統(tǒng)經(jīng)歷了幾代的發(fā)展。第一代公共自行車交通系統(tǒng)起源于歐洲,是荷蘭阿姆斯特丹一個(gè)無政府主義組織實(shí)行的“白色自行車計(jì)劃”,但不幸的是由于偷盜自行車情況嚴(yán)重,這個(gè)項(xiàng)目沒有幾天就流產(chǎn)了。第二代公共自行車交通系統(tǒng)出現(xiàn)于丹麥根本哈根,采用使用者匿名的方式,以硬幣作為憑證。第三代自行車交通系統(tǒng)汲取了以上兩代公共自行車交通系統(tǒng)的運(yùn)營經(jīng)驗(yàn),著力解決公共自行車偷盜嚴(yán)重的問題,采用實(shí)名制,完善了公共自行車的運(yùn)營體系,同時(shí)也為市場化運(yùn)營公共自行車交通系統(tǒng)提供了可能。
2.公共自行車交通系統(tǒng)在國內(nèi)的發(fā)展
我國的公共自行車交通系統(tǒng)起步較晚,杭州是國內(nèi)首家推出公共自行車租賃的城市,運(yùn)營經(jīng)驗(yàn)豐富。杭州市公共自行車試點(diǎn)的成功推動了公共自行車項(xiàng)目在全國各大城市的推廣與建設(shè)。目前,我國的公共自行車運(yùn)營規(guī)模不斷擴(kuò)大,呈井噴式增長。據(jù)設(shè)于華盛頓的環(huán)保團(tuán)體“地球政策研究所”報(bào)道,中國已超過意大利成為自行車系統(tǒng)基礎(chǔ)設(shè)施規(guī)劃最多的國度。截止到2015年3月,我國已經(jīng)有215個(gè)市、縣,開展了公共自行車項(xiàng)目。雖然我國的公共自行車項(xiàng)目整體發(fā)展態(tài)勢良好,但仍有許多可以完善的地方。比如:優(yōu)化自行車專用道建設(shè),科學(xué)規(guī)劃公共自行車站點(diǎn),有序調(diào)度公共自行車等。未來,公共自行車交通系統(tǒng)的發(fā)展方向是實(shí)現(xiàn)各城市間公共自行車資源共享,破除公共自行車租賃城際限制,實(shí)現(xiàn)租賃科學(xué)化數(shù)字化。
3.株洲市公共自行車交通系統(tǒng)發(fā)展現(xiàn)狀
株洲市公共自行車交通系統(tǒng)主要采用“政府主導(dǎo)+企業(yè)運(yùn)營管理”的運(yùn)營模式。目前株洲市全市公共自行車租賃系統(tǒng)已有1000個(gè)租賃點(diǎn)、20000臺自行車,幾乎平均500-1000米就有自行車站點(diǎn),直接覆蓋城區(qū)大街小巷和社區(qū)。市民只需去網(wǎng)點(diǎn)辦理租車卡,交付押金200元、充值100元后即可使用公共自行車。株洲是全世界公共自行車使用周轉(zhuǎn)率最高的城市,日均近15萬次的使用量,周轉(zhuǎn)量高達(dá)10次/天/輛,遠(yuǎn)高于阿姆斯特丹等著名的公共自行車城市。株洲市公共自行車憑借良好的運(yùn)營服務(wù),被譽(yù)為“株洲模式”。自從有了公共自行車,株洲的年輕小伙子甚至拋棄了傳統(tǒng)的婚車用公共自行車將新娘子拉回家,既復(fù)古又環(huán)保。
雖然“株洲模式”整體態(tài)勢良好,但也有其可以完善的地方。比如:實(shí)現(xiàn)出行智能信息化,企業(yè)運(yùn)營市場化等等。目前,株洲市在部分區(qū)域的公共自行車租賃點(diǎn)布局上沒有完全考慮市場需求的差異化,容易出現(xiàn)出行需求量大的區(qū)域車輛供不應(yīng)求,而出行需求量小的區(qū)域車輛資源閑置的問題。調(diào)查顯示,株洲公共自行車運(yùn)營的主要經(jīng)費(fèi)來源于政府財(cái)政補(bǔ)貼,僅有一小部分依靠企業(yè)自營。企業(yè)可以拓展多方發(fā)展渠道將“引進(jìn)來”和“走出去”相結(jié)合,打造獨(dú)特的公共自行車生產(chǎn)鏈和服務(wù)鏈。同時(shí),借助公共自行車的公共屬性,利用自行車車體、車位和APP客戶端獲得廣告收入。
1.設(shè)計(jì)風(fēng)格定義
風(fēng)格定位:趣味性扁平化設(shè)計(jì)風(fēng)格。此風(fēng)格定位主要源于視覺風(fēng)格和產(chǎn)品特質(zhì)兩方面的考量。視覺風(fēng)格方面,扁平化的設(shè)計(jì)風(fēng)格符合大眾審美,利于APP推廣與使用;產(chǎn)品特質(zhì)方面,由于本產(chǎn)品具有普適性,但主要使用人群是18到70歲,因此要增添一些趣味性。
(1)標(biāo)準(zhǔn)色定義
單車行APP顏色與株洲市公共自行車交通系統(tǒng)一致,目的是為了保持產(chǎn)品的統(tǒng)一性與整體性,株洲市公共自行車以黃色和綠色為主色調(diào),黃色代表株洲人的熱情好客,綠色代表健康環(huán)保。目前,黃綠相間的株洲市公共自行車已經(jīng)成為城市的一道獨(dú)特風(fēng)景線。
(2)規(guī)格定義
設(shè)計(jì)尺寸:640px×1136px(為9:16的通用尺寸)
狀態(tài)欄:40px
標(biāo)題欄:88px
標(biāo)簽欄:98px
桌面圖標(biāo):114px×114px
最佳顯示分辨率:72ppi
色彩模式:RGB
中文字體:微軟雅黑
2.APP名稱
經(jīng)過篩選,最終確定APP的名稱為單車行。單車行,簡單明了?!皢诬嚒倍直砻鬟@是一款關(guān)于自行車的APP,一個(gè)“行”字則是為了營造一種動感,倡導(dǎo)騎自行車這種健康的生活方式。
單車行LOGO
普利斯在交互設(shè)計(jì)過程模型中曾提到開發(fā)選擇多個(gè)設(shè)計(jì)方案,目的是為了不斷地改進(jìn)方案。關(guān)于單車行的LOGO,我設(shè)計(jì)了幾個(gè)版本。在形態(tài)和色彩方面也有不同的考量,形態(tài)方面,主打線條式;色彩則以綠色和黃色為主色調(diào)。
方案一:整體造型截取了公共自行車的部分輪廓,如車輪、扶手等。采用錯(cuò)方位拼接方式,扶手截取公共自行車的正面,車輪截取公共自行車的側(cè)面,兩個(gè)方位疊加柔和到一起形成趣味圖案。
方案二:顏色采用綠色為主色調(diào),運(yùn)用簡單的白色線條勾勒出人們騎車的圖形。底部用一根線條繪制成車輪的形狀,體現(xiàn)一種流暢感和運(yùn)動感。又有英文單詞“GO”的意思,表明即刻出發(fā),號召全名運(yùn)動。
方案三;此方案是繼方案二后的改版方案,保留了圖標(biāo)的整體形態(tài),僅僅只是在色彩上稍作修改。圖標(biāo)采用了黃色和棕色兩種對比比較強(qiáng)烈的顏色,配以紅色、藍(lán)色、橙色等色彩,整體感覺歡快愉悅,吸引用戶眼球。
方案確立:最終我選用了方案三作為單車行APP的LOGO。選擇它的主要原因是其相較其他兩款而言,更具趣味性,表達(dá)內(nèi)容更為豐富。
(1)手機(jī)APP流程
手機(jī)APP流程是一個(gè)APP的核心,它直接關(guān)系到APP的成功與否。好的交互流程能讓APP運(yùn)行更順暢,給用戶帶來流暢自然的體驗(yàn)感?,F(xiàn)有APP多采用寬而淺的樹狀結(jié)構(gòu),一般分支選擇少,并且可以隨時(shí)返回主界面,這么設(shè)計(jì)的好處是簡化了操作,降低了學(xué)習(xí)成本。交互動畫的設(shè)計(jì)追求簡化的界面信息和交互層級,以及統(tǒng)一的風(fēng)格類型。下面簡單介紹單車行APP的交互流程。
用戶使用單車行APP時(shí)首先需要登錄注冊。進(jìn)行用戶認(rèn)證。完成認(rèn)證后進(jìn)入主頁面。主頁面主要涵蓋實(shí)時(shí)站點(diǎn)信息、預(yù)約車輛、預(yù)約車位、掃一掃、導(dǎo)航和我的等信息。進(jìn)入主頁面后,系統(tǒng)會自動彈出對話框,請示用戶是否允許定位到當(dāng)前位置。用戶同意后可直接查看離自己最近的公共自行車站點(diǎn)的空車數(shù)量和空位數(shù)量,以此來判斷是否需要預(yù)約車輛和預(yù)約車位。預(yù)約空位功能需要用戶手動輸入或語音輸入目的地信息,確定預(yù)約完成支付后,即顯示預(yù)約成功。掃一掃覆蓋多個(gè)頁面,目的是為了方便用戶隨時(shí)掃碼借車,簡化操作。其中,用戶還車只需輕輕地將公共自行車推進(jìn)鎖樁即可,不需要進(jìn)行掃碼操作。我的部分涵蓋了記錄、錢包、故障維修、搖一搖、設(shè)置等。記錄頁面包含預(yù)約記錄、騎行里程、積分、分享等;設(shè)置頁面包含更新提醒、最佳推薦、自動提醒、清理緩存、離線地圖、服務(wù)條款、官方微信、關(guān)于我們等;錢包頁面包含余額、充值、銀行卡管理、余額轉(zhuǎn)出;搖一搖,即通過搖一搖手機(jī)尋找身邊的騎友,相約一起出行。
3.設(shè)計(jì)方案
(1)引導(dǎo)頁
方案一
文案: 有一種無奈是未預(yù)約;有一種痛楚是沒車位;有一種便捷是掃一掃;有一種健康是單車行。
設(shè)計(jì)思路:選擇了一個(gè)可愛的卡通形象,借助其喜怒哀樂的表情,展示單車行APP預(yù)約車輛、預(yù)約車位和掃碼借車的功能。這屬于問題解決類引導(dǎo)頁,能夠直擊用戶痛點(diǎn),引起情感共鳴,讓用戶對產(chǎn)品產(chǎn)生好感,增加用戶粘度。
方案二
文案:實(shí)時(shí)更新站點(diǎn)信息,一鍵預(yù)約方便快捷;分享運(yùn)動綠色出行,為減少碳排放出力;掃碼借車說走就走,擺脫丟卡的煩惱。
設(shè)計(jì)思路:這一版設(shè)計(jì)稿,我采用了功能介紹的引導(dǎo)方式。整體風(fēng)格偏趣味扁平化,主色調(diào)為黃色和綠色。頁面以淺藍(lán)色為背景,采用文字和插圖結(jié)合的方,文字分為大標(biāo)題和小標(biāo)題。大標(biāo)題是對單車行APP的功能介紹,小標(biāo)題是對其功能的補(bǔ)充說明。
(2)方案確定
方案一在情感表達(dá)方面更動人,容易引起用戶共鳴,但畫面協(xié)調(diào)度不夠,卡通人物動作比較生硬。方案二的四張引導(dǎo)頁面風(fēng)格較統(tǒng)一,畫面和諧,功能表達(dá)完善。經(jīng)過比較,最終確定方案二為單車行APP的引導(dǎo)頁(見圖1)。
圖1 引導(dǎo)頁
圖2 預(yù)約單車頁
(3)登錄界面
頁面介紹:新用戶首次使用單車行APP可以選擇立即注冊或者隨便逛逛模式。立即注冊要求用戶綁定銀行卡并設(shè)置姓名、身份證號、手機(jī)號碼、密碼等信息12。選擇隨便逛逛模式用戶則不能使用掃碼借車、預(yù)約車輛(見圖二)和預(yù)約車位功能。用戶下次使用APP時(shí),只需用帳號和密碼登錄即可,使用同一手機(jī)操作無需再次登錄。
本次設(shè)計(jì)課題來源于一次不愉快的借車體驗(yàn),主要解決使用公共自行車時(shí)“借車無車”和“還車無樁”的問題。主要服務(wù)對象為株洲市所有使用公共自行車的用戶。單車行APP客戶端的開發(fā)能有效地填補(bǔ)株洲市公共自行車數(shù)字化運(yùn)營的空白,整合線上、線下資源,為市民提供更便捷的公共交通出行服務(wù)。
[1]王志高,孔酷,謝建華,尹立娥.歐洲第三代公共自行車系統(tǒng)案例及啟示[J].城市交通,2009(4):7-12.
[2]李鋒,張少鵬."株洲模式"與"杭州模式"[N].佛山日報(bào),2012-6-07(A07).
[3]姚伊樂.“小綠”且稚嫩 來日吐芳華[N].中國環(huán)境報(bào),2013-3-20(08).
[4]李康.杭州市公共自行車系統(tǒng)運(yùn)行情況研究及對策分析碩士[D].湘潭:湘潭大學(xué),2011.
[5]鄧麗琛.基于城市公共產(chǎn)品的株洲健寧公司公共自行車運(yùn)營策略研究[D].株洲:湖南工業(yè)大學(xué),2013.
[6]曾振.城市公共自行車系統(tǒng)運(yùn)營績效評價(jià)—以湖南省株洲市為例[J].城市交通,2014(6):70-76.
[7]孫棋,金世和.基于KANO模型對應(yīng)用軟件的GUI設(shè)計(jì)研究--以打車軟件設(shè)計(jì)為例[J].設(shè)計(jì), 2015(3):16-17.
[8]陳國凱.基于用戶體驗(yàn)的綠色出行App設(shè)計(jì)初探[J].設(shè)計(jì),2014(7):87-88.
[9]Jennifer Preece, Yvonne Rogers and Helen Sharp.INTERACTION DESIGN beyond human-computer interaction.John Wiley&Sons, Inc.2002:169.
[10]丘美玲,胡耀民.基于APP的交互動畫設(shè)計(jì)與應(yīng)用[J].設(shè)計(jì),2015(9):127-128.
[11]何博.城市公共自行車系統(tǒng)的應(yīng)用研究[D].成都:西南交通大學(xué),2012.
劉立維(1983.07-),女,漢族,湖南省長沙市人,講師,碩士,研究方向:交互設(shè)計(jì)、視覺傳達(dá)設(shè)計(jì)藝術(shù)。