鐘奇立

（中山大學(xué)移動信息工程學(xué)院，珠海519082）

基于云的手機通訊軟件的設(shè)計與實現(xiàn)

鐘奇立

（中山大學(xué)移動信息工程學(xué)院，珠海519082）

電話通訊功能是移動通訊設(shè)備的最基礎(chǔ)最核心的功能。目前市面上的手機的通訊軟件交互邏輯都互不相同,并沒有梳理用戶需求。同時也有很多互聯(lián)網(wǎng)方面的功能缺失。嘗試提出一個基于移動App應(yīng)用的解決方案來給予用戶在于電話通訊功能的用戶體驗的問題。核心想法是通過重新以用戶需求和用戶認(rèn)知為基礎(chǔ)進(jìn)行梳理，引進(jìn)更加符先進(jìn)的交互設(shè)計理論，以云計算強大的數(shù)據(jù)處理能力為支撐，加入信息整合功能，設(shè)計并實現(xiàn)具有跨越式交互體驗的通訊應(yīng)用方案。

交互設(shè)計；云計算；移動應(yīng)用；軟件工程

0　引言

電話通訊模塊是移動設(shè)備最初始，也是最后核心的功能之一，它在任何時候都是一臺手機的核心。當(dāng)今的時代，隨著移動互聯(lián)網(wǎng)的發(fā)展，用戶對手機的一切功能都有了更新、更高的要求。更加注重用戶體驗。然而，電話、短信和聯(lián)系人信息管理這幾個傳統(tǒng)的核心功能的交互設(shè)計卻在軟硬件快速更迭的時代一直裹步不前。傳統(tǒng)的電話短信軟件操作邏輯停留在功能機時代，操作效率低。往往需要耗費大量的精力去進(jìn)行精細(xì)的操作。市場上也有大量的第三方電話軟件。但是受限于傳統(tǒng)功能機器交互邏輯的束縛，造成了一定程度上的交互邏輯的混亂、功能缺失以及定位的失誤。最主要的是并沒有發(fā)揮大屏幕的觸控優(yōu)勢以及互聯(lián)網(wǎng)大數(shù)據(jù)數(shù)據(jù)處理的特點，以至于對原廠的自帶軟件不能獲得交互，以及得到體驗上的優(yōu)勢。所以我們以差異化的交互設(shè)計為核心，引入云計算等新技術(shù)來設(shè)計以及實現(xiàn)App。在本文通過用交互設(shè)計和技術(shù)應(yīng)用兩個層面來論證本方案。

1　相關(guān)研究

1.1現(xiàn)狀分析

區(qū)別于傳統(tǒng)的紙質(zhì)的通訊錄，基于手持移動設(shè)備在設(shè)計之初就整合進(jìn)了撥號與短信收發(fā)處理等功能。所以由此可見，在通訊錄上的交互設(shè)計具有一個隨著手持設(shè)備硬件的發(fā)展快速迭代的特性。隨著開源系統(tǒng)Android的流行，以及移動互聯(lián)網(wǎng)的發(fā)展，國內(nèi)外許多廠商已經(jīng)開始了對新一代手機通訊錄軟件交互設(shè)計的探索。例如，谷歌和蘋果的通訊錄代表著極簡的交互設(shè)計路線，他們在視覺上分別采用了material design和扁平化設(shè)計，擁有出色的視覺交互體驗。而國內(nèi)的小米擁有大量的本土互聯(lián)網(wǎng)資源的支持，在功能上的整合和互聯(lián)網(wǎng)數(shù)據(jù)的應(yīng)用上面有很大的優(yōu)勢。從以上可以得出的結(jié)論是，出色的視覺交互設(shè)計以及優(yōu)勢的數(shù)據(jù)資源整合可以從交互設(shè)計層面形成通訊軟件的核心競爭力。

1.2系統(tǒng)簡述

