2015-3-24 用心設(shè)計(jì)
藍(lán)藍(lán)設(shè)計(jì)( www.miumiuwan.com )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供有效的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)
每一個(gè)扁平化界面設(shè)計(jì)，都是我們的心靈碰撞致力于最棒的 metro ui 設(shè)計(jì)
來(lái)源：優(yōu)設(shè)網(wǎng)
如果您想訂閱本博客內(nèi)容，每天自動(dòng)發(fā)到您的郵箱中， 請(qǐng)點(diǎn)這里
造型千奇百怪的小屏手機(jī)叱咤風(fēng)云的時(shí)代已經(jīng)一去不復(fù)返了。事實(shí)上，近幾年的行業(yè)趨勢(shì)表明大屏手機(jī)，或者說(shuō)巨屏手機(jī)，將會(huì)在很長(zhǎng)的時(shí)間內(nèi)占據(jù)主流。而現(xiàn)在，也是時(shí)候總結(jié)一下過(guò)去幾年里，面對(duì)大屏手機(jī)時(shí)，設(shè)計(jì)師的失職。
其實(shí)簡(jiǎn)單稱之為大屏也不是特別準(zhǔn)確，它的英文名稱更為形象：Phone+Tablet=Phablet ，也就是說(shuō)，它是傳統(tǒng)手機(jī)和平板的結(jié)合體，Phablet。
因此，這些大屏手機(jī)實(shí)際上是超過(guò)我們手掌習(xí)慣的、可掌控的尺寸，但是又沒(méi)有達(dá)到平板的級(jí)別。更準(zhǔn)確的說(shuō)，是屏幕尺寸在5~6.9英寸的那些大屏手 機(jī)。作為參考，iPhone 4&4S 的屏幕尺寸是3.5英寸，iPhone 5&5S 為4 英寸，iPhone 6 為4.7英寸，iPhone 6P 為 5.5英寸。
所以，僅需要看看屏幕尺寸就可以快速確定手機(jī)類型。
盡管Phablet在現(xiàn)在看來(lái)早已不是新東西了，但是絕大多數(shù)用戶都還是從三星的Note系列開(kāi)始知道它的存在，到現(xiàn)在滿大街都是iPhone 6P之后才真正對(duì)它上心。最早的Phable可以算在三星的Galaxy Note頭上，而這款手機(jī)早在2011年就有了。
在以手機(jī)呼叫為主短信溝通為輔的功能機(jī)時(shí)代，絕大多數(shù)用戶幾乎不會(huì)通過(guò)手機(jī)購(gòu)買內(nèi)容，而現(xiàn)在則截然不同，用戶在手機(jī)上購(gòu)買數(shù)字內(nèi)容早已不是新鮮事， 而且數(shù)字內(nèi)容的消費(fèi)會(huì)越來(lái)越多，這和手機(jī)屏幕的增長(zhǎng)以及交互方式的改變分不開(kāi)。根據(jù)Statista 的研究分析，從現(xiàn)在開(kāi)始手機(jī)市場(chǎng)會(huì)以每年4%的比例增長(zhǎng)，而截至2018年，大屏手機(jī)的增長(zhǎng)率則預(yù)計(jì)會(huì)高達(dá)36%，不用多想，我想你能明白這中間有多大的 想象空間。
大屏手機(jī)自然是大氣炫酷，現(xiàn)在每天都有許多用戶拋棄之前的小屏智能機(jī)加入5英寸大屏機(jī)的陣營(yíng)。但是，他們并不確定更大的屏幕能給他們帶來(lái)更優(yōu)秀更舒適的用戶體驗(yàn)，畢竟手掌并沒(méi)有隨之增大。因此，用戶與大屏機(jī)之間的交互方式就需要進(jìn)行調(diào)整了。
手機(jī)屏幕的拇指操作熱區(qū)圖你可能接觸過(guò)，它標(biāo)識(shí)出了人們握持手機(jī)，并標(biāo)識(shí)出那些區(qū)域拇指易于操作，哪些地方難于觸及。
其實(shí)，拇指操作熱圖最早是由設(shè)計(jì)師Steven Hoober于2011年的書(shū)《Designing Mobile Interface》中使用，其中的綠色部分被他稱為“單手握持時(shí)拇指觸摸最舒適的區(qū)域”。這些區(qū)域的測(cè)量是通過(guò)1333份觀測(cè)分析總結(jié)出來(lái)的，這些分析數(shù)據(jù)還表明，49%的用戶習(xí)慣于單手握持手機(jī)，用拇指操控屏幕，而用另外一只手做其他的事情。同樣是基于當(dāng)年的這些報(bào)告，還獲取了以下信息：
但是在“3.5英寸最佳”的時(shí)代過(guò)去之后，大屏手機(jī)上的操控又是怎樣的狀況呢？用戶是否需要用力伸展拇指點(diǎn)擊屏幕另一邊緣的按鈕，又或者他們的握持方式有所改變？Steven Hoober的研究數(shù)據(jù)表明，“用戶單手握持的比例下降，會(huì)更多用上另外一只手，并且會(huì)頻繁地切換雙手操作，不論是輸入還是握持。”這種狀況已經(jīng)延伸到不同尺寸的設(shè)備上，包括普通的手機(jī)、大屏手機(jī)以及平板。
看看單手握持時(shí)候用戶拇指的操作熱區(qū)圖吧，綠色的是舒適區(qū)，橙色的部分是手指用力伸展可觸及的區(qū)域，紅色則是拇指無(wú)法觸及的區(qū)域。很明顯，拇指操控 區(qū)域在這些大屏手機(jī)上并不大，用戶也不會(huì)因此委屈自己的拇指來(lái)完成復(fù)雜的任務(wù)，“一手承擔(dān)”全部的操作。所以，這也是為什么用戶會(huì)調(diào)整他們的握持方式，適 應(yīng)新的握持力度，盡量適應(yīng)新的操控和交互方式，與大屏手機(jī)輕松互動(dòng)。
這樣看來(lái)，似乎能讓人松一口氣，單手考慮到目前大屏手機(jī)的尺寸和界面復(fù)雜的交互，所以用戶在絕大多數(shù)的情況下其實(shí)依然是用一只手來(lái)承擔(dān)握持的任務(wù)（握持方式有所改變）。這樣一來(lái)，為了同時(shí)兼顧握持和交互，在大屏手機(jī)上，用戶最舒適的操作區(qū)域依然很接近之前的拇指舒適區(qū)。
可惜的是，實(shí)際狀況并非如此。
作為大屏手機(jī)領(lǐng)域的先驅(qū)，三星Galaxy Note系列為市場(chǎng)和用戶作出了巨大的貢獻(xiàn)，但是涉及界面、交互和用戶體驗(yàn)之時(shí)，它唯一的貢獻(xiàn)可能就是那只手寫(xiě)筆了。另外一個(gè)尷尬的現(xiàn)實(shí)是，絕大多數(shù)的Note用戶幾乎沒(méi)用過(guò)他們的手寫(xiě)筆。
相應(yīng)的，蘋(píng)果公司看起來(lái)在大屏優(yōu)化上更加上心。iPhone 6P的發(fā)布將所有的問(wèn)題攤了開(kāi)來(lái)，iOS的設(shè)計(jì)師為此追加了諸多“可達(dá)性”設(shè)計(jì)，比如雙擊Home鍵之后，屏幕頂部的內(nèi)容會(huì)向下推至舒適區(qū)，方便用戶操作。這里面許多設(shè)計(jì)都是典型的妥協(xié)之后的結(jié)果，在設(shè)計(jì)上有所提升但是不夠好。而iPhone之外，還有千奇百怪的Android手機(jī)，它們基本上就是八仙過(guò)海各顯神通了，UI和交互設(shè)計(jì)上的品質(zhì)就更不好說(shuō)了。
Luke Wroblewski 還提供了另外一個(gè)解決方案：將最重要的交互點(diǎn)移動(dòng)到屏幕底部，并根據(jù)這些按鈕/控件/操作區(qū)域的重要性，由下往上排布。（國(guó)內(nèi)手機(jī)廠商魅族在設(shè)計(jì) Flyme的時(shí)候推出了Smartbar的解決方案，和這個(gè)思路基本一致）對(duì)于iOS而言，能沿襲這種方案來(lái)進(jìn)行設(shè)計(jì)自然是不錯(cuò)的，Android也是如 此，但是蘋(píng)果和谷歌只能控制系統(tǒng)上的設(shè)計(jì)，而具體的APP開(kāi)發(fā)者和設(shè)計(jì)師還需要在這個(gè)上面進(jìn)行更深入的考量。
大屏手機(jī)的普及程度還在快速增長(zhǎng)，更大的屏幕和更豐富的數(shù)字內(nèi)容正在重塑我們這個(gè)時(shí)代，移動(dòng)端設(shè)計(jì)正在悄無(wú)聲息地改變著一切。在大屏手機(jī)的UI、交互和用戶體驗(yàn)設(shè) 計(jì)上，我們還需要了解更多的實(shí)際情況，搜集更多數(shù)據(jù)支持，并且在UI/UX的決策上有更多的考量。最近兩年所有的手機(jī)和手機(jī)系統(tǒng)發(fā)布會(huì)上，每個(gè)主講人都在 強(qiáng)調(diào)“我們?cè)诖笃翙C(jī)界面優(yōu)化上有特別的技巧”，但是實(shí)際使用的時(shí)候，千奇百怪的操作方式依然令人感到不自然。未來(lái)，還有很長(zhǎng)的路要走，這其中的空間，還很 大。
藍(lán)藍(lán)設(shè)計(jì)的小編 http://www.miumiuwan.com