日韩 亚洲一区二_久久vs国产综合色大全_国产精品福利在线_欧美在线一级A片免费观看欧美在线_女同性毛片60分钟

您現(xiàn)在所在的位置：首頁(yè) >關(guān)於奇酷 > 行業(yè)動(dòng)態(tài) > UI培訓(xùn)裡的APP設(shè)計(jì)心得

UI培訓(xùn)裡的APP設(shè)計(jì)心得

來(lái)源：奇酷教育 發(fā)表於：

奇酷教育-UI培訓(xùn)_UI培訓(xùn)班_UI設(shè)計(jì)_UI設(shè)計(jì)培訓(xùn)班

　　前段時(shí)間項(xiàng)目組接到公司一個(gè)緊急項(xiàng)目，做一個(gè)景區(qū)檢票的APP，項(xiàng)目周期很短，設(shè)計(jì)、開(kāi)發(fā)、測(cè)試到上線(xiàn )僅僅只有兩(liǎng)個(gè)星期的時(shí)間。最後經(jīng)過(guò)項(xiàng)目組成員的辛勤付出，項(xiàng)目如期上線(xiàn )。這個(gè)APP雖然功能簡(jiǎn)單，但要在這麼緊迫的時(shí)間內(nèi)把它做出來(lái)，並且把用戶(hù)體驗(yàn)做到最好還是有很多地方需要去思考的。下面我會(huì)一一列舉我在做這個(gè)項(xiàng)目的一些心得體會(huì)。
　　一、考慮產(chǎn)品媒介
　　該APP是Pad端的，相比於手機(jī)端，屏幕要更大，可展示的內(nèi)容會(huì)更多。最初，產(chǎn)品給的原型是這樣的（如下圖，哈哈哈，有沒有被驚到……），產(chǎn)品僅僅把該APP的幾個(gè)主要功能擺放在頁(yè)面上，沒有考慮到對(duì)大屏幕的有效利用，有些功能其實(shí)可以展開(kāi)出來(lái)的，而不是讓用戶(hù)跳到下級(jí)頁(yè)面去看，比如“檢票記錄”。
　　二、了解使用場(chǎng)景優(yōu)化交互體驗(yàn)
　　1.使用場(chǎng)景
　　景區(qū)檢票員在檢票的時(shí)候心情是焦慮、煩躁的，特別是排隊(duì)人數(shù)很多的時(shí)候。這就要求該APP能夠做到非常容易學(xué)習(xí)，容易使用，以最少的操作步驟、最快的速度準(zhǔn)確地完成任務(wù)。
　　2.更少的操作次數(shù)
　　對(duì)初稿原型進(jìn)行優(yōu)化，在第二版中將檢票記錄列了出來(lái)，而不需要進(jìn)入二級(jí)頁(yè)面才出現(xiàn)，如下圖：
　　但是現(xiàn)在用戶(hù)要完成一個(gè)檢票動(dòng)作需要這幾步動(dòng)作（檢票分為掃碼槍掃碼檢票和輸(shū)入編碼檢票）：
　　掃碼檢票的情況下：用戶(hù)掃碼  →  點(diǎn)擊“檢票按鈕”  →  彈出檢票結(jié)果  →  關(guān)閉彈窗
　　輸(shū)入編碼檢票的情況下：用戶(hù)點(diǎn)擊輸(shū)入框後彈出鍵盤(pán)  →  點(diǎn)擊“檢票按鈕”  →  彈出檢票結(jié)果  →  關(guān)閉彈窗
　　此等操作太過(guò)於繁瑣，估計(jì)檢票員會(huì)提著菜刀來(lái)砍人。於是再優(yōu)化，給出了下一版，優(yōu)化點(diǎn)有：
　　將數(shù)字鍵盤(pán)直接置於畫面中不動(dòng)，只需點(diǎn)擊鍵盤(pán)即可輸(shū)入；
　　另外將檢票狀態(tài)置於頁(yè)面右上角，不需要彈窗；
　　檢票記錄只顯示當(dāng)天的檢票記錄，想查看以前的可以點(diǎn)擊“歷史記錄”；
　　另外最重要的一點(diǎn)是，將“檢票按鈕”去掉，掃碼槍掃碼後直接出檢票結(jié)果，輸(shū)入編碼到達(dá)數(shù)字位數(shù)後直接出檢票結(jié)果。
　　現(xiàn)在用戶(hù)要完成一個(gè)檢票動(dòng)作只需要兩(liǎng)步動(dòng)作（檢票分為掃碼槍掃碼檢票和輸(shū)入編碼檢票）：
　　掃碼檢票的情況下：用戶(hù)掃碼  →  查看檢票結(jié)果
　　輸(shū)入編碼檢票的情況下：用戶(hù)輸(shū)入編碼  →  查看檢票結(jié)果
　　視覺稿如下：
　　3.狀態(tài)的完備性
　　狀態(tài)的是否完備最能體現(xiàn)設(shè)計(jì)是否嚴(yán)密，也是最容易被人忽略的環(huán)節(jié)。狀態(tài)可分為：空白狀態(tài)、初始狀態(tài)、加載中、一般狀態(tài)、極限狀態(tài)、成功狀態(tài)、錯誤狀態(tài)、完成狀態(tài)。當(dāng)然不同的應(yīng)用也存在著一些比較特殊的狀態(tài)，比如該產(chǎn)品中，我們要考慮到掃碼槍的電量問(wèn)題，所以需給出剩餘的電量狀態(tài)。
　　4.狀態(tài)變化的易見(jiàn)性
　　當(dāng)內(nèi)容狀態(tài)變化的時(shí)候需要讓用戶(hù)清晰明確地感知到，消除用戶(hù)焦慮感，讓用戶(hù)對(duì)設(shè)備的有可控感。在該APP中，當(dāng)檢票的時(shí)候，如果前後兩(liǎng)次的檢票結(jié)果一樣，那變化的可能就只剩下“入園時(shí)間”了，這樣很難讓用戶(hù)感知到。於是在檢票結(jié)果變化的時(shí)候，加入了動(dòng)效，如圖：
　　為了營(yíng)造更好的體驗(yàn)，讓用戶(hù)更快地知道檢票結(jié)果，我們對(duì)檢票的幾個(gè)狀態(tài)分別錄了聲音：“檢票成功”、“門(mén)票已使用”、“門(mén)票已過(guò)期”及“門(mén)票不存在”；另外當(dāng)掃碼槍電量低於20%時(shí)也會(huì)有相應(yīng)的聲音提示。
　　三、總結(jié)
　　本文主要總結(jié)的是採用面向場(chǎng)景的設(shè)計(jì)方法，面向場(chǎng)景是針對(duì)該產(chǎn)品使用場(chǎng)所等模擬，模擬用戶(hù)在多種情況下產(chǎn)品使用的模擬。好的設(shè)計(jì)是建立在對(duì)用戶(hù)深刻了解之上的，因此用戶(hù)使用場(chǎng)景分析就很重要，了解產(chǎn)品的現(xiàn)有交互以及用戶(hù)使用產(chǎn)品習(xí)慣等能夠做出一個(gè)另用戶(hù)滿(mǎn)意、使用舒服的產(chǎn)品。
       以上就是奇酷為大家分享的“UI培訓(xùn)裡的APP設(shè)計(jì)心得”謝謝大家觀(guān)看，如果對(duì)UI設(shè)計(jì)感興趣的話(huà)，想學(xué)UI設(shè)計(jì)培訓(xùn)的，也可以在線(xiàn )諮詢，我們將竭誠(chéng)為你解答。