移動(dòng)界面設(shè)計(jì)(編輯修改稿)
2025-09-12 00:03 本頁(yè)面
【文章內(nèi)容簡(jiǎn)介】 ? Back（返回）：使用戶(hù)回到前一個(gè)操作屏幕。 移動(dòng)界面設(shè)計(jì)要素 移動(dòng)界面設(shè)計(jì)要素 多選列表 ? 在移動(dòng)應(yīng)用中使用多選列表，可以最大限度地減少文本輸入。 移動(dòng)界面設(shè)計(jì)要素 文字顯示 ? 文字顯示控件主要用于顯示較多數(shù)量的文字信息。 移動(dòng)界面設(shè)計(jì)要素 文字顯示的一般可用性建議： ? 每一屏幕顯示內(nèi)容不宜過(guò)多，如果信息較多，應(yīng)定義一個(gè)鏈接。 ? 一般情況下文字信息應(yīng)當(dāng)使用換行方式進(jìn)行顯示。 移動(dòng)界面設(shè)計(jì)要素 圖標(biāo)與圖像 ? 圖像、圖標(biāo)可以增強(qiáng)顯示信息的效果。 移動(dòng)界面設(shè)計(jì)要素 報(bào)警提示 ? 警報(bào)提示，可以將用戶(hù)所關(guān)心的最新信息通知給用戶(hù)，或向用戶(hù)提供有關(guān)當(dāng)前狀況的信息。 ? 一般使用文字信息，可能加入一定的圖標(biāo)。 ? 常用的提示類(lèi)型有： ? 確認(rèn)提示 ? 信息提示 ? 警告提示 ? 出錯(cuò)提示 ? 持久性提示 ? 等待提示 如何做移動(dòng)界面設(shè)計(jì) 用戶(hù)心態(tài) 用戶(hù)在面對(duì)移動(dòng)應(yīng)用時(shí)，心態(tài)有三大特征： 第一是微任務(wù)， 我不會(huì)拿手機(jī)寫(xiě)一篇論，不會(huì)從頭到尾看一部電影，使用是隨時(shí)隨地的； 第二是查看周遭，也就是我所處的環(huán)境。 我可能會(huì)打開(kāi)手機(jī)，看有什么好的館子，有什么好的電影，打折團(tuán)購(gòu)等等； 第三個(gè)是無(wú)聊， 很多移動(dòng)用戶(hù)更多情況是無(wú)聊的，打開(kāi)手機(jī)，從左到右的翻，翻到最后再把手機(jī)關(guān)掉。 針對(duì)這三種特征的心態(tài)，我們?cè)趺礃尤ッ鎸?duì)？ 第一，應(yīng)用最好是小而準(zhǔn)，不要大而全。越全的功能應(yīng)用，只能代表著這個(gè)應(yīng)用在各方面的都很平庸； 第二個(gè)要滿足用戶(hù)的情景需求； 第三個(gè)要幫助用戶(hù)去消磨時(shí)間。 如何做移動(dòng)界面設(shè)計(jì) 屏幕布局 一般來(lái)說(shuō)，手機(jī)屏幕是從上往下布局的，重要的信息會(huì)放在上方。但是在操作上，大部分人都是單手拿手機(jī)，常用的操作，要放在界面的下方。 另外還有一個(gè)原則，最小的觸摸單位，一般是 44個(gè)像素。如果再小，你的拇指難以觸碰，或者容易引發(fā)誤操作。同時(shí)，也不要讓界面太擁擠。 大家熟悉的，比如 iOS的桌面，最主要的操作是在最下面，常用的四個(gè)鈕，上面的內(nèi)容可以來(lái)回滑動(dòng)去選擇。微信的操作也是在下面，重要的信息 ——我們的聊天內(nèi)容放在上方。 如何做移動(dòng)界面設(shè)計(jì) 一、簡(jiǎn)單 用戶(hù)是要微任務(wù)的，心態(tài)是有點(diǎn)無(wú)聊的，我們要讓界面變得簡(jiǎn)單。但設(shè)計(jì)更簡(jiǎn)單的體驗(yàn)，往往意味著要追求更極端的目標(biāo)。因?yàn)槟阋浞掷斫庥脩?hù)的需求，理解用戶(hù)現(xiàn)在想要什么，理解他現(xiàn)在的心態(tài)是什么，理解他的大情緒是什么。 如何做移動(dòng)界面設(shè)計(jì) 隱藏或者干掉 不太重要，但是必要的東西，可以把它隱藏起來(lái)；無(wú)關(guān)緊要的東西，能干掉的就干掉，不要把什么東西都塞給用戶(hù)。 比如 Path，它把五個(gè)常用的按鈕，集成到 “
環(huán)評(píng)公示相關(guān)推薦
鄂ICP備17016276號(hào)-1