APP設計其實是一門非常精細的設計功能。比web網頁設計還需要更加的專注和費時間。
一款優(yōu)秀的APP UI設計,在于APP設計細節(jié)的把握和相關移動交互效果的展示。
今天25學堂就跟大家來聊一聊APP交互設計的五個細節(jié)設計和思考。 從這幾個方面也間接的體現出移動APP設計師的功力。
第一個APP交互設計細節(jié):隱性導航設計和布局
因為我們針對的移動端界面,任何一點空間都是寸土寸金。所以就出現了隱性導航或者是隱藏菜單。比如常見的隱性導航就有:
1、下拉刷新
? ? ? ? 最流行的“隱性導航”要數“下拉刷新”了,這個最早出現在twitter客戶端的下拉更新timeline功能迅速在此類軟件中流行,iOS下網頁版的gmail,新浪微博,甚至網易新聞,都使用了這種設計。
2、左右滑動
? ? ? ? 讓人印象深刻的還有UC瀏覽器的前進后退功能,后退只要拇指向右滑動,前進只要向左滑動手指即可,不必尋找前進后退按鈕,這種設定下瀏覽器全屏也不會影響操作的流暢性。
類似的設計有很多,在yReader下左右滑動是切換前一篇后一篇文章,在iBooks、QQ閱讀的電子書閱讀軟件左右滑動是前后翻頁。android下的QQ客戶端的當前會話、好友和群組分別是三個標簽,左右滑動可以從這三個功能區(qū)中迅速切換。
當然這里還有更細的閱讀和體驗:
第二個APP交互設計細節(jié):“真正的” 幫助用戶排解的焦慮感?
常用的策略有:指示器、進度條、框架讀取和動態(tài)提示等。
最開始,我們經常會為了讓用戶知曉元素正在下載中,我們添加了旋轉式讀取指示器,來展示正在從服務器處接收。用戶會在應用中發(fā)現旋轉的指示。
可結果呢?用戶給予了我們如下的反饋:
“感覺等待耗時太長了,讀取、刷新的速度太慢——感覺沒有上一版本快””
正像上面說的那樣,讀取指示器容易讓用戶感覺時間變“慢”,因此應用等待耗時相對的就“長”了。
而且從設計的層面上講,這么設計僅僅聚焦于“指示器”,而不是“程序的加載”。用戶得到的是“等待”,卻看不到“程序加載過程”。
經歷了這番思考后,設計思路明晰了起來,我們應該向用戶展示一步一步讀取的過程,而不應該省事的一個進度條了事,讓用戶陷入無盡的等待中。
這里可以閱讀《3種常見的移動APP頁面加載設計方案優(yōu)缺點》和《八種APP啟動界面的Loading進度條設計動效方案》
上面是方法一,下面的方法二也不錯,叫做構架讀取。我們在Polar使用了這種技術,因為進度條雖然比指示器先進,但是其實本質都是一樣,只不過進度條更具有某種“欺騙性”,而構架讀取不一樣,讀到了什么地方,就顯示出什么地方,所見即所得,能夠大大的增強用戶的信任感。漸進式的數據讀取,最后達成完整界面的傳遞。
優(yōu)先等級:框架讀取 》進度條 》指示器 》 提示
第三個APP交互設計細節(jié):別妨礙用戶操作
不要為了一些目的去妨礙用戶的體驗。用戶的力量不可抵擋,他們是上帝。
巧妙的引導,才是正確的交互操作。
這就是引導,這就是不妨礙用戶,這就是良好的用戶體驗。合理分析用戶的心態(tài),為他們著想,才能更精確的命中用戶需求。我們從“找朋友”這個功能上找到了突破點,利用這種發(fā),重設計了很多功能。發(fā)現 等功能上做文章和交互。
一切都得利用 收集和放松 的狀態(tài)來設計APP。 ?也就是說我們策劃的APP欄目 要合理、歸類陳列的技巧也是設計師必備的一項技能。
值得學習的APP設計案例:APP交互設計做的一級棒APP案例—MONO貓弄
25學堂本著這么好的軟件應該讓更多的人知道,無論是獨有的文章推送方式和閱讀音樂類文章播放界面時的細節(jié)都很貼心。無處不在的細節(jié)跟簡潔美觀的設計給了我很好的印象。
第四個APP交互設計細節(jié):“及時”的教學
一些移動APP在打開時,就在界面最頂端彈出新手教學,力圖圖文并茂的展示,但是用戶缺少實際操作,并不知道這么多手勢中,最常用的是哪個。因此用戶學起來“全而不精”。
也是屬于引導的范疇。只是從明的一面來引導用戶參加APP體驗之旅。
事實是,90%的人都會跳過此環(huán)節(jié),即便沒有跳過,學過的東西馬上也會忘記。問題出在何處?所謂“實踐出真知”,沒有實踐,教用戶“紙上談兵”你覺得用戶能掌握嗎?而且用戶的心理是,想盡快的操作應用,這一點也被忽視了。界面的模樣都沒看到,便教用戶怎么去進行界面操作,未免太荒謬。
所以這種情況下,提前教學是不好的,教學要在用戶最需要的情況下出現,這樣才有效。Josh?Clark稱這種方法為“及時教學”,這是很靈活的辦法。
將繁復的指導隱藏、分解,在用戶需要被指導時出現,用戶看完指導立馬實踐,這樣的教學效果絕對好。用戶需要時,滿足他們的需要。用戶不需要時,別去煩他們。
第五個APP交互設計細節(jié):確定好一條用戶故事來設計,讓你不會迷路和迷茫。
在開始視覺設計之前確定出完整的一套用戶故事。抑制住自己直接跳入設計的沖動可以節(jié)省時間,避免不必要的頭痛和無用功。
對于每個用戶故事,看看是否能繼續(xù)細化成更具體的故事。長篇大論適合于從宏觀角度概括所需功能,但是細枝末節(jié)的地方也不能忽略。在早期深入細節(jié),從一開始就解決實用性問題。
不要把設計元素放到沒有對應用戶故事的界面上。對每個元素的內容和產生原因進行記錄可以讓條理更清晰,在向開發(fā)團隊移交時會更加順利。
APP設計師必須了解整個APP的使用場景和用戶的故事,這樣才能設計出合理的移動APP設計作品。你自己都走不通,用戶也會走不通的。
其實設計APP界面,也是一次設計師自己進入角色進行游戲的過程。
全站高品質素材免費下載!