我們的方案采用了基于云計算的數(shù)據(jù)處理的Android客戶端。在用戶通過客戶端認(rèn)證登錄云系統(tǒng)時，可以自動為用戶備份和更新聯(lián)系人最新信息。在我們的方案中，我們選擇新浪SAE為平臺打造一個用戶數(shù)據(jù)管理系統(tǒng)。新浪SAE在中國是一種常見的云平臺，它可以為我們提供一個可靠的和巨大的數(shù)據(jù)存儲中心和強大的數(shù)據(jù)處理能力。同時作為一個開放的云平臺，新浪SAE將為我們的方案提供優(yōu)勢運營成本的支持，在客戶端方面[1]因為系統(tǒng)涉及用戶聯(lián)系人的敏感信息，對網(wǎng)絡(luò)安全的問題也有一定的要求，所以在數(shù)據(jù)和系統(tǒng)方面做了一些安全解決方案的嘗試[2]；

在視覺交互上：我們的方案采用了扁平化、亮色調(diào)視覺交互原則，顏色跟隨功能模塊改變，功能的層級用色彩的飽和度來區(qū)分。在所有的滑動操作加入跟隨觸控點的動效。

在操作邏輯上：在每一個模塊界面當(dāng)觸控點可以明確鎖定一個聯(lián)系人（或者電話號碼）的時候直接左滑進(jìn)入文字消息（整合短信和郵件）界面，右滑直接撥通語音通話。

在功能模塊上：整個方案被分為層級相同的三大功能模塊，通過下底欄的bar來互相切換。它們分別是撥號盤、聯(lián)系人列表、動態(tài)信息推送。

在數(shù)據(jù)管理上：我們創(chuàng)新性地加入了圖書管理式的標(biāo)簽化用戶管理模式，采用以交流目的為導(dǎo)向的聯(lián)系人搜索邏輯。通過云平臺的支持，自動同步聯(lián)系人標(biāo)簽無需手動添加。

用戶只需要在開啟客戶端的時候連接云平臺，其余的功能將由云平臺自動執(zhí)行。

2　設(shè)計與實現(xiàn)

2.1交互設(shè)計

1.確定評價標(biāo)準(zhǔn)。朗讀的評價，在標(biāo)準(zhǔn)上我們主要考慮三個方面：一是讀得是否正確，二是讀得是否流利，三是讀得是否有感情。

在交互設(shè)計上采取對用戶認(rèn)知模型的抽象和引申，使一系列的操作反饋符合用戶的思維定式[4]?；谟脩魧νㄓ嶄浾J(rèn)知模型以及用戶的習(xí)慣分析建立思維導(dǎo)圖。在手機使用經(jīng)驗中用戶感知到，從左向右滑動是進(jìn)行通話。而我們的可以將這個認(rèn)知賦以更加廣泛的意義，即向右滑進(jìn)行語音通話。在鎖屏通知的時候推送的短信向左滑可以劃出回復(fù)按鈕，同理可以引申為向左滑進(jìn)入短信界面。這兩個引申作為我們整個客戶端交互設(shè)計的基礎(chǔ)。

在功能層面，客戶端提供了三個模塊，在下底欄可以通過點擊進(jìn)行切換，同時在所有的模塊中都可以通過滑動快捷進(jìn)入文本信息和語音通話界面。

在操作反饋層面，滑動的時候整個操作界面跟隨觸控點移動，一方面給予用戶的邏輯是：滑動操作所達(dá)到的目的界面與上一個界面處于同一層級。在用戶感知的角度同時減少了系統(tǒng)層次（復(fù)雜度）和操作精度的要求。

在視覺感知層面，使用扁平化的界面風(fēng)格，通過在統(tǒng)一的背景和配色，以及每一個模塊特有的主題色來增強每一個模塊的辨識度。同時進(jìn)行滑動操作的時候，可以在用戶感知上營造出：滑動進(jìn)入的界面是原界面的延伸（即同一個界面屏幕不能顯示到的區(qū)域，用滑動的方法到達(dá)該區(qū)域）。不同的系統(tǒng)層次通過顏色的飽和度來區(qū)分，低飽和度的為低系統(tǒng)層級，高飽和度的為高系統(tǒng)層級。在屏幕的下底欄采用，進(jìn)一步弱化層次。最后形成高效，視覺的扁平化，和低精準(zhǔn)度操作的用戶體驗。

2.2技術(shù)實現(xiàn)

