承接上文涝缝,產(chǎn)品定位決定用戶需求滿足與否,也決定用戶范圍。而之后拒逮,用戶如何使用軟件,如何通過軟件記錄信息滩援、查詢信息栅隐,都取決于軟件本身的信息查看方式,此篇從信息結(jié)構(gòu)和內(nèi)容的展示方式來總結(jié)狠怨。
1:調(diào)整前后
-
修改前:
- 導(dǎo)航约啊、頂部條、搜索區(qū)分別占據(jù)頁面30%左右佣赖,導(dǎo)致主要內(nèi)容(數(shù)據(jù)列表)顯示區(qū)域較少
- 導(dǎo)航恰矩,左側(cè)菜單,搜索區(qū)憎蛤,主列表個(gè)字段對齊方式混亂外傅,增加閱讀困難
- 由于菜單和導(dǎo)航內(nèi)容較多,主列表淹沒在信息海洋中俩檬,為顯示內(nèi)容不得不加粗萎胰,顏色等方式來強(qiáng)調(diào),增加認(rèn)知負(fù)荷的同時(shí)也導(dǎo)致主次不分棚辽。
-
修改后列表
- 導(dǎo)航與頂部條優(yōu)化合并技竟,通過縮減區(qū)域大小,增強(qiáng)視覺效果來保證重要性屈藐,
- 導(dǎo)航菜單調(diào)整見“百卓優(yōu)采個(gè)人版設(shè)計(jì)總結(jié)(1)---產(chǎn)品定位”
- 縮減搜索區(qū)和左側(cè)菜單榔组,來擴(kuò)大主信息(列表)的區(qū)域大小,來保證視覺優(yōu)先联逻。
- 規(guī)劃和整理內(nèi)容區(qū)和對齊方式搓扯。
2:重新規(guī)劃結(jié)構(gòu),以內(nèi)容為主
設(shè)計(jì)優(yōu)先保證核心需求---簡化結(jié)構(gòu)包归,將更多的空間留給內(nèi)容展示區(qū)域和操作區(qū)域
原軟件結(jié)構(gòu)
修改后軟件結(jié)構(gòu)
3:列表查看方式調(diào)整
- 通過組織和隱藏锨推,簡化搜索區(qū)域
- 合并篩選項(xiàng)至關(guān)鍵字搜索---組織
- 保留關(guān)鍵搜索項(xiàng),提供更多選擇---隱藏
調(diào)整列表顯示
提供字段顯示選擇公壤,由用戶自主決定顯示字段换可;
取消橫向滾動查看,所有字段寬度自適應(yīng)顯示厦幅;
-
詳細(xì)設(shè)置每個(gè)字段合理寬度比(默認(rèn)锦担、最小、最大)慨削,確保自適應(yīng)下的顯示合理洞渔。
-
強(qiáng)化拖動套媚,塑造簡單操作感覺
- 視覺上增強(qiáng),明確告知可操作
- 操作優(yōu)化磁椒,可操作高度由1px加至5px(透明效果)--費(fèi)茨定律:起始到目標(biāo)的時(shí)間堤瘤,由目標(biāo)的大小和距離決定。
-
單據(jù)調(diào)整
單據(jù)設(shè)計(jì)模擬現(xiàn)實(shí)浆熔,沿用用戶日常工作經(jīng)驗(yàn)本辐,降低學(xué)習(xí)成本,使用親切感医增,拉近與用戶距離-
調(diào)整前單據(jù)
-
實(shí)際的單據(jù)(圖片來源自度娘)
-
根據(jù)實(shí)際單據(jù)調(diào)整后
-
此部分的簡化多數(shù)采用了”隱藏“的策略慎皱,可是隱藏如何做的更好呢? 正如《簡約至上》的一句話:
?“無論隱藏什么功能叶骨,都意味著你在用戶和功能之間設(shè)置了一道障礙茫多。這個(gè)障礙可能是遙控器上的塑料倉門,也可能是網(wǎng)站上一連串的點(diǎn)擊忽刽。為了不給用戶造成不必要的麻煩天揖,必須自己權(quán)衡要隱藏那些功能」虻郏”