日本免费全黄少妇一区二区三区-高清无码一区二区三区四区-欧美中文字幕日韩在线观看-国产福利诱惑在线网站-国产中文字幕一区在线-亚洲欧美精品日韩一区-久久国产精品国产精品国产-国产精久久久久久一区二区三区-欧美亚洲国产精品久久久久

盤點(diǎn)移動(dòng)端和PC端交互設(shè)計(jì)上的區(qū)別 pc端是什么意思

由于屏幕的大小 , 所以PC端和移動(dòng)端在信息呈現(xiàn)上有很大不同 。但是有的設(shè)計(jì)師簡單地將區(qū)別理解為把頁面做長一點(diǎn) , 讓用戶多滑動(dòng)一些 。然而這樣是不對(duì)的 , 并不能根本理解兩者的不同 。

盤點(diǎn)移動(dòng)端和PC端交互設(shè)計(jì)上的區(qū)別 pc端是什么意思


【盤點(diǎn)移動(dòng)端和PC端交互設(shè)計(jì)上的區(qū)別 pc端是什么意思】終于把書寫完 , 接下來恢復(fù)之前的更文頻率 。這篇文章我們來談?wù)?。
經(jīng)常遇到一些設(shè)計(jì)師 , 他們之前負(fù)責(zé)的都是PC端產(chǎn)品 , 突然改做移動(dòng)端 , 會(huì)不自覺的把PC端的一些設(shè)計(jì)理念“移植”到移動(dòng)端 , 出現(xiàn)了水土不服現(xiàn)象 。
有經(jīng)驗(yàn)的設(shè)計(jì)師一看你設(shè)計(jì)的移動(dòng)端頁面就知道你之前做的都是PC端 , 這是一件非常尷尬的事情 。就好像你說了一句“nice to meet you” , 別人就知道你老家是哪里一樣 。那么究竟在哪呢?
一、大屏到小屏開門見山 , 移動(dòng)端和PC端最根本的區(qū)別就是屏幕的大小 。屏幕的大小直接決定了界面信息量 , PC端一個(gè)頁面可以展示完全的信息可能需要移動(dòng)端好幾個(gè)頁面來承載 。
盤點(diǎn)移動(dòng)端和PC端交互設(shè)計(jì)上的區(qū)別 pc端是什么意思


可能有的設(shè)計(jì)師覺得 , 屏幕尺寸不一樣做自適應(yīng)不就行了 , 移動(dòng)端頁面做長一點(diǎn) , 讓用戶滑動(dòng)就可以了 。
這是一個(gè)非常簡單的處理方案 , 但是忽略了一個(gè)重要前提:用戶愿不愿意滑動(dòng)?
根據(jù)埋點(diǎn)數(shù)據(jù)顯示 , 多數(shù)移動(dòng)端頁面超過一屏的內(nèi)容的曝光與點(diǎn)擊量會(huì)急劇下滑 , 說明用戶很少主動(dòng)滑動(dòng)去查看一屏以外的內(nèi)容 。對(duì)于移動(dòng)端產(chǎn)品來說 , 一些重要的內(nèi)容必須保證用戶在一屏內(nèi)可以看到 。
1. 信息架構(gòu)重構(gòu)因此 , 如果你要為一個(gè)PC端網(wǎng)站做一個(gè)移動(dòng)端APP , 首先要做的就是信息架構(gòu)的重構(gòu) 。PC端有足夠的空間可以把所有的功能直接展示給用戶 , 而移動(dòng)端只能展示一些主要的功能 , 一些次要的功能需要放在下一層級(jí) 。
盤點(diǎn)移動(dòng)端和PC端交互設(shè)計(jì)上的區(qū)別 pc端是什么意思


例如 , APPstore中用戶是可以評(píng)價(jià)這條評(píng)論對(duì)自己是否有幫助的 。
PC端的處理方式很簡單 , 直接展示給用戶 。而移動(dòng)端是需要用戶長按這條評(píng)論才可以彈出評(píng)價(jià)列表的 , 可能很多用戶今天看了這篇文章才發(fā)現(xiàn)原來還有這個(gè)功能 。沒關(guān)系 , 之前雖然不知道 , 但是并沒有影響你正常使用啊 。對(duì)次要功能進(jìn)行適當(dāng)?shù)慕档托畔蛹?jí)是移動(dòng)端設(shè)計(jì)師必須要考慮的 。
盤點(diǎn)移動(dòng)端和PC端交互設(shè)計(jì)上的區(qū)別 pc端是什么意思


2. 一個(gè)頁面 , 一個(gè)任務(wù)對(duì)于上面信息架構(gòu)重構(gòu)的觀點(diǎn)可能會(huì)有人存在異議 , 對(duì)于一些表單類頁面來說 , 例如用戶要借錢、轉(zhuǎn)賬 , 有些信息是用戶必須要填的 。在這些場景中 , 我們不擔(dān)心用戶不滑動(dòng) , 因?yàn)橛脩舨换瑒?dòng)就無法完成操作 。那么在這種情況下 , 是否可以繼續(xù)延續(xù)PC端的布局樣式?
盤點(diǎn)移動(dòng)端和PC端交互設(shè)計(jì)上的區(qū)別 pc端是什么意思


以上面的轉(zhuǎn)賬流程為例 , PC端是直接在一個(gè)頁面展示 , 而移動(dòng)端是分成了兩個(gè)頁面 。為什么這樣?把備注/付款說明也放在第一個(gè)頁面不行嗎?
因?yàn)橐苿?dòng)端用戶使用環(huán)境更加復(fù)雜多變 , 更容易受到干擾 , 所以必須保證界面信息的簡單直觀 。如果在一個(gè)頁面中展示過多的信息量 , 容易讓用戶混亂 。這里所說信息量并不是指絕對(duì)信息量 , 更準(zhǔn)確的說法應(yīng)該是用戶主觀感受上的信息量 。同樣的幾個(gè)輸入框 , 可能在PC端只占了頁面的1/4 , 而移動(dòng)端占了一整個(gè)頁面 , 給用戶的感觀是完全不一樣的 。頁面塞得滿滿當(dāng)當(dāng) , 容易讓用戶焦慮 。

推薦閱讀