在技術(shù)實現(xiàn)部分我們采取了MVC的開發(fā)形式，MVC全名是Model View Controller，是模型(model)－視圖(view)－控制器(controller)的縮寫，是一種軟件設(shè)計典范，用一種業(yè)務(wù)邏輯、數(shù)據(jù)、界面顯示分離的方法組織代碼，將業(yè)務(wù)邏輯聚集到一個部件里面，在改進(jìn)和個性化定制界面及用戶交互的同時，不需要重新編寫業(yè)務(wù)邏輯。MVC被獨特地發(fā)展起來用于映射傳統(tǒng)的輸入、處理和輸出，功能在一個邏輯的圖形化用戶界面的結(jié)構(gòu)中[3]。如圖1給出了我們基于云的model。而基于Android的Controller加入了云端代碼的功能擴展。model層主要是基于云的數(shù)據(jù)庫平臺。View層啟用Android本地的圖形界面框架。

（1）Model：MySQL是SAE為用戶提供的分布式數(shù)據(jù)庫集群服務(wù)，可以支持百萬級的數(shù)據(jù)庫訪問。Model基于新浪SAE上的MySQL數(shù)據(jù)庫服務(wù)框架。包含了數(shù)據(jù)庫以及操作接口。其中主要包括數(shù)據(jù)庫本體：如圖2的Database和用于定義和封裝對數(shù)據(jù)庫操作的model. py。

圖1　

圖2　

（2）Controller：controller base on Android是在客戶端本地實現(xiàn)的，基于Android的控制器用于控制手機客戶端功能的邏輯實現(xiàn)。controller base on cloud是基于云的控制器，作用是與Android客戶端控制器的連接，接收請求并且通過EXEC來對數(shù)據(jù)庫的操作。上述兩部分組成了控制層（Controller）。在Android控制器的主體控件是Activity。Activity作為用戶接口程序，在Android中被定義為應(yīng)用基本功能單元，直接可以用于系統(tǒng)邏輯的實現(xiàn)。客戶端的三個模塊在控制層中分別是contact（聯(lián)系人）、dynamic（動態(tài)）、keyboard（撥號鍵盤）這三個activity。通過OnTouchListener這個方法對模塊內(nèi)進(jìn)行滑動監(jiān)聽，并且由監(jiān)聽觸發(fā)事件。當(dāng)監(jiān)聽達(dá)到滿足事件的觸發(fā)時，控制器執(zhí)行handler控制View層對事件作出視覺反饋。同時使用httppost（）方法對云端控制器發(fā)起通訊請求。在云端的控制器主要的邏輯部分是在文件index.wagi實現(xiàn)的。其源于新浪SEA的Python代碼設(shè)計的基礎(chǔ)邏輯實現(xiàn)文件。Index中使用web.input和使用return方法實現(xiàn)讀取和反饋post請求，從而達(dá)到與客戶端交換數(shù)據(jù)的目的。

（3）View

是完全基于Android系統(tǒng)提供的Layout框架的。視圖層主要是通過控件：button、viewpager和listview來支持交互的。Button通過監(jiān)聽點擊事件可以很好地支持點按交互操作的提示、反饋和功能事件。而使用嵌套的控件：viewpager和listview的組合可以支持上下和左右兩個維度的滑動效果的同時進(jìn)行。作為前文核心交互技術(shù)基礎(chǔ)。

3　實現(xiàn)成果

我們的交互設(shè)計是在觸控到一個明確的聯(lián)系人或者號碼的時候可以直接滑動到短信模塊和電話通訊模塊，如圖3和圖4所示，這是一個撥號鍵盤模塊的客戶端系統(tǒng)，截圖下方的bar前三個按鍵分別是系統(tǒng)的三個模塊的切換按鈕，而第四個為撥號鍵盤的動態(tài)按鈕，在這個場景下的功能是保存。當(dāng)觸控點位于布局的任何地方只要向右滑動就會出現(xiàn)這樣的交互效果，右側(cè)的界面是撥打電話后等待對方接通的等待界面，包括了目標(biāo)聯(lián)系人頭像與名字。當(dāng)界面完全滑動到右側(cè)的界面時，就會進(jìn)行播出電話的操作。向右面滑動則可以進(jìn)入短信界面，遵循邏輯統(tǒng)一的視覺交互反饋。此時在短信的應(yīng)用場景下動態(tài)按鍵會變成添加按鍵。通過點擊添加按鍵可以實現(xiàn)在短信界面發(fā)送非文字的信息。

