中文字幕无码av不卡一区,亚洲综合AV永久无码精品一区二区,黑人巨大白妞出浆,黄色高清无码免费看,久久久久免费精品国产,久久无码人妻丰满熟妇区毛片,欧美日韩国产综合草草,久久福利网站,亚洲一区二区三区中文字幕在线,av国内精品久久久久影院

手機(jī)已經(jīng)成為大多數(shù)人的使用方式，所以手機(jī)用戶界面成為基本用戶界面，這也成為許多設(shè)計(jì)者考慮設(shè)計(jì)手機(jī)軟件或者以網(wǎng)頁為基準(zhǔn)的手機(jī)應(yīng)用的因素。讓我們現(xiàn)在去測試一些普通的手機(jī)軟件UI元素來看看一些新手怎么完成他們，以及從中發(fā)掘更好的方式去解決問題。

盡可能的限制文本輸入

大多數(shù)的手機(jī)程序都提供一個(gè)文本框來捕捉用戶的反饋信息。然而我認(rèn)為文本信息框應(yīng)該只運(yùn)用在一些必要的時(shí)刻，密碼輸入框就是一個(gè)完美的例子。

即使是大屏手機(jī)用戶，他們打字的體驗(yàn)度也不會(huì)比電腦用戶更加舒適，因此打字輸入的功能應(yīng)該在許多方面盡可能減少。

• 改變輸入的方法如滑動(dòng)以及旋轉(zhuǎn)界面元素
• OAuth 登陸插件提供一個(gè)更佳的方式去驗(yàn)證身份

案例學(xué)習(xí): Uber（打車手機(jī)軟件）以一個(gè)非常 聰明的方式解決了定位的問題。Uber使用GPS定位系統(tǒng)去追蹤用戶所在的地址，Uber用自動(dòng)鎖定地址代替了輸入地址，這使用戶更快并且更簡便的預(yù)定他們的旅途。

文本接口

軟件的文本界面元素的使用應(yīng)該減少，相對(duì)的去支持圖標(biāo)的使用。例如，你可以使用一個(gè)垃圾箱圖片去代替一個(gè)“刪除”的文本。

需要注意的是你需確定在這個(gè)軟件里面，圖標(biāo)與所表達(dá)的意義是統(tǒng)一的。

案例學(xué)習(xí): Kudos（IOS圖片工具軟件），圖標(biāo)和文本比例合適使用的例子。符號(hào)“刪除”，“贊”以及“分享”有統(tǒng)一的用戶界面體驗(yàn)并且他們的意義簡潔明了，讓首次使用者操作更加方便。

屏幕之間的切換

多屏之間的切換要求流暢便捷，基本上切換鍵需要放在屏幕一半的最低端。這是因?yàn)榇竽粗赋Ｓ迷谄聊簧线M(jìn)行導(dǎo)航，而且大多數(shù)人的大拇指并不能輕易訪問大屏幕的上方。

這幫助許多用戶在應(yīng)用上多個(gè)部分之間的切換更加迅速。

例如在IOS上的谷歌瀏覽器用手指“邊緣滑動(dòng)”（edge-swipe）會(huì)使用戶返回到歷史頁面。

案例學(xué)習(xí)：Twitter上的切換鍵被放在屏幕的最低端。這幫助用戶更加快速的觸碰相關(guān)鍵如主頁（Home）、通知（Notifications）、消息（Messages）、我（Me）以進(jìn)入軟件的各個(gè)部分。他們?cè)?jīng)將按鍵放在了最頂端，然而這增加了大屏用戶使用難度。

移動(dòng)：沒有最好，只有更好

基本上設(shè)計(jì)中最重要的幾個(gè)方面就是手機(jī)應(yīng)用的用戶界面設(shè)計(jì)以及用戶體驗(yàn)（UI/UX），還有應(yīng)該注意的是屏幕應(yīng)該簡潔而不混亂。太多的動(dòng)畫也不該應(yīng)用在一個(gè)軟件里。

如谷歌的Material Design的現(xiàn)代設(shè)計(jì)理念，強(qiáng)調(diào)設(shè)計(jì)的簡潔。一個(gè)應(yīng)用程序的登陸頁面的第一印象是非常重要的，一個(gè)混亂的用戶界面會(huì)讓用戶失去方向，也一定會(huì)使用戶持續(xù)減少使用的興趣。

案例學(xué)習(xí)：谷歌收件箱在完成Material Design框架，保持一個(gè)簡潔直觀、方便使用的用戶界面方面做得非常好。譬如當(dāng)你的收件箱是空的時(shí)候，界面也可以保持簡潔，轉(zhuǎn)換鍵保持流暢并且有一個(gè)令人滿意的畫面。即使用戶界面很簡潔，找到一些功能鍵也是非常方便。

總結(jié)(Wrapping up)

手機(jī)比以往任何時(shí)候都更便宜，更快，更強(qiáng)大，在未來的十年中，手機(jī)只會(huì)變得更加普遍。移動(dòng)應(yīng)用程序開發(fā)人員需要遵循這些簡單的設(shè)計(jì)原則，使他們的應(yīng)用程序更直觀，整潔和易于使用。另外開發(fā)者應(yīng)該確保閱讀并遵循操作系統(tǒng)特定的風(fēng)格指南，因?yàn)樗鼈兲峁┝嗽谟脩艚缑娣矫娴膶儆谑欠窆ぷ鞯闹匾娊狻?/p>

翻譯作者@碼農(nóng)網(wǎng)?– 葉露

譯文鏈接：http://www.codeceo.com/article/design-better-mobile-app-ui.html

英文原文：Notes for Designing Better Mobile Application Interfaces