從web端到app端表格遷移帚称,是b端設(shè)計中的比較普遍的形式嫩絮。而且信息量巨大,我們應(yīng)該怎么做呢诈乒。下面我隨便舉個例子罩扇。
最近的項目中,找到了幾種方法
行業(yè)競品
sap,首先是一個響應(yīng)式網(wǎng)格設(shè)計怕磨。表格很多喂饥,如何把它用在手機端,它給了指導(dǎo)原則肠鲫,
把網(wǎng)頁端信息通過布局排列來把它重新排列员帮,來展示更多內(nèi)容。
金融行業(yè)列子导饲,股票基金展示的表格最多捞高,第一列保持固定,從第二列開始滑動展示
1首先化繁為簡
關(guān)注需求渣锦,把需求拆解硝岗,沒用的表頭信息進行刪減
2用指示符顯示后面有多少項,讓用戶知道自己的當前位置袋毙,讓用戶擁有掌控權(quán)
3提取重點信息型檀,其他信息單獨展示。提取用戶最關(guān)心的信息听盖,優(yōu)先展示胀溺,不重要信息裂七,點擊跳轉(zhuǎn)展開。
4一次展開多個折疊項目
可以一次預(yù)覽到表頭月幌,根據(jù)用戶需要展示詳細信息碍讯,缺點悬蔽,不能一下子展示很多列表
5單獨展開折疊項目
優(yōu)先預(yù)覽表頭扯躺,根據(jù)用戶需求來單獨展示用戶需要的信息