近段時(shí)間在和團(tuán)隊(duì)的成員一起更新一些面向團(tuán)隊(duì)成員的us,因?yàn)檎桨姹镜母逻€有一段時(shí)間,所以先做了一款過(guò)渡產(chǎn)品,現(xiàn)在叫做 US Beta 1.0 (mobile),為了填補(bǔ)新版本開(kāi)發(fā)過(guò)程中的真空期而做的一個(gè)臨時(shí)版本,同樣也為了正式版的構(gòu)建做一些技術(shù)和規(guī)范上的積累。那么稍微的來(lái)闡述一下:

產(chǎn)品:US Beta1.0 (mobile)
定位:快速精準(zhǔn)地聯(lián)系上團(tuán)隊(duì)成員
功能:撥號(hào)、短信息、查看個(gè)人信息
信息層級(jí):部門(mén)、個(gè)人兩級(jí)分類(lèi)
實(shí)現(xiàn)方式:部門(mén)切換(樞軸)、個(gè)人(列表)、搜索(模糊搜索),通信方式在滑動(dòng)手勢(shì)和輕觸上考慮下-_-||
迭代方向:增加項(xiàng)目分類(lèi)、提供狀態(tài)備注、內(nèi)置語(yǔ)音通信
(因?yàn)槭且粋€(gè)過(guò)渡產(chǎn)品,到時(shí)候可能不能跟最終的US移動(dòng)端對(duì)接,所以這些功能更多的會(huì)考慮放在正式的版本上)
信息結(jié)構(gòu)
信息通過(guò)部門(mén)、個(gè)人兩級(jí)來(lái)整理,部門(mén)在這里不做操作,僅作為一個(gè)部組的標(biāo)簽分類(lèi),列表中的成員排列按注冊(cè)時(shí)的工號(hào)降序排列,已知部門(mén)時(shí),可以通過(guò)平級(jí)間的slide切換至部門(mén)中查找到成員,不知道部門(mén),只知道姓名或單字的,通過(guò)搜索控件輔助查找,搜索采用模糊搜索,因?yàn)閹?kù)中數(shù)據(jù)量本身較少,模糊查找可以提高查找效率,精確搜索的輸入成本更高,所以在這里選擇模糊搜索,并能夠及時(shí)更新。在姓名后補(bǔ)充了擔(dān)任職務(wù)的標(biāo)記,是對(duì)該成員對(duì)團(tuán)隊(duì)貢獻(xiàn)的一種肯定,也是一種責(zé)任劃分(例如我在聯(lián)系不上部門(mén)主任的時(shí)候,我可以試著聯(lián)系副主任來(lái)讓任務(wù)進(jìn)行下去)。前置了主要操作:撥號(hào)和信息發(fā)送。為了貼近移動(dòng)端的通訊功能,信息查看作為補(bǔ)充,需要進(jìn)一步的tap才能查看。同時(shí)在個(gè)人信息也內(nèi)也提供了撥號(hào)和信息發(fā)送,個(gè)人信息頁(yè)內(nèi)的信息列表提供的信息依舊是為了增強(qiáng)聯(lián)系而羅列的,在短信和撥號(hào)均無(wú)法聯(lián)系的時(shí)候,可以通過(guò)班級(jí)、郵箱、im通訊工具、住址等取得聯(lián)系。
交互方式
使用基本手勢(shì),tap、long press、slide,tap作為進(jìn)入下一步或使用該功能,long press激活復(fù)選框進(jìn)行批量操作,slide更加流暢,應(yīng)用在了各個(gè)部門(mén)分類(lèi)之間切換處和信息列表的上下翻動(dòng),這里曾經(jīng)有想將slide操作應(yīng)用到撥號(hào)及信息發(fā)送的功能上,即左滑激活撥號(hào),右滑激活信息發(fā)送,這樣的操作雖然流暢但是卻會(huì)讓部門(mén)間的切換變得困難,因?yàn)槭謩?shì)沖突,部門(mén)切換就得換成tap,而部門(mén)的樞軸位于屏幕的上部位置,比成員信息列表更不易點(diǎn)擊,而且錯(cuò)誤的滑動(dòng)操作比精確tap上icon更容易觸發(fā)(雖然這里可以通過(guò)控制滑動(dòng)的位移大小來(lái)判斷是否激活,但是這又破壞了slide手勢(shì)的流暢度),所以最終還是選擇了tap來(lái)啟用撥號(hào)和信息發(fā)送的功能,tap下對(duì)應(yīng)的icon,表達(dá)出“是的,我要進(jìn)行這一步操作”的準(zhǔn)確信息。同樣,在個(gè)人信息頁(yè)內(nèi),也有思考撥號(hào)和信息發(fā)送功能是放在屏幕的中部還是底部更好,最后決定把低欄留給更加分明的功能(類(lèi)似一鍵添加到手機(jī)通訊錄?),將撥號(hào)與信息發(fā)送的功能布置在人物頭像下方增強(qiáng)聯(lián)系,拇指操作方便一些。
界面&動(dòng)效
因?yàn)樽鳛檫^(guò)渡產(chǎn)品本身比較簡(jiǎn)單,所以在視覺(jué)上希望是圍繞“明快、活躍、整潔”的主題確立,所以在top bar 上大色塊用了偏亮的藍(lán)綠色,職位標(biāo)記用了較亮的黃色,而區(qū)分年級(jí),三年級(jí)生都以更濃的橙色標(biāo)記。為什么個(gè)人信息頁(yè)上是紅色?想暗示出活躍與激情,但是光靠色彩可能并不能達(dá)到預(yù)期適當(dāng)?shù)脑黾訄D形或者自定義背景顏色或支持圖片模糊?都可以進(jìn)一步的思量。在動(dòng)效上,tap手勢(shì)都會(huì)以觸碰點(diǎn)為中心產(chǎn)生漣漪擴(kuò)散的響應(yīng)動(dòng)畫(huà),漣漪擴(kuò)散速度與觸屏?xí)r間成反比(時(shí)間越少,擴(kuò)散越快)為了讓動(dòng)作更貼近真實(shí)的物理世界,屏幕內(nèi)動(dòng)作的位移圖大都是“s”型,有加速減速過(guò)程,而屏幕外的圖形進(jìn)入到屏幕中時(shí)則是以最快速率進(jìn)入,即沒(méi)有加速過(guò)程,控件的啟用過(guò)程通過(guò)小位移和漸變里來(lái)表現(xiàn),減少突兀帶來(lái)的不適感,slide切換至界限末端時(shí),通過(guò)粘滯回彈動(dòng)畫(huà)提醒沒(méi)有下一內(nèi)容。
目前團(tuán)隊(duì)的android開(kāi)發(fā)也在進(jìn)行調(diào)試,之后大概會(huì)有一些與開(kāi)發(fā)團(tuán)隊(duì)交流的小結(jié)。