電話越來越大，不可否認(rèn)。回顧今天的原始iPhone，看起來非常小。但是大型手機(jī)具??有新的設(shè)計(jì)考慮和要求。讓我們深入了解它們。

備受期待的華為折疊屏幕手機(jī)將于今年晚些時(shí)候問世。如果您的網(wǎng)站設(shè)計(jì)準(zhǔn)備好了嗎？這款手機(jī)將配備一塊8寸超大顯示屏 - iPhone XS Max的顯示屏尺寸為6.5英寸，而許多常見設(shè)備的顯示屏尺寸為5.5英寸或更大 - 這一點(diǎn)非常重要，因?yàn)槟趧?chuàng)造一種能夠讓我們稱之為“平板電腦”的產(chǎn)品。 “。

在設(shè)計(jì)似乎不斷變大的手機(jī)屏幕時(shí)，請(qǐng)記住以下幾個(gè)注意事項(xiàng)。

優(yōu)先考慮內(nèi)容

不要讓用戶猜測(cè)移動(dòng)設(shè)計(jì)的重要性。屏幕的上三分之二應(yīng)該清楚地傳達(dá)設(shè)計(jì)中最重要的元素。

移動(dòng)屏幕的下三分之一應(yīng)包括次要元素或參與機(jī)會(huì)。（如果此內(nèi)容與主要內(nèi)容元素相關(guān)，則實(shí)際上可以。）

在考慮此優(yōu)先級(jí)內(nèi)容時(shí)，請(qǐng)創(chuàng)建一個(gè)包含三個(gè)元素的設(shè)計(jì)組 - 圖像，短消息和參與。

• 圖像注意并向用戶顯示設(shè)計(jì)的內(nèi)容
• 短信，以幫助用戶了解他們?yōu)槭裁丛谶@里以及他們應(yīng)該做什么
• 參與機(jī)會(huì)是滾動(dòng)或填寫表單的按鈕或邀請(qǐng); 它告訴用戶下一步該做什么

創(chuàng)建有意義的導(dǎo)航

移動(dòng)導(dǎo)航可能在不同屏幕上遵循不同的模式。

無論喜歡與否，漢堡包菜單已成為小屏幕上的標(biāo)準(zhǔn)配置。但它可能不是大型移動(dòng)屏幕的最佳選擇，因?yàn)槟懈蟮目臻g和機(jī)會(huì)來獲得更大的導(dǎo)航元素。

想想iPhone屏幕底部的那一排錨定元素或移動(dòng)瀏覽器下半部分的標(biāo)準(zhǔn)按鈕。屏幕底部較大的按鈕式導(dǎo)航可以成為這些大型移動(dòng)設(shè)備的理想選擇，例如Calm app（上圖）。

用戶已經(jīng)習(xí)慣了用戶模式，并且您實(shí)際上有空間將信息放在那里。屏幕底部導(dǎo)航還可以提供一個(gè)機(jī)會(huì)來吸引用戶與設(shè)計(jì)進(jìn)行交互。

訪問不同的內(nèi)容時(shí)，請(qǐng)確保導(dǎo)航不會(huì)消失 - 即使這意味著它的格式略有不同。

手（和拇指）大小問題

有一段時(shí)間，我們假設(shè)每個(gè)人都用一只手握住手機(jī)并用拇指觸及關(guān)鍵內(nèi)容區(qū)域和按鈕。

沒有這些巨大的手機(jī)！越來越多的用戶用雙手握住設(shè)備，改變那些觸摸模式的樣子。我經(jīng)常拿著手機(jī) - 一個(gè)6.5英寸的iPhone - 用兩只手，用兩個(gè)拇指來導(dǎo)航內(nèi)容（使屏幕的中心成為一個(gè)關(guān)鍵區(qū)域）。我也使用相同的雙拇指圖案進(jìn)行文本輸入。

手較大或較小的人可能不會(huì)以相同的方式進(jìn)行交互。很容易看出單拇指伸展區(qū)域可能不再符合標(biāo)準(zhǔn)。（這就是為什么你想為自己玩設(shè)備，看看你如何實(shí)際持有和使用它們。它可以極大地影響設(shè)計(jì)。）

考慮排版尺寸

不要忘記這種類型。

使用更寬的屏幕，您可能需要重新調(diào)整類型大小。建議的閱讀尺寸仍然是每行35-55個(gè)字符和空格。Linespacing應(yīng)該至少比文本大小大1.5倍。

保持形式簡(jiǎn)潔

即使在較大的手機(jī)上填寫表格可能更容易，也不要讓用戶試圖收集信息。

保持形式簡(jiǎn)潔; 通過電子郵件跟進(jìn)以獲取更多信息。（這樣用戶可以選擇在手機(jī)和桌面設(shè)備上輸入信息。）

注意力范圍很短，移動(dòng)設(shè)備上的注意力是您遇到的最短距離。當(dāng)您爭(zhēng)奪用戶的注意力時(shí)，簡(jiǎn)潔形式很有可能完成。

滾動(dòng)

電話用戶非常接受滾動(dòng)操作。只要確保為他們留出足夠的空間。（這是在大型設(shè)備上實(shí)際運(yùn)行良好的一件事。）

設(shè)計(jì)畫布的可用部分，以便用戶在嘗試向下移動(dòng)頁面時(shí)不會(huì)意外地點(diǎn)擊項(xiàng)目。雖然用戶不介意滾動(dòng)，但如果它成為挑戰(zhàn)，他們會(huì)迅速放棄這個(gè)想法。

在設(shè)計(jì)方面，所有這些意味著您應(yīng)該在邊緣留下一些額外的填充以增強(qiáng)滾動(dòng)體驗(yàn)。擁有更大的視口，應(yīng)該沒什么大不了的！

明智地使用Viewport

不要僅僅因?yàn)槠聊辉絹碓酱蠖辉敢鈱?duì)專欄感到瘋狂; 堅(jiān)持一欄式。它更容易閱讀，并為用戶提供更簡(jiǎn)化的焦點(diǎn)區(qū)域。

并且不要因?yàn)槟阌懈嗟拇怪笨臻g而試圖填補(bǔ)太多信息。

將視口視為一次提供一個(gè)動(dòng)作或交互的機(jī)會(huì)。你想讓用戶在這做什么？不要將屏幕與其他元素或想法混雜在一起。

考慮內(nèi)容放置

你在手機(jī)上看到的第一個(gè)地方在哪里？與其他設(shè)備不同，手機(jī)眼動(dòng)追蹤通常從中間開始，而不是在屏幕頂部。

嘗試在屏幕的這一部分放置關(guān)鍵元素，號(hào)召性用語或互動(dòng)元素。

最近，我一直沉迷于切片游戲，這個(gè)游戲中的元素位置都是現(xiàn)貨。注意關(guān)鍵元素如何位于中心，周圍有觸摸點(diǎn)。你甚至沒有花太多時(shí)間看其他邊緣。

避免將關(guān)鍵內(nèi)容或按鈕放在屏幕的最頂部或角落。這些是手持設(shè)備上最困難的位置。（它們也是掃描內(nèi)容時(shí)眼睛最后的位置。）

結(jié)論

在設(shè)計(jì)更大的手持設(shè)備時(shí)，關(guān)鍵可能是為自己拿一個(gè)。看看你的手。你好嗎？你的手指在哪里？你是如何管理手機(jī)和互動(dòng)的？

使用它作為研究名稱中的新設(shè)備（或兩個(gè)）的借口。雖然我們所知道的關(guān)于良好設(shè)計(jì)的所有理論和事物都適用于這些設(shè)備，但它也會(huì)讓我們產(chǎn)生曲線球，因?yàn)槟仨毧紤]交互如何以不同的方式工作，具體取決于屏幕的大小。這是一個(gè)您不會(huì)遇到依賴于鼠標(biāo)引導(dǎo)交互的傳統(tǒng)桌面的問題，因此請(qǐng)給自己時(shí)間考慮一下。