隨著移動互聯(lián)網(wǎng)的不斷發(fā)展，原先在PC端閱讀的電子郵件也逐漸被搬到了移動終端的屏幕，特別是隨著這幾年移動智能終端的普及，電子郵件在智能手機(jī)上打開的比例越來越大，但同時由于移動端設(shè)備的屏幕和操作方式的限制，移動端的用戶也會刪除或關(guān)閉沒有優(yōu)化的電子郵件功能和服務(wù)。對于在移動端使用電子郵件的用戶來說，就是希望能夠在手機(jī)上也可以流暢方便地進(jìn)行郵件的收發(fā)，但是因為移動端屏幕的大小限制，我們不可能把電子郵件所有的內(nèi)容和操作像在PC端一樣地展示出來，也不可能完全采用PC端那樣的交互方式，但是通過在移動端的一些設(shè)計，我們是可以最大程度地滿足用戶的操作需求的，例如采用響應(yīng)式頁面設(shè)計方式就可以促進(jìn)移動端的電子郵件與用戶更加友好的交互。那么移動端的電子郵件在設(shè)計的過程中需要遵循哪些方面的原則呢?
首先， 移動端的電子郵件界面及操作應(yīng)該整潔簡約。移動端電子郵件作為一種應(yīng)用需求，是我們?nèi)粘?，特別是辦公用戶經(jīng)常都要使用到的功能，高效、方便、快捷是電子郵件必須具備的特點，在移動端也不例外，所以在移動端的電子郵件界面及操作應(yīng)該保存整潔簡約的風(fēng)格，也就是說移動端的電子郵件并不是像很多App一樣為了展示豐富的圖文消息，而只是為了方便用戶在移動端的電子郵件閱讀和收發(fā)。
其次， 移動端電子郵件列表盡可能使用單列表方式。為什么電子郵件列表不能像PC端一樣，把用戶通訊錄、郵件摘要、發(fā)送具體時間及標(biāo)題完整地顯示在列表，其原因就是移動端的屏幕空間有限，而且最重要的是移動端的屏幕尺寸目前大小不一，如果列表頁較多容易造成不同屏幕下的顯示錯位問題，還可能帶來觸摸點位不準(zhǔn)的現(xiàn)象出現(xiàn)。
第三， 對移動端電子郵件內(nèi)容進(jìn)行精簡。在移動端的電子郵件功能最大的優(yōu)點其實就是郵件的方便閱讀。但是一個電子郵件的信息往往都是比較多的，在移動端的屏幕不可能完全顯示出來，那么這個時候就需要對電子郵件內(nèi)容進(jìn)行精簡，因為不可能電子郵件的每個信息都一樣重要，根據(jù)實際情況對應(yīng)一些不那么重要的信息進(jìn)行隱藏，這樣可以讓用戶把專注力放在移動端電子郵件最重要的內(nèi)容上面。例如，我們可以隱藏電子郵件中的文字段落、圖片、大文本內(nèi)容而采用點擊“更多”或者相關(guān)鏈接展開的方式來加載，這樣可以篩選出電子郵件中最重要的內(nèi)容信息，避免出現(xiàn)在移動端的信息顯示擁擠而造成的用戶注意力分散而帶來的用戶體驗不良好。
第四，關(guān)注移動端電子郵件文本的對齊方式。不管是在PC互聯(lián)網(wǎng)還是移動互聯(lián)網(wǎng)環(huán)境下，用戶的注意力其實都是時刻在發(fā)生變化。例如，我們在網(wǎng)絡(luò)上觀看視頻點播節(jié)目的時候，注意力也會隨著頁面上呈現(xiàn)的內(nèi)容而發(fā)生轉(zhuǎn)移，那么在移動端，從大多數(shù)用戶的習(xí)慣來說，我們不管是瀏覽什么樣的內(nèi)容，都會把主要的注意力開始聚集在頁面的左邊部分內(nèi)容，從人體工程學(xué)上來講，用戶的視覺一般也是從左到右，從上到下這樣一個順序，所以在移動端電子郵件的文本內(nèi)容頁應(yīng)該采用從左往右，從上到下的順序，要更加關(guān)注左邊的部分。同時，對郵件的內(nèi)容要正確使用左對齊、居中、右對齊，尤其是要處理好HTML頁面中div+css帶來的頁面樣式錯亂造成的文本無法正常對齊問題。
此外，處理好頁面多媒體文件的加載方式。我們都知道相同文件大小的多媒體文件(包括圖片、音頻和視頻)在移動端和PC端的加載時間是有一定的差距的，移動端加載的時間顯然會長一些，所以在移動端電子郵件的信息請求上，我們也應(yīng)該做好相應(yīng)的處理，例如，可以在電子郵件列表或者內(nèi)容載入之前用一個小圖標(biāo)或者縮略圖標(biāo)來顯示要加載的圖片，而不是一次性打開就開始請求;當(dāng)在加載視頻點播內(nèi)容的時候，建議采用流媒體都響應(yīng)方式加載視頻內(nèi)容而不是一次性從資源服務(wù)器上把整個大文件視頻內(nèi)容下載下來。
本文由激光切割機(jī)原創(chuàng)，如有轉(zhuǎn)載請注明出處，謝謝!
申請創(chuàng)業(yè)報道，分享創(chuàng)業(yè)好點子。點擊此處，共同探討創(chuàng)業(yè)新機(jī)遇！
