關鍵詞：無線端 規(guī)范 用戶體驗

文章導讀：在當代互聯(lián)網(wǎng)時代，智能手機的運用幾乎遍布整個世界，人們越來越注重手機端的研究開發(fā)與應用，而隨著智能手機設備的發(fā)展成熟，淘寶不停地把流量引到移動端上，現(xiàn)在移動端占流量比率為80%以上，通俗地說，現(xiàn)在手機可以輕易而且更方便快捷能完成的事誰會再用電腦呢？那么，對于電商行業(yè)來說，手機端頁面視覺設計成為重點關注對象之一。

正文：

手機端頁面的設計有許多的規(guī)范，大到涉及整個頁面的排版呈現(xiàn)方式，小到一個icon的尺寸大小，這都關系到視覺頁面的美觀程度以及用戶體驗設計。所以應該積極主動去分析深入了解并研究出可行的解決方案，同樣的，無線端頁面設計存在許多雷區(qū)陷阱，這個需要設計師去避免出現(xiàn)錯誤的。

一、無線端視覺規(guī)范

（一）、無線端頁面尺寸規(guī)范隨意縮放

無線端頁面一般來說是延續(xù)pc端來進行更改調整的，所以很多小伙伴直接在pc端的基礎上直接進行收縮，然后變形，大部分操作就會失效，這樣的話就會影響到無線端文字的可讀性以及整個視覺畫面的布局，造成整個視覺布局的不協(xié)調性。

（二）、解決方法:

針對無線端與pc端存在的差異，首先應該不能直接在pc端的原基礎上進行修改，而是應該對無線端的頁面進行“再設計”，針對手機端的規(guī)范尺寸進行適配，比如：應該調整按鈕大小，以更加適合無線端用戶的視覺可讀習慣、文字大小，一般18px的字號是剛好可以清楚的程度，而24px是比較舒服的一個狀態(tài)，30px是用于想到重點突出的大標題，不過一般在頁面中出現(xiàn)頻率不高，因為如果一味用大標題字體的話，盡管可讀性比較好，但是頁面也需要加長，用戶會沒有耐心。

類似這些頁面的無線端就是進行過“再設計”的：

（網(wǎng)上素材）

二、無線端頁面呈現(xiàn)內容

（一）、pc端內容信息量大，一字不漏照搬到無線端

由于pc端的頁面尺寸比無線端大很多，所以pc端承載的信息內容相對比較全面,但無線端尺寸相對小很多，如果把所有pc端的內容原封不動地搬到無線端的話，就會顯得擁擠不堪，導致整個頁面布局看起來太過于糟亂，重點信息不能夠很好地展示。

（二）、解決方法：

手機端尺寸相對手機端很小，所以讓頁面看起來簡單有層次是比較重要的，這個點對于手機端頁面布局是很重要的，因為沒有對比就沒有重點，不能每個都是重點，每個都想突出，這樣反而沒有重點了，其實現(xiàn)在簡潔風是很多大牌只要的營銷手段，可能是因為蘋果簡潔風當下比較盛行，看起來比較有高級感，但是并不適合所有的頁面，因為類似一些食品類還有一些促銷類頁面，需要重點突出信息部分，這個事根據(jù)自身品牌店鋪定位來決定的。

一些品牌的簡潔風頁面：

（網(wǎng)上素材）

三、用戶體驗

（一）、按照pc端的用戶體驗操作習慣延續(xù)到無線端頁面上

 首先pc端一般用戶習慣是點擊鼠標左右滑動瀏覽banner圖或者向上下滑動鼠標瀏覽頁面，而無線端一般用戶的操作習慣是一直向上下移動瀏覽頁面，而且操作環(huán)境的選擇也會有所區(qū)別，在PC端上，點擊店鋪內容的方式更加直接，用戶只需要通過鼠標來操作，而在無線端，直接用手指和屏幕之間直接接觸，很多人會直接把pc端的頁面展示方式直接搬到無線端上， 但是現(xiàn)在手機端以輪播的形式展示的點擊率越來越低了，很多重點信息內容都在banner圖上展示，這樣就會造成店鋪點擊率降低。

（二）、解決方法：

因為目前無線端的店鋪比重占據(jù)了很大的一部分，所以還是要注重無線端的用戶體驗設計，首先應該積極主動引導用戶行為，所以不是很有必要的話盡量避免以輪播圖的形式展現(xiàn)，因為用戶已經(jīng)習慣了上下的瀏覽操作習慣，所以一般都不會主動左右滑動。

類似這些很好的無線端用戶體驗設計：

（網(wǎng)上素材）

總結：

對于無線端頁面的設計，用戶體驗是非常重要的，盡管現(xiàn)在無線店鋪設計是處于弱勢，一般都是直接照搬pc端的頁面，但是從現(xiàn)在電商的發(fā)展趨勢來說，無線端的用戶越來越多，所以相信大家很越來越重視無線端頁面的設計，設計師也要深入去學習無線端的設計規(guī)范、理念等。