近一個(gè)月拜讀了方寸指間這本書拓劝,書中對移動(dòng)設(shè)計(jì)的做了全方位的講解以及描述了移動(dòng)特性的應(yīng)用季研。
1、設(shè)計(jì)流程:
主要的設(shè)計(jì)流程為 需求-交互原型-視覺效果圖-開發(fā)-測試-提交審批-上線芋哭,在市場的審核需要特別的注意紧帕,安卓市場審核較為方便,一般情況2-3天就夠了愉烙,而ios應(yīng)用市場的審核機(jī)制較嚴(yán)格讨盒,審核周期一般在7個(gè)工作日左右。
移動(dòng)產(chǎn)品的界面很小齿梁,一般在第一屏中就能展現(xiàn)產(chǎn)品的主要內(nèi)容催植,因此在設(shè)計(jì)時(shí),每個(gè)頁面的關(guān)聯(lián)性需要思考的比較清晰勺择。抓住最核心的內(nèi)容创南。
當(dāng)然,現(xiàn)如今出prd已經(jīng)算是效率慢的了省核,如果需要敏捷迅速稿辙,可以直接畫原型,簡單的邏輯在邊上標(biāo)注气忠,清晰明了邻储。
2、設(shè)計(jì)原則:
移動(dòng)設(shè)計(jì)遵循6大原則——簡潔旧噪、高效吨娜、一致性、反饋淘钟、情感化宦赠、移動(dòng)化
(1)?????? 簡潔
在pc端做簡潔主要的方式有四點(diǎn):刪除、隱藏米母、轉(zhuǎn)移勾扭、組織,這樣的準(zhǔn)則同樣適用于移動(dòng)端铁瞒。
做到內(nèi)容有限妙色,在瀏覽過程中適時(shí)隱藏一些干擾因素讓內(nèi)容最大化,多采用手勢操作慧耍,也能極好的隱藏一些操作元素身辨。
(2)?????? 高效
1、? 避免鍵盤輸入2蜂绎、有效觸動(dòng)3栅表、減少頁面調(diào)整,盡量做到架構(gòu)扁平化师枣,用最少的操作步驟達(dá)到目標(biāo)怪瓶。
(3)?????? 一致性
一致性是設(shè)計(jì)的基礎(chǔ)原則,它可以讓產(chǎn)品更加易用,減低用戶的認(rèn)知成本洗贰,從而帶來整體體驗(yàn)的提升找岖。
1、? 設(shè)計(jì)上的一致性2敛滋、與平臺的一致性3许布、跨平臺的一致性
(4)?????? 反饋
屏幕小,硬件性能差绎晃、網(wǎng)絡(luò)不穩(wěn)定蜜唾。。移動(dòng)產(chǎn)品需要面對各種情景庶艾,因此及時(shí)袁余、清晰的反饋顯得尤為重要,當(dāng)然咱揍,在反饋時(shí)帶有情感化颖榜,就更棒啦!
(5)?????? 情感化
情感化設(shè)計(jì)煤裙,讓用戶覺得有用掩完、有趣、愉悅硼砰、增加用戶的歸屬感且蓬,減少用戶等待時(shí)的挫敗時(shí)的焦慮,都會讓你的產(chǎn)品加分题翰。
(6)?????? 移動(dòng)化
做一款移動(dòng)產(chǎn)品缅疟,需要從pc的思維邏輯跳出來,去充分了解移動(dòng)設(shè)備的特征遍愿,思考產(chǎn)品如何才能更具移動(dòng)化。
3耘斩、導(dǎo)航設(shè)計(jì):
導(dǎo)航主要分為標(biāo)簽式沼填、抽屜式、桌面式括授、菜單式坞笙、點(diǎn)聚式。二級導(dǎo)航主要包含旋轉(zhuǎn)木馬荚虚、列表薛夜、圖示、選項(xiàng)卡等版述。
4梯澜、細(xì)節(jié)設(shè)計(jì):
細(xì)節(jié)設(shè)計(jì)中,對我啟發(fā)最大的就是產(chǎn)品的畫面轉(zhuǎn)場及加載方式渴析,其中晚伙,畫面轉(zhuǎn)場需要的是順暢及自然吮龄,其中過渡不應(yīng)該太大。而加載方式需要考慮到對網(wǎng)絡(luò)環(huán)境及流量因素咆疗,比如懶加載漓帚,需要思考,加載的條數(shù)午磁。而預(yù)加載的目的是頁面跳轉(zhuǎn)時(shí)不至于呈現(xiàn)白屏尝抖。許多app在頁面跳轉(zhuǎn)時(shí)都會使用分布加載,將流量小迅皇,加載容易的部分先呈現(xiàn)昧辽,至于圖片等大流量的部分慢慢后續(xù)加載。