人(rén)
已閱讀
已閱讀
大(dà)屏手機的(de)出現對(duì)APP開發的(de)影(yǐng)響
來(lái)源:lexintech.com 發布時(shí)間:2019-05-17
現在的(de)手機屏幕越來(lái)越大(dà),像素越來(lái)越高(gāo)。APP開發也(yě)要不斷的(de)适應手機屏幕的(de)大(dà)小。在APP的(de)頁面設計時(shí),需要考慮到大(dà)屏手機的(de)用(yòng)戶體驗問題。
在前幾年的(de)APP設計中,将那些常用(yòng)的(de)按鍵排布在屏幕的(de)上角還(hái)是非常普遍。追溯至像Mac和(hé)Windows這(zhè)樣的(de)桌面系統,不論是Twitter還(hái)是Apple自己的(de)照(zhào)片應用(yòng),你會發現那些受歡迎的(de)應用(yòng)都是把所有功能放在頂部的(de)Navigation bar。但是在大(dà)屏幕移動設備上,那個(gè)頂部的(de)bar用(yòng)我們的(de)拇指太難觸及。
“我們在想很多(duō)Apps都會開始考慮将主要控件放在屏幕底部而不是上方或者右上角,”Mark Kawano闡釋道,他(tā)是前Apple設計師,目前主要針對(duì)一個(gè)iPhone的(de)App—Storehouse,解決其在大(dà)屏iPhone上可(kě)能出現的(de)問題。這(zhè)個(gè)應用(yòng)主要是爲移動設備提供富媒體故事發布平台。在這(zhè)個(gè)應用(yòng)中,Kawano的(de)設計團隊并不是将每個(gè)功能放在固定的(de)位置,而是在操作的(de)時(shí)候根據不同内容出現在底部的(de)不同Navigation bars。
Kawano并不是唯一這(zhè)麽思考的(de)。Google的(de)産品總監Luke Wroblewski指出Google的(de)Material Design設計原則很好的(de)支撐了(le)Kawano的(de)設計邏輯。Google中叫做(zuò)“行動按鈕”的(de)這(zhè)麽個(gè)東西就在屏幕下(xià)方三分(fēn)之一處,或者會在整個(gè)移動設備的(de)右下(xià)角(不過對(duì)于右手操作的(de)人(rén)來(lái)說這(zhè)需要蜷縮他(tā)們的(de)手指去按按鈕了(le))。
但是Loren Brichter(因發明(míng)Twitter的(de)下(xià)拉刷新手勢而廣爲人(rén)知)則提醒說将控件移至底部并不總是最好的(de)選擇。“底部UI是一種對(duì)于困難折中的(de)結果。人(rén)們從上到下(xià)閱讀,我發現許多(duō)人(rén)完全忽略屏幕底部的(de)東西,”他(tā)說。“如果你能放在底部并令人(rén)注意,那也(yě)不失爲一種好辦法。”
他(tā)補充道:“另一種方式可(kě)以解決問題,聽(tīng)起來(lái)有點匪夷所思但值得(de)嘗試,那就是界面簡化(huà)爲的(de)特定數量以卷軸形式翻閱的(de)内容區(qū)域。這(zhè)樣用(yòng)戶就會将要閱讀的(de)内容手動拖到拇指可(kě)操作的(de)範圍,而不用(yòng)另外設置的(de)完全不直觀的(de)所謂可(kě)達性手勢。”
按鈕設計在屏幕底部是一個(gè)好的(de)選擇,但并不是最好的(de)選擇。并且有一個(gè)一定會受歡迎的(de)解決方案讓人(rén)們知道該怎麽操作,不論是五寸還(hái)是50寸。那就是手勢—或者更具體的(de)說,輕輕一劃。
不久之前,Brichter 抱怨說UI設計師并沒有積極的(de)将我們的(de)手指滑動這(zhè)一手勢利用(yòng)充分(fēn)。各種菜單及功能鍵都可(kě)以通(tōng)過設計手勢來(lái)隐藏。以至于我們處在一個(gè)所有屏幕上端都是無用(yòng)按鍵的(de)階段,設計師沒有很強的(de)動機去重新思考手勢的(de)作用(yòng)。
Mark Kawano指出,Apple的(de)确在去年秋天公開的(de)IOS7中加入了(le)一個(gè)向右滑動後退的(de)手勢,“可(kě)能他(tā)們已經知道更大(dà)的(de)屏幕要來(lái)了(le)。” Storehouse這(zhè)個(gè)應用(yòng)就是聰明(míng)的(de)借助Apple的(de)設計趨勢:任何時(shí)候你在一個(gè)故事中,你可(kě)以向任何方向滑動退出。這(zhè)在小屏幕上操作顯得(de)精妙而且自由。但是在更大(dà)的(de)屏幕上,Kawano覺得(de)這(zhè)就是必要而不是多(duō)餘的(de)選項。
- 上一篇:負載均衡在APP開發中的(de)運用(yòng)
- 下(xià)一篇:APP開發中一些不能接受的(de)錯誤設計