US Beta1.0 (mobile)產(chǎn)品小結(jié)

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

AE制作的演示動效




產(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é)。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末免糕,一起剝皮案震驚了整個濱河市赢乓,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌石窑,老刑警劉巖牌芋,帶你破解...
    沈念sama閱讀 211,194評論 6 490
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異松逊,居然都是意外死亡躺屁,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,058評論 2 385
  • 文/潘曉璐 我一進(jìn)店門经宏,熙熙樓的掌柜王于貴愁眉苦臉地迎上來犀暑,“玉大人,你說我怎么就攤上這事烁兰∧涂鳎” “怎么了?”我有些...
    開封第一講書人閱讀 156,780評論 0 346
  • 文/不壞的土叔 我叫張陵缚柏,是天一觀的道長苹熏。 經(jīng)常有香客問我,道長币喧,這世上最難降的妖魔是什么轨域? 我笑而不...
    開封第一講書人閱讀 56,388評論 1 283
  • 正文 為了忘掉前任,我火速辦了婚禮杀餐,結(jié)果婚禮上干发,老公的妹妹穿的比我還像新娘。我一直安慰自己史翘,他們只是感情好枉长,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,430評論 5 384
  • 文/花漫 我一把揭開白布冀续。 她就那樣靜靜地躺著,像睡著了一般必峰。 火紅的嫁衣襯著肌膚如雪洪唐。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 49,764評論 1 290
  • 那天吼蚁,我揣著相機(jī)與錄音凭需,去河邊找鬼。 笑死肝匆,一個胖子當(dāng)著我的面吹牛粒蜈,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播旗国,決...
    沈念sama閱讀 38,907評論 3 406
  • 文/蒼蘭香墨 我猛地睜開眼枯怖,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了能曾?” 一聲冷哼從身側(cè)響起度硝,我...
    開封第一講書人閱讀 37,679評論 0 266
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎借浊,沒想到半個月后塘淑,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體萝招,經(jīng)...
    沈念sama閱讀 44,122評論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡蚂斤,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,459評論 2 325
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了槐沼。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片曙蒸。...
    茶點(diǎn)故事閱讀 38,605評論 1 340
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖岗钩,靈堂內(nèi)的尸體忽然破棺而出纽窟,到底是詐尸還是另有隱情,我是刑警寧澤兼吓,帶...
    沈念sama閱讀 34,270評論 4 329
  • 正文 年R本政府宣布臂港,位于F島的核電站,受9級特大地震影響视搏,放射性物質(zhì)發(fā)生泄漏审孽。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,867評論 3 312
  • 文/蒙蒙 一浑娜、第九天 我趴在偏房一處隱蔽的房頂上張望佑力。 院中可真熱鬧,春花似錦筋遭、人聲如沸打颤。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,734評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽编饺。三九已至乖篷,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間透且,已是汗流浹背那伐。 一陣腳步聲響...
    開封第一講書人閱讀 31,961評論 1 265
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留石蔗,地道東北人罕邀。 一個月前我還...
    沈念sama閱讀 46,297評論 2 360
  • 正文 我出身青樓,卻偏偏與公主長得像养距,于是被迫代替她去往敵國和親诉探。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,472評論 2 348

推薦閱讀更多精彩內(nèi)容