發(fā)布時(shí)間:2024-04-13 19:47:06 瀏覽量:226次
以下內(nèi)容由Mockplus團(tuán)隊(duì)翻譯整理,僅供學(xué)習(xí)交流,Mockplus是更快更簡(jiǎn)單的原型設(shè)計(jì)工具。
十年前,手機(jī)的使用只是為了溝通。
而近幾年,情況發(fā)生了很大變化,我們很難找到不使用手機(jī)的人。手機(jī)在極大程度上改變了人們的生活,特別是智能手機(jī),人們沉迷于手中的這個(gè)小盒子里。是什么使人們?nèi)绱藷o(wú)法自拔?打開手機(jī)才發(fā)現(xiàn)里面充斥著琳瑯滿目的移動(dòng)應(yīng)用程序。
盡管移動(dòng)應(yīng)用在行業(yè)中已經(jīng)達(dá)到飽和點(diǎn),但真正的設(shè)計(jì)師依然可以設(shè)計(jì)出脫穎而出的應(yīng)用程序。在這里,我基于自己的一些經(jīng)驗(yàn)和Google指南為設(shè)計(jì)師列出了11個(gè)有用的小技巧,這將有效地幫助設(shè)計(jì)師們?cè)O(shè)計(jì)出既實(shí)用,又能解決問(wèn)題的應(yīng)用程序。
№1. 使鍵盤與所需的文本輸入框相匹配
自定義鍵盤
據(jù)相關(guān)人員研究發(fā)現(xiàn):用戶在鍵盤模式和觸摸屏模式之間的這種切換,增加了用戶的認(rèn)知負(fù)荷。如何減小用戶的認(rèn)知負(fù)荷?設(shè)計(jì)師應(yīng)該為用戶提供一個(gè)可自定義的鍵盤。
系統(tǒng)鍵盤
系統(tǒng)鍵盤如何與所需的文本輸入框相匹配?系統(tǒng)鍵盤則應(yīng)該嘗試根據(jù)上下文進(jìn)行自動(dòng)更改,并顯示保存的密碼。
№2 .充分利用硬件中的手勢(shì)識(shí)別優(yōu)勢(shì)
移動(dòng)端的主要優(yōu)勢(shì)是當(dāng)考慮到網(wǎng)絡(luò)環(huán)境時(shí),手機(jī)可以支持大量的本地硬件的使用,如加速計(jì),GPS,藍(lán)牙,手勢(shì)識(shí)別等。
最大限度地利用手勢(shì)優(yōu)勢(shì)進(jìn)行設(shè)計(jì),不要通過(guò)打字實(shí)現(xiàn)滑動(dòng),輕敲等;當(dāng)然,也不要忘記使用其他硬件優(yōu)勢(shì),你可以通過(guò)這些硬件來(lái)減少許多表單字段。
№3. 不要隱藏密碼
在移動(dòng)設(shè)備中不需要顯示和隱藏密碼選項(xiàng)。由于移動(dòng)設(shè)備的屏幕較小,用戶使用起來(lái)也比較安全。因此,刪除顯示和隱藏選項(xiàng)將有效減少不好的用戶體驗(yàn)。
№4. 顯示搜索欄
如果你能夠設(shè)計(jì)出一個(gè)完美的搜索框,那么你的用戶體驗(yàn)幾乎成功了一半。
盡管所有的應(yīng)用程序都有自己的獨(dú)特性,但用戶最喜歡的搜索方式還是向下滑動(dòng)然后搜索所需內(nèi)容。除此之外,設(shè)計(jì)師在設(shè)計(jì)搜索欄交互時(shí),為了提供良好的用戶體驗(yàn),一定要根據(jù)用戶的使用習(xí)慣顯示他們最近搜索和最喜歡的搜索時(shí)間。
№5. 在正確的時(shí)間請(qǐng)求權(quán)限
有時(shí)候,設(shè)計(jì)師認(rèn)為獲得權(quán)限是一個(gè)好的設(shè)計(jì)主意,用戶只需點(diǎn)擊并授予所有權(quán)限即可。
但事實(shí)并非如此,用戶對(duì)他們的數(shù)據(jù)非常認(rèn)真,所以如果你需要獲取關(guān)于他們的數(shù)據(jù),請(qǐng)確保你在正確的時(shí)間詢問(wèn)權(quán)限。
因?yàn)樗梢宰層脩粜湃文愕膽?yīng)用程序,同時(shí)他們也極有可能發(fā)展成你的老用戶。
№6. 不要使用閃屏
優(yōu)先向用戶展示應(yīng)用程序的價(jià)值主張,直接把它們放在主屏幕上。當(dāng)用戶打開應(yīng)用程序時(shí)一眼就能看到。
不需要制作花哨的閃屏,這樣你也不用為漂亮的插圖而苦惱。根據(jù)研究表明,用戶平均會(huì)花費(fèi)45秒來(lái)選擇一個(gè)應(yīng)用程序。
他們通常會(huì)下載十個(gè)應(yīng)用程序而選擇一個(gè),因此你的應(yīng)用程序必須在10秒內(nèi)吸引住用戶并顯示其價(jià)值。因此,使用閃屏顯得不合時(shí)宜。
№7. 注意應(yīng)用程序的屏幕方向
對(duì)于移動(dòng)應(yīng)用程序的設(shè)計(jì),我們總是在豎屏模式下進(jìn)行設(shè)計(jì)。設(shè)計(jì)師應(yīng)該同時(shí)檢查屏幕橫向和縱向的適應(yīng)效果,不要忘記在橫屏模式下測(cè)試你的應(yīng)用程序。
如果用戶30%的時(shí)間都在使用橫屏模式,則設(shè)計(jì)必須考慮橫向模式。
例如用戶在駕駛時(shí),或使用金融,書籍和游戲等應(yīng)用程序時(shí),手機(jī)的主要模式為橫屏模式。
№8. 形式簡(jiǎn)單明了
總所周知,桌面端的主要操作是鍵入,而移動(dòng)端的主要操作則是輕擊,點(diǎn)按,長(zhǎng)按。嘗試簡(jiǎn)化表格試用,用戶不必不在這里填寫重要的表格。所以,請(qǐng)嘗試設(shè)置不同的交互方式來(lái)填充表格。
№9. 測(cè)試手機(jī)上的應(yīng)用程序
測(cè)試手機(jī)上的應(yīng)用程序,這是我給每位設(shè)計(jì)師的第一個(gè)建議。如果你正在設(shè)計(jì)一款手機(jī)應(yīng)用程序,當(dāng)你開始設(shè)計(jì)時(shí),不妨連接你的筆記本電腦來(lái)看看你的應(yīng)用程序設(shè)計(jì)。你的設(shè)計(jì)不僅僅應(yīng)該適用于高清桌面,也應(yīng)該適應(yīng)于低分辨率的低劣屏幕 ; 請(qǐng)確保你的設(shè)計(jì)適用于最糟糕的情況。
№10. 提供直觀的導(dǎo)航
這是非?;镜模袝r(shí)設(shè)計(jì)師往往容易忽略。90%的時(shí)間里用戶都試圖使用他們已經(jīng)習(xí)慣的系統(tǒng)模式的導(dǎo)航,用戶使用這種導(dǎo)航可以使你的應(yīng)用程序更加智能,但前提必須是你導(dǎo)航足夠直觀,用戶不會(huì)因?yàn)樗阉鲗?dǎo)航太久而卸載你的應(yīng)用程序。
№11. 篩選和排序選項(xiàng)
在設(shè)計(jì)產(chǎn)品時(shí),設(shè)計(jì)師應(yīng)該多考慮如何讓用戶感到滿意。
當(dāng)一個(gè)網(wǎng)站可以在一個(gè)屏幕上顯示14張圖片時(shí),一個(gè)手機(jī)屏幕一次只能顯示三張圖片。大多數(shù)設(shè)計(jì)師在沒(méi)有考慮這一客觀事實(shí)的情況下,在屏幕上刪除了許多功能,并制作了一個(gè)普通的屏幕過(guò)濾器來(lái)迷惑用戶。
我強(qiáng)烈建議設(shè)計(jì)師提供一個(gè)有效的過(guò)濾器和排序選項(xiàng),帶給用戶滿意的體驗(yàn)。因此,不妨多花點(diǎn)時(shí)間根據(jù)上下文為用戶提供一些有效的選項(xiàng)。
以上就是設(shè)計(jì)師在移動(dòng)應(yīng)用交互時(shí)可以學(xué)習(xí)的11個(gè)小技巧,以供參考。
熱門資訊
1. iPhone6的UI設(shè)計(jì)尺寸規(guī)范,原來(lái)如此重要!
想要了解iPhone6界面設(shè)計(jì)的尺寸規(guī)范嗎?這里為您詳細(xì)介紹iPhone6的UI設(shè)計(jì)尺寸規(guī)范,包括界面尺寸、圖標(biāo)尺寸、可點(diǎn)擊高度規(guī)范、搜索欄高度規(guī)范以及界面元素之間的距離規(guī)范。
2. 12個(gè)絕佳的UI設(shè)計(jì)網(wǎng)站,助力你的創(chuàng)作之旅!
將為大家介紹12個(gè)絕佳的UI設(shè)計(jì)網(wǎng)站,這些網(wǎng)站不僅可以為你提供靈感,還可以幫助你學(xué)習(xí)新的技巧,助力你的創(chuàng)意之旅!dribbbleDribbble 是一個(gè)面向設(shè)計(jì)師的...
3. 移動(dòng)端UI設(shè)計(jì)中常見的5種APP界面類型,你get到了嗎?
通過(guò)介紹移動(dòng)端UI設(shè)計(jì)中的閃屏頁(yè)、引導(dǎo)頁(yè)、浮層引導(dǎo)頁(yè)、空白頁(yè)和首頁(yè)等5種APP界面類型,幫助大家更好地了解UI設(shè)計(jì)的基本知識(shí)
4. 10個(gè)免費(fèi)學(xué)習(xí)UI設(shè)計(jì)的網(wǎng)站 提升你的設(shè)計(jì)能力
怎樣可以提升你的UI設(shè)計(jì)能力!第一個(gè):站酷站酷想必是設(shè)計(jì)師都知道的一個(gè)網(wǎng)站,里面不止有UI設(shè)計(jì)的資源,還有其他設(shè)計(jì)的,不如:平面設(shè)計(jì)、網(wǎng)頁(yè)設(shè)計(jì)、字體...
5. 移動(dòng)端列表頁(yè)和表單頁(yè)設(shè)計(jì)秘訣:讓你的APP點(diǎn)擊率翻倍
在移動(dòng)端設(shè)計(jì)中,列表頁(yè)和表單頁(yè)是不可或缺的部分。一個(gè)好的列表頁(yè)和表單頁(yè)設(shè)計(jì)能夠讓用戶輕松地獲取信息并產(chǎn)生點(diǎn)擊欲望,從而提高點(diǎn)擊率。本文將為你...
6. 推薦10本適合UI設(shè)計(jì)師看的書籍,輕松掌握技能!
對(duì)于想要提高自己的設(shè)計(jì)能力和創(chuàng)造力的小白和UI設(shè)計(jì)師來(lái)說(shuō),這本書是一個(gè)很好的選擇。4.《設(shè)計(jì)的覺(jué)醒》(IKKO TANAKA)推薦理由: 這本書是日本現(xiàn)代平面...
7. 零基礎(chǔ)學(xué)UI設(shè)計(jì)要多久?培訓(xùn)完能拿多少工資?
探索零基礎(chǔ)UI設(shè)計(jì)培訓(xùn)的時(shí)長(zhǎng)與薪資前景。了解數(shù)字藝術(shù)教育領(lǐng)域的專業(yè)課程,以及培訓(xùn)后的職業(yè)發(fā)展機(jī)會(huì)。
8. 物聯(lián)網(wǎng)APP UI設(shè)計(jì):創(chuàng)造智能硬件領(lǐng)域的沉浸式體驗(yàn)
ui設(shè)計(jì)應(yīng)該讓用戶一目了然,能夠快速找到所需的信息和功能。在設(shè)計(jì)過(guò)程中,應(yīng)盡量使用簡(jiǎn)潔的圖標(biāo)、文字和色彩,避免過(guò)多的視覺(jué)干擾。符合用戶習(xí)慣:ui設(shè)...
9. 設(shè)計(jì)中的色彩心理學(xué):淺析中西方色彩的歷史演變與設(shè)計(jì)應(yīng)用
摘要:本文探討了色彩的歷史演變和設(shè)計(jì)應(yīng)用。通過(guò)對(duì)色彩在早期文明社會(huì)中的實(shí)用運(yùn)用、不同文化背景下色彩觀念的差異、色彩在設(shè)計(jì)中的重要性以及新興技...
10. 武漢UI設(shè)計(jì)培訓(xùn)班費(fèi)用怎么樣?想學(xué)UI設(shè)計(jì)要多少錢?
想了解武漢UI設(shè)計(jì)培訓(xùn)班的費(fèi)用是多少嗎?不知道學(xué)UI設(shè)計(jì)要花多少錢?不妨看看這篇文章,了解UI設(shè)計(jì)培訓(xùn)班的學(xué)費(fèi)價(jià)格以及學(xué)習(xí)內(nèi)容。
最新文章
同學(xué)您好!