近段時間在和團(tuán)隊的成員一起更新一些面向團(tuán)隊成員的us缕探,因?yàn)檎桨姹镜母逻€有一段時間,所以先做了一款過渡產(chǎn)品,現(xiàn)在叫做 US Beta 1.0 (mobile)泡孩,為了填補(bǔ)新版本開發(fā)過程中的真空期而做的一個臨時版本赚瘦,同樣也為了正式版的構(gòu)建做一些技術(shù)和規(guī)范上的積累粟誓。那么稍微的來闡述一下:
產(chǎn)品:US Beta1.0 (mobile)
定位:快速精準(zhǔn)地聯(lián)系上團(tuán)隊成員
功能:撥號、短信息起意、查看個人信息
信息層級:部門鹰服、個人兩級分類
實(shí)現(xiàn)方式:部門切換(樞軸)、個人(列表)、搜索(模糊搜索)悲酷,通信方式在滑動手勢和輕觸上考慮下-_-||
迭代方向:增加項(xiàng)目分類套菜、提供狀態(tài)備注、內(nèi)置語音通信
(因?yàn)槭且粋€過渡產(chǎn)品设易,到時候可能不能跟最終的US移動端對接逗柴,所以這些功能更多的會考慮放在正式的版本上)
信息結(jié)構(gòu)
信息通過部門、個人兩級來整理顿肺,部門在這里不做操作戏溺,僅作為一個部組的標(biāo)簽分類,列表中的成員排列按注冊時的工號降序排列屠尊,已知部門時旷祸,可以通過平級間的slide切換至部門中查找到成員,不知道部門讼昆,只知道姓名或單字的托享,通過搜索控件輔助查找,搜索采用模糊搜索浸赫,因?yàn)閹熘袛?shù)據(jù)量本身較少闰围,模糊查找可以提高查找效率,精確搜索的輸入成本更高既峡,所以在這里選擇模糊搜索辫诅,并能夠及時更新。在姓名后補(bǔ)充了擔(dān)任職務(wù)的標(biāo)記涧狮,是對該成員對團(tuán)隊貢獻(xiàn)的一種肯定炕矮,也是一種責(zé)任劃分(例如我在聯(lián)系不上部門主任的時候,我可以試著聯(lián)系副主任來讓任務(wù)進(jìn)行下去)者冤。前置了主要操作:撥號和信息發(fā)送肤视。為了貼近移動端的通訊功能,信息查看作為補(bǔ)充涉枫,需要進(jìn)一步的tap才能查看邢滑。同時在個人信息也內(nèi)也提供了撥號和信息發(fā)送,個人信息頁內(nèi)的信息列表提供的信息依舊是為了增強(qiáng)聯(lián)系而羅列的愿汰,在短信和撥號均無法聯(lián)系的時候困后,可以通過班級、郵箱衬廷、im通訊工具摇予、住址等取得聯(lián)系。
交互方式
使用基本手勢吗跋,tap侧戴、long press宁昭、slide,tap作為進(jìn)入下一步或使用該功能酗宋,long press激活復(fù)選框進(jìn)行批量操作积仗,slide更加流暢,應(yīng)用在了各個部門分類之間切換處和信息列表的上下翻動蜕猫,這里曾經(jīng)有想將slide操作應(yīng)用到撥號及信息發(fā)送的功能上寂曹,即左滑激活撥號,右滑激活信息發(fā)送回右,這樣的操作雖然流暢但是卻會讓部門間的切換變得困難隆圆,因?yàn)槭謩輿_突,部門切換就得換成tap楣黍,而部門的樞軸位于屏幕的上部位置匾灶,比成員信息列表更不易點(diǎn)擊棱烂,而且錯誤的滑動操作比精確tap上icon更容易觸發(fā)(雖然這里可以通過控制滑動的位移大小來判斷是否激活租漂,但是這又破壞了slide手勢的流暢度),所以最終還是選擇了tap來啟用撥號和信息發(fā)送的功能颊糜,tap下對應(yīng)的icon哩治,表達(dá)出“是的,我要進(jìn)行這一步操作”的準(zhǔn)確信息衬鱼。同樣业筏,在個人信息頁內(nèi),也有思考撥號和信息發(fā)送功能是放在屏幕的中部還是底部更好鸟赫,最后決定把低欄留給更加分明的功能(類似一鍵添加到手機(jī)通訊錄蒜胖?),將撥號與信息發(fā)送的功能布置在人物頭像下方增強(qiáng)聯(lián)系抛蚤,拇指操作方便一些台谢。
界面&動效
因?yàn)樽鳛檫^渡產(chǎn)品本身比較簡單,所以在視覺上希望是圍繞“明快岁经、活躍朋沮、整潔”的主題確立,所以在top bar 上大色塊用了偏亮的藍(lán)綠色缀壤,職位標(biāo)記用了較亮的黃色樊拓,而區(qū)分年級,三年級生都以更濃的橙色標(biāo)記塘慕。為什么個人信息頁上是紅色筋夏?想暗示出活躍與激情,但是光靠色彩可能并不能達(dá)到預(yù)期適當(dāng)?shù)脑黾訄D形或者自定義背景顏色或支持圖片模糊图呢?都可以進(jìn)一步的思量叁丧。在動效上,tap手勢都會以觸碰點(diǎn)為中心產(chǎn)生漣漪擴(kuò)散的響應(yīng)動畫,漣漪擴(kuò)散速度與觸屏?xí)r間成反比(時間越少拥娄,擴(kuò)散越快)為了讓動作更貼近真實(shí)的物理世界蚊锹,屏幕內(nèi)動作的位移圖大都是“s”型,有加速減速過程稚瘾,而屏幕外的圖形進(jìn)入到屏幕中時則是以最快速率進(jìn)入牡昆,即沒有加速過程,控件的啟用過程通過小位移和漸變里來表現(xiàn)摊欠,減少突兀帶來的不適感丢烘,slide切換至界限末端時,通過粘滯回彈動畫提醒沒有下一內(nèi)容些椒。
目前團(tuán)隊的android開發(fā)也在進(jìn)行調(diào)試播瞳,之后大概會有一些與開發(fā)團(tuán)隊交流的小結(jié)。