
實習單位:萊佛士國際教育集團 南京 2個月
一. 實習目的
1.實習是重要的學習環(huán)節(jié),學校教育無法取代,通過實習可以提高個人素質(zhì)、能力和增加專業(yè)經(jīng)驗。
2.參與實際項目開發(fā),學習交互設(shè)計、界面設(shè)計的知識和技能;
3.學會與各種崗位的人員進行溝通合作;
4.在實踐中理解體會交互設(shè)計的含義,另一方面將理論知識運用到實踐中,堅持理論與實踐相結(jié)合。
5.通過實習發(fā)現(xiàn)自身學習的不足,找到未來學習工作的方向。
二. 實習期完成任務(wù)
1.1 干了什么
2016.7.12-2016.7.15,四天時間,完成AEIS考試研究中心原型設(shè)計。
2016.7.18-2016.7.23,六天時間,完成AEIS考試服務(wù)中心和AEIS考試培訓網(wǎng)的原型設(shè)計。(AEIS考試服務(wù)中心已進入前端開發(fā))
2016.7.25-2016.7.29,五天時間,完成AEIS考試服務(wù)和中國AEIS考試研究中心原型設(shè)計。
2016.8.1-2016.8.2,兩天時間,進行智申產(chǎn)品的調(diào)研方案設(shè)計。
2016.8.3-2016.8.6,四天時間,完成100留學手機端的網(wǎng)站原型設(shè)計。
2016.8.8-2016.8.11,四天時間,完成各國高中網(wǎng)及大學網(wǎng)模板原型設(shè)計。
2016.8.12,智申官網(wǎng)需求討論確定。
2016.8.15,智申官網(wǎng)框架原型設(shè)計,暫停。
2016.8.16--,課窩官網(wǎng)設(shè)計。
1.2 學到了什么
1.2.1 交互設(shè)計的流程
根據(jù)網(wǎng)站域名或名稱,分析網(wǎng)站的主要目標,并和產(chǎn)品經(jīng)理確認——分析網(wǎng)站的用戶群體(展示性網(wǎng)站,分析主要展示內(nèi)容,信息架構(gòu)流程)——確定展示方式(激勵用戶主動點擊、切換還是feed流)——確定信息的組織方式(對于AEIS考試來說展示哪些內(nèi)容,哪些和哪些放在一起,用戶最關(guān)注什么,不關(guān)注什么)——將信息架構(gòu)轉(zhuǎn)化為頁面架構(gòu)(信息組織需要哪些頁面,頁面層級是怎樣的)——繪制首頁原型(找布局,查看競品,設(shè)計網(wǎng)站)——設(shè)計次要頁面——檢查,補充缺少的頁面——書寫交互說明(檢查鏈接,是否合理,是否缺少頁面)——設(shè)計每個部件的交互方式(鼠標懸停效果等)
1.2.2 PC端和手機端設(shè)計的區(qū)別
PC端設(shè)計時關(guān)鍵在于布局、信息優(yōu)先級區(qū)分。
移動端設(shè)計時關(guān)鍵在于全面考慮問題(不同狀態(tài)下反饋)。
1.2.3 PC端和手機端特性對比
1) PC端
屏幕大,網(wǎng)絡(luò)穩(wěn)定,用戶使用時注意力集中,長時間使用。
2) 手機端
屏幕小,易聚焦,但展示信息有限;
不易輸入;
點擊時精度低;
特有的手勢操作;
受環(huán)境影響較大,如網(wǎng)絡(luò)環(huán)境,手機電量,用戶所處環(huán)境(安靜/喧鬧、走路/靜坐、雙手操作/單手操作等)
綜合以上特性,設(shè)計移動端時,要注意以下幾點:
信息精簡,去掉優(yōu)先級低的功能;
架構(gòu)不宜太深;
設(shè)計時注意考慮屏幕空間,可適當進行折疊,隱藏;
變輸入為選擇;
增大點擊時觸摸的空間。
1.2.4 交互設(shè)計規(guī)范
1) 屏幕分辨率
根據(jù)市場調(diào)查,目前分辨率使用人數(shù)最多的仍然是1024*768,占到36.3%,因此在設(shè)計時,我是以1024屏幕分辨率為基準進行設(shè)計的。這樣能保證1024及以上的電腦可以正常顯示。
對于移動端,一般是以iPhone6的尺寸進行設(shè)計,因為iOS系統(tǒng)設(shè)計規(guī)范比較清晰,而且能適應(yīng)iOS系統(tǒng)的設(shè)計,在Android端只需做小小的改動即可。iPhone6的尺寸按375*677設(shè)計即可。
2) 交互說明書寫方法和規(guī)范
在書寫交互說明時,要注意交互說明是誰來看,把交互說明當成一個產(chǎn)品來做。要注意提高交互說明的用戶體驗。避免長篇大論,能統(tǒng)一統(tǒng)一,文字說不清楚的可適當用圖表輔助表達。一般情況下交互文檔包括以下幾個部分:組織架構(gòu)、全局說明、修改記錄、設(shè)計頁面及交互說明。
1.2.5 開發(fā)的一般流程
提出需求——需求分析(競品分析、用戶研究、產(chǎn)品定位)——功能列表——組織架構(gòu)——線框圖——標準交互稿——UI——前端——后臺開發(fā)
交互設(shè)計師根據(jù)不同情況完成需求分析到交互文檔輸出的過程。
1.3 設(shè)計理念
作為一名交互設(shè)計師,一定是以目標用戶為導向進行設(shè)計,它的一個核心思想在于目標導向的設(shè)計。不同于視覺,交互設(shè)計師更重要的是思考力。
出現(xiàn)在界面中的每個元素都有它背后設(shè)計的意義,沒有任何一個元素是為了設(shè)計而設(shè)計。
以用戶為中心的設(shè)計思想可以體現(xiàn)在方方面面,書寫交互說明時也要把交互文檔當成一個產(chǎn)品去設(shè)計,思考目標用戶是誰,需求是什么,使用場景是什么等等,既要增加可讀性,也要保證詳盡。
如何平衡商業(yè)目標和用戶目標,是一件非常值得思考的事情。像我實習期間做的這么多原型,大多是為了做SEO,但是在設(shè)計時就是要在滿足商業(yè)目標的情況下提升用戶體驗。比如好的瀏覽體驗,流暢的界面跳轉(zhuǎn)等等。
1.4 生活方式
在此次實習中師父會經(jīng)常分享交互設(shè)計&產(chǎn)品開發(fā)相關(guān)的文章、網(wǎng)站、平臺等,我也是每次都會認真的去閱讀和思考?;ヂ?lián)網(wǎng)行業(yè)更新?lián)Q代如此之快,必須要時時刻刻保持行業(yè)敏感度,不斷提升自己的能力,才能提升競爭力。
三. 實習收獲和體會
3.1 收獲
1) 增加了對交互設(shè)計的認識。交互設(shè)計一方面是從網(wǎng)站角度來說,如何組織信息,規(guī)劃網(wǎng)站的操作流程,和點擊習慣,使其更符合用戶的認知心理模型[這部分的能力要求邏輯能力和信息架構(gòu)能力];另一方面是對某個信息/元素來說,怎樣的展示方式能更有效的展示信息和組織信息[設(shè)計能力&推陳出新]。
2) 深刻體會交互設(shè)計能力模型。
3.2 體會
1) 能力要求。學校和社會的差別非常之大。在學校里期末大作業(yè)熬個夜通個宵就喊累,但是在工作中每天都保證至少10個小時的大腦高速運轉(zhuǎn),有時還需要加更長的班。在工作期間,必須全心全意投入狀態(tài)。
2) 溝通。作為一名交互設(shè)計師,溝通能力非常非常重要。交互設(shè)計師產(chǎn)出的一般是線框圖,雖然交互說明寫的詳細,但是交給UI后,很難保證他完全get你的設(shè)計思路,因此一定要主動去和他溝通。另外一方面,要多去找產(chǎn)品經(jīng)理溝通。很多時候產(chǎn)品經(jīng)理并沒有規(guī)范的需求文檔,僅僅口頭表達需求,這時一定要去多問,深入的溝通,確保理解他的需求。
3) 抗壓。工作中會遇到時間非常緊的設(shè)計任務(wù),不能再像學校里水水的交上去就完事,這時候一定要調(diào)整心態(tài),高效完成任務(wù)。在工作中要對人對事負責。
4) 自我提高。從我個人而言,此次實習比以往更正式和認真,一次也沒有遲到過,幾乎每天晚上加班,自己也有意識的提高自己,每次的設(shè)計任務(wù)都會有所進步,也按時總結(jié)。
5) 習慣。文件命名、歸類、存檔,好習慣的養(yǎng)成至關(guān)重要。
四. 實習過程中自己的不足之處
1) 主動性欠缺。
這次實習中所有的設(shè)計任務(wù)都是被動接受安排,我更希望做手機端的交互設(shè)計,但我沒有主動去申請手機端APP類的設(shè)計任務(wù)。
2) 項目跟進
設(shè)計完原型之后,我都是直接提交給師父,有問題他會讓我改。然后到UI設(shè)計的部分,我自己也沒有特別主動的去溝通,等設(shè)計出來發(fā)現(xiàn)和原本想的不一致,也沒有主動去和UI設(shè)計師提出去改。這點需要在以后的工作中改進。
Ps:作為莫名其妙第一個上去答辯的人,絲毫沒有準備的情況下,一開始有點磕磕絆絆,但所幸多次答辯歷練,一點也不緊張,關(guān)鍵是真真切切的有體會。表現(xiàn)有點好,還被老師夸獎了。