毛片不卡永久免费无码,国精品片在线视频,桃色国产精品站一桃色阁,亚洲黄色av成人在线观看,91总久久久国产精品,有奶水哺乳期无码AVAV,一区二区视频国产电影在线,日韩欧洲无码精品直播久久

知識分享

iOS的UI元素導(dǎo)航欄里的完成按鈕的優(yōu)化

發(fā)表日期:2015/8/12 11:49:18 文章編輯: 瀏覽次數(shù):2798

iOS中很多代表“完成”操作的按鈕時常被置于導(dǎo)航欄當(dāng)中右側(cè)的位置,包括表單界面的提交按鈕也是如此。如今這種模式也開始潛移默化的影響到一些Android平臺里的app。

05-ios-design-guideline-mode-break-usability-test.png

      根據(jù)我們的可用性測試所得出的結(jié)論,不說跨平臺的影響力,單就iOS本身,我們也不建議將“完成”性質(zhì)的按鈕放在這里,原因很簡單,將最終操作放置在界面頂部,有悖于自上而下的信息流向。用戶在填寫表單或編輯內(nèi)容時,交互行為通常是由上至下的,當(dāng)他們即將完成的時候,也會預(yù)期在結(jié)尾處看到結(jié)束處理的操作。多數(shù)情況下,當(dāng)人們無法在結(jié)尾處找到這樣的功能時,便會產(chǎn)生迷惑并開始四處尋找。

在下面的案例當(dāng)中(左側(cè)是Pinkberry,右側(cè)是Nordstorm),用戶填寫完表單之后需要點擊登錄或下單按鈕。這樣的布局就是我們所說的有悖于自上而下信息流向的形式,用戶的全部注意力都隨著表單而逐漸下移,最終發(fā)現(xiàn)在結(jié)尾的地方?jīng)]有任何完成操作,剩下的就是茫然無措。要知道,即使是在手機(jī)這樣的小屏設(shè)備上,四處尋找某種UI元素也是需要耗費很多額外的注意力成本的;將完成按鈕直接放置在內(nèi)容底部是最符合直覺的做法。

06-ios-design-guideline-mode-break-usability-test.png

      當(dāng)然,從另外一個方面講,將完成按鈕置于導(dǎo)航欄當(dāng)中的模式也有其自身的優(yōu)勢:因為網(wǎng)頁設(shè)計導(dǎo)航欄是固定在頂部的,所以用戶在編輯內(nèi)容時可以隨時點擊到,而且當(dāng)內(nèi)容區(qū)域較長時,放置在頂部的按鈕也不會被鍵盤所遮擋。如果用戶確實無需完成全部內(nèi)容的填寫便可以進(jìn)行完成操作,那么你可以考慮將完成按鈕固定在底部,并會隨著鍵盤的起落而相應(yīng)的移動。這種方式的缺點是會占用一定的縱向空間,但優(yōu)點也是很明顯的:即符合直覺,又隨時保持可見,同時相比于頂部右端的位置來說,更易單手點擊操作。

07-ios-design-guideline-mode-break-usability-test.png

鑒于導(dǎo)航欄里的完成按鈕所存在的一些可用性問題,我們建議:將按鈕置于內(nèi)容底部;如果內(nèi)容較長,可以嘗試將按鈕位置固定,并使其不會被鍵盤遮擋,以便用戶可以隨時點擊。

------北京網(wǎng)站建設(shè)公司  北京傳誠信-------

將文章分享到..
相關(guān)新聞
全新新聞
隨機(jī)新聞
最新網(wǎng)站設(shè)計案例
Hi,我來幫您!