目前絕大部分的移動互聯(lián)網(wǎng)應(yīng)用基本都是iOS、Andiron雙平臺客戶端夫凸。而移動互聯(lián)網(wǎng)快速的迭代與風(fēng)向指引,除了產(chǎn)品部門設(shè)計交互資源既給力而且還過剩的大公司會針對iOS與Android都設(shè)計一套專門的規(guī)范阱持,一般中小型或創(chuàng)業(yè)型公司基本都會直接使用iOS的設(shè)計規(guī)范夭拌。
于我個人來說,其實是非常喜歡Android的設(shè)計風(fēng)格。從4.0開始一直都在進步鸽扁,我也其實有心 做點力所能及的事情蒜绽,我在負(fù)責(zé)設(shè)計的醫(yī)客3.0版本的時候、在部分地方還是保留的Android的設(shè)計桶现,雖然只是文本框躲雅、彈出框、選擇控件等等很小一部分的地方;雖然設(shè)計師與開發(fā)偶爾反對我這么干,我還是堅持就需要Android的樣式涂圆。
這可能就是我心底里的一點情懷把十饥,雖然并沒什么卵用。
顧名思義、瘦瘦是一款減肥的應(yīng)用。根據(jù)性別、身高绵脯、體重、年齡等資料页藻、以及肥胖原因的評估結(jié)果桨嫁,打造一套專業(yè)的健康減肥計劃,對日常飲食進行一對一的指導(dǎo)份帐,讓在日常走路璃吧、散步等運動中不知不覺的甩掉脂肪將減肥進行到底。 約一兩年前曾經(jīng)到瘦瘦面試過废境、當(dāng)然結(jié)局比較悲催畜挨,瘦瘦招的是產(chǎn)品的頭兒、彼時本人學(xué)藝不精實力不濟未能面試成功噩凹。與瘦瘦的總監(jiān)韓總有過一些交流巴元,某方面的觀點交流深以為然、受益良多并一直學(xué)習(xí)之驮宴。這也算與瘦瘦的淵源逮刨。
瘦瘦其實以及算是比較成熟的產(chǎn)品了,iOS版看起來比較悅目堵泽,但是安卓也是直接按iOS照搬了過來修己,于是花了個周末思考了一下瘦瘦的整個頁面邏輯,動動手簡單重制了幾個頁面迎罗。 當(dāng)然睬愤,作為非瘦瘦員工,對整個產(chǎn)品的模式理解肯定太皮毛纹安,我的改動只是一種嘗試尤辱、僅供參考砂豌,也是作為自己業(yè)余時間的思考有個進一步的理解。
1光督、首頁
首頁必須要大改阳距,第一個就得把底部的tabbar干掉,這玩意就是我的個心病结借。
我改動的地方:
1娄涩、去掉底部tab bar
2、『我』放到drawer
3映跟、『搜索』、『服務(wù)』(其實服務(wù)的頁面層級也被我改了)放到action bar
4扬虚、『記錄』使用floating button努隙,點擊彈出子菜單來記錄飲食、運動辜昵、體重荸镊。
5、全部使用卡片式布局
把我的方案與使用概況放一起了堪置,反正都是針對『我』躬存,放一起并不違和
主頁放的資訊實在太多了,我個人認(rèn)為全部放在主頁顯得多且雜亂
一個小細(xì)節(jié)舀锨、navigation bar搞透明了
floating button我認(rèn)為比較合適岭洲,記錄就是瘦瘦主打與常用的功能
順便說下,『首頁』的『我的方案』與『服務(wù)』頁的『我的瘦身方案』不好理解坎匿,建議換個名字
2盾剩、服務(wù)頁
仔細(xì)看了下瘦瘦的原始服務(wù)頁、覺得重心偏得有點厲害替蔬,索性連帶頁面都給改了
我改動的地方:
1告私、把『我的瘦身方案』從內(nèi)頁拿出來就當(dāng)作二級頁面
2、推的服務(wù)使用浮層放置
3承桥、非重心介紹類入口丟action bar右上就行驻粟,一分鐘了解減肥在首次啟動已經(jīng)介紹了丟設(shè)置里去
3、個人中心
基本照搬功能凶异,調(diào)整下樣式蜀撑。順便把層級略降了一點的服務(wù)放到『服務(wù)記錄』下面
其實思考的70%以上的時間都在首頁上,這也是一個App非常重要的頁面唠帝,確定好內(nèi)頁的話其實比較好做屯掖,個人又懶,仔細(xì)做的話還是有很多地方可以討論與思考的襟衰。
ps:最后來看這個redesign還是簡陋贴铜、不光是內(nèi)頁都沒做、自己也非設(shè)計師,圖標(biāo)都沒拖過來绍坝。最近在弄新版本徘意,空余時間碼了點東西,希望丟到專欄不至于太空轩褐。
最后感謝NovaDNG的啟發(fā)椎咧,使用的工具是sketch。