>
學(xué)校機(jī)構(gòu) >
北京菜鳥(niǎo)在線教育 >
學(xué)習(xí)資訊>
菜鳥(niǎo)在線:?如何更好地設(shè)計(jì)手機(jī)軟件界面
菜鳥(niǎo)在線:?如何更好地設(shè)計(jì)手機(jī)軟件界面
5936 2016-12-24
大多數(shù)的手機(jī)程序都提供一個(gè)文本框來(lái)捕捉用戶(hù)的反饋信息。然而我認(rèn)為文本信息框應(yīng)該只運(yùn)用在一些必要的時(shí)刻,密碼輸入框就是一個(gè)完美的例子。 即使是大屏手機(jī)用戶(hù),他們打字的體驗(yàn)度也不會(huì)比電腦用戶(hù)更加舒適,因此打字輸入的功能應(yīng)該在許多方面盡可能減少。
改變輸入的方法如滑動(dòng)以及旋轉(zhuǎn)界面元素 OAuth 登陸插件提供一個(gè)更佳的方式去驗(yàn)證身份 案例學(xué)習(xí): Uber(打車(chē)手機(jī)軟件)以一個(gè)非常 聰明的方式解決了定位的問(wèn)題。Uber使用GPS定位系統(tǒng)去追蹤用戶(hù)所在的地址,Uber用自動(dòng)鎖定地址代替了輸入地址,這使用戶(hù)更快并且更簡(jiǎn)便的預(yù)定他們的旅途。 文本接口 軟件的文本界面元素的使用應(yīng)該減少,相對(duì)的去支持圖標(biāo)的使用。例如,你可以使用一個(gè)垃圾箱圖片去代替一個(gè)“刪除”的文本。 需要注意的是你需確定在這個(gè)軟件里面,圖標(biāo)與所表達(dá)的意義是統(tǒng)一的。
案例學(xué)習(xí): Kudos(IOS圖片工具軟件),圖標(biāo)和文本比例合適使用的例子。符號(hào)“刪除”,“贊”以及“分享”有統(tǒng)一的用戶(hù)界面體驗(yàn)并且他們的意義簡(jiǎn)潔明了,讓初度使用者操作更加方便。屏幕之間的切換 多屏之間的切換要求流暢便捷,基本上切換鍵需要放在屏幕一半的更低端。這是因?yàn)榇竽粗赋S迷谄聊簧线M(jìn)行導(dǎo)航,而且大多數(shù)人的大拇指并不能輕易訪問(wèn)大屏幕的上方。 這幫助許多用戶(hù)在應(yīng)用上多個(gè)部分之間的切換更加迅速。 例如在IOS上的谷歌瀏覽器用手指“邊緣滑動(dòng)”(edge-swipe)會(huì)使用戶(hù)返回到歷史頁(yè)面。 案例學(xué)習(xí):Twitter上的切換鍵被放在屏幕的更低端。這幫助用戶(hù)更加快速的觸碰相關(guān)鍵如主頁(yè)(Home)、通知(Notifications)、消息(Messages)、我(Me)以進(jìn)入軟件的各個(gè)部分。他們?cè)?jīng)將按鍵放在了更頂端,然而這增加了大屏用戶(hù)使用難度。
移動(dòng):沒(méi)有更好,只有更好 基本上設(shè)計(jì)中更重要的幾個(gè)方面就是手機(jī)應(yīng)用的用戶(hù)界面設(shè)計(jì)以及用戶(hù)體驗(yàn)(UI/UX),還有應(yīng)該注意的是屏幕應(yīng)該簡(jiǎn)潔而不混亂。太多的動(dòng)畫(huà)也不該應(yīng)用在一個(gè)軟件里。 如谷歌的Material Design的現(xiàn)代設(shè)計(jì)理念,強(qiáng)調(diào)設(shè)計(jì)的簡(jiǎn)潔。一個(gè)應(yīng)用程序的登陸頁(yè)面的卓絕印象是非常重要的,一個(gè)混亂的用戶(hù)界面會(huì)讓用戶(hù)失去方向,也一定會(huì)使用戶(hù)持續(xù)減少使用的興趣。 案例學(xué)習(xí):谷歌收件箱在完成Material Design框架,保持一個(gè)簡(jiǎn)潔直觀、方便使用的用戶(hù)界面方面做得非常好。譬如當(dāng)你的收件箱是空的時(shí)候,界面也可以保持簡(jiǎn)潔,轉(zhuǎn)換鍵保持流暢并且有一個(gè)令人滿(mǎn)意的畫(huà)面。即使用戶(hù)界面很簡(jiǎn)潔,找到一些功能鍵也是非常方便。 總結(jié) 手機(jī)比以往任何時(shí)候都更便宜,更快,更強(qiáng)大,在未來(lái)的十年中,手機(jī)只會(huì)變得更加普遍。移動(dòng)應(yīng)用程序開(kāi)發(fā)人員需要遵循這些簡(jiǎn)單的設(shè)計(jì)原則,使他們的應(yīng)用程序更直觀,整潔和易于使用。另外開(kāi)發(fā)者應(yīng)該確保閱讀并遵循操作系統(tǒng)特定的風(fēng)格指南,因?yàn)樗鼈兲峁┝嗽谟脩?hù)界面方面的屬于是否工作的重要見(jiàn)解。
掃一掃
獲取更多福利
獵學(xué)網(wǎng)企業(yè)微信
獵學(xué)網(wǎng)訂閱號(hào)
獵學(xué)網(wǎng)服務(wù)號(hào)