在聯(lián)系人列表界面動態(tài)按鈕變?yōu)樗阉靼存I，是標(biāo)簽化搜索功能的入口。交互上，這個模塊可以直接在列表上面進(jìn)行左右滑動操作,如圖5，系統(tǒng)可以識別用戶觸控的目標(biāo)項。不用通過點擊來完成選定。在動態(tài)信息推送這個界面上，動態(tài)按鈕被設(shè)計為切換按鍵。通過點擊這個切換按鍵可以實現(xiàn)對未處理和已接聽的電話和短信的切換，如圖6。在這個模塊上系統(tǒng)以聯(lián)系人作為推送主體配以適量的信息預(yù)覽。同時這個模塊中也遵循我們的交互設(shè)計方案的基礎(chǔ)邏輯：左右滑動觸發(fā)短息和撥打電話操作。用戶也可以使用長按的方法來消除推送的未處理狀態(tài)。

圖3　

圖4

圖6　

4　結(jié)語

通過基于云的通訊錄移動應(yīng)用的設(shè)計與實現(xiàn)，在手機應(yīng)用的交互設(shè)計上做出了一些嘗試，在傳統(tǒng)手機應(yīng)用的思路上加入了我們的一些思考和設(shè)計邏輯。同時在技術(shù)上也進(jìn)行了多方面的嘗試，首次提出了更少的操作更少的用戶對功能的感知，結(jié)合更多的功能以達(dá)到更加先進(jìn)的用戶體驗。并在這個設(shè)計思路下以用戶思維為主導(dǎo)的交互設(shè)計理念，采用比較先進(jìn)的軟件工程開發(fā)與管理方案。希望為用戶提供一套完整的交互邏輯和良好的用戶體驗。但是同時就應(yīng)用本身而言也存在一系列的限制因素。例如在用戶認(rèn)知的層面上也有一定的妥協(xié)，在追求革新交互邏輯的時候這里的妥協(xié)使得對舊時的一些用戶認(rèn)知強烈的設(shè)計還是進(jìn)行了保留。所以，革新其實并不徹底。另外就是有礙于軟件設(shè)計的基于層面的問題，對于某些操作系統(tǒng)與應(yīng)用產(chǎn)生的一些不協(xié)調(diào)，無法使用基于應(yīng)用層的技術(shù)來解決。還有的就是安全方面功能的缺失。這些問題將會在后續(xù)的版本將陸續(xù)得以完善。

[1]Rajkumar Buyya,James Broberg,Andrzej Goscinski.云計算：原理與范式[M].北京:機械工業(yè)出版社，2013

[2]張奇,謝紅薇,王瀟瑋.云計算安全性解決方案[J].北京:電腦開發(fā)與應(yīng)用2011,24(4):76~78

[3](美)Shari Lawrence Pfleeger?,?(加)Joanne M.Atlee.軟件工程[M].第三版北京:人民郵電出版社，2007

[4]馬振杰.基于用戶心理模型的數(shù)據(jù)分析軟件交互研究[D].湖南:湖南大學(xué)，2012

[5]趙立杉.基于用戶模型理論的手機和逸性研究[D].西安:西安建筑科技大學(xué)，2012

Interactive Design;Cloud Computing;Mobile Application;Software Engineering

Design and Im p lem entation ofMobile Communications Software Based on Cloud

ZHONG Qi-li

（College of Mobile Information Engineering，Sun Yat-sen University，Zhuhai 519082)

The telephone communication function is the core and the basic functions of themobile communication equipment.Currently on themarket,this kind of App’s logic are not the same and no sort of user needs.At the same time,missing loss of internet function.Tries to put forward a solution based on the application level to give users the user experience problems of communication function.The core ismeeting the user needs and user cognitive,importing the advance design.Uses the cloud and joins the information integration function.Designs and achieves great leap forward with interactive experience communication function.

1007-1423（2015）16-0073-05

10.3969/j.issn.1007-1423.2015.16.017

鐘奇立（1993-），男，廣東人，本科，研究方向為移動互聯(lián)網(wǎng)

2015-04-23

2015-05-20