101條UX原則 - #39 為多行輸入框選擇一個(gè)合理的尺寸

表格需要盡可能減少與用戶之間的摩擦,因?yàn)樘畋硎且粋€(gè)巨大的操作障礙,轉(zhuǎn)換率很低,因此要讓用戶盡可能輕松地完成。

有時(shí),我們需要向用戶詢問的不僅僅是簡(jiǎn)單的單字或雙字答案(如名稱),還需要多行輸入字段(或“文本區(qū)域”)。常見錯(cuò)誤做法是,網(wǎng)上(以及某些桌面應(yīng)用程序)提供了過大或過小的文本輸入?yún)^(qū)域。

如果文本區(qū)域太大,并且用戶必須通過操縱視圖(上下滑動(dòng))才能查看他們正在鍵入的內(nèi)容,那么你就是浪費(fèi)了寶貴的屏幕空間。

對(duì)于預(yù)期輸入而言過大的文本區(qū)域:

如果文本區(qū)域太小,則用戶必須在字段內(nèi)滾動(dòng)才能查看他們已寫入的內(nèi)容。

小到難以置信卻要填入大量文本的一個(gè)輸入字段:

仔細(xì)考慮用戶在填寫這些輸入框時(shí)的普遍反映,并相應(yīng)地判斷尺寸。這是一個(gè)用來說明,在UI設(shè)計(jì)階段之前的一點(diǎn)點(diǎn)用戶體驗(yàn)改進(jìn)如何能夠大規(guī)模改善大多數(shù)用戶的體驗(yàn)的典型示例。


知識(shí)點(diǎn):

·根據(jù)用戶輸入的文本數(shù)量選擇合理的大小。

·不要只使用默認(rèn)大?。横槍?duì)每個(gè)用例調(diào)整它們。

·在設(shè)計(jì)階段早期考慮這些事情。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 一、Python簡(jiǎn)介和環(huán)境搭建以及pip的安裝 4課時(shí)實(shí)驗(yàn)課主要內(nèi)容 【Python簡(jiǎn)介】: Python 是一個(gè)...
    _小老虎_閱讀 6,311評(píng)論 0 10
  • ORA-00001: 違反唯一約束條件 (.) 錯(cuò)誤說明:當(dāng)在唯一索引所對(duì)應(yīng)的列上鍵入重復(fù)值時(shí),會(huì)觸發(fā)此異常。 O...
    我想起個(gè)好名字閱讀 5,916評(píng)論 0 9
  • 關(guān)于Mongodb的全面總結(jié) MongoDB的內(nèi)部構(gòu)造《MongoDB The Definitive Guide》...
    中v中閱讀 32,273評(píng)論 2 89
  • 這節(jié)課讓你熟悉Xcode,它是你編寫應(yīng)用程序的工具。你會(huì)熟悉Xcode的項(xiàng)目結(jié)構(gòu)和學(xué)習(xí)如何瀏覽和使用之間的...
    李晨憂華閱讀 2,166評(píng)論 0 2
  • 昨天談到了PRINCE2的六大要素,今天繼續(xù)講解四大管理步驟 首先是計(jì)劃,項(xiàng)目經(jīng)理制定計(jì)劃對(duì)項(xiàng)目的各個(gè)方面進(jìn)行控制...
    Dan獨(dú)記憶閱讀 1,096評(píng)論 0 0

友情鏈接更多精彩內(nèi)容