小型軟件設(shè)計(jì)總結(jié)(3)----信息查看方式

承接上文涝缝,產(chǎn)品定位決定用戶需求滿足與否,也決定用戶范圍。而之后拒逮,用戶如何使用軟件,如何通過軟件記錄信息滩援、查詢信息栅隐,都取決于軟件本身的信息查看方式,此篇從信息結(jié)構(gòu)和內(nèi)容的展示方式來總結(jié)狠怨。

1:調(diào)整前后

  1. 修改前:


    原始列表.png
- 導(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)致主次不分棚辽。
  1. 修改后列表


    修改后列表.png
  • 導(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).png

修改后軟件結(jié)構(gòu)
修改后軟件結(jié)構(gòu).png

3:列表查看方式調(diào)整

  • 通過組織和隱藏锨推,簡化搜索區(qū)域
    • 合并篩選項(xiàng)至關(guān)鍵字搜索---組織
    • 保留關(guān)鍵搜索項(xiàng),提供更多選擇---隱藏
搜索區(qū)域.gif
  • 調(diào)整列表顯示

  • 提供字段顯示選擇公壤,由用戶自主決定顯示字段换可;

  • 取消橫向滾動查看,所有字段寬度自適應(yīng)顯示厦幅;

  • 詳細(xì)設(shè)置每個(gè)字段合理寬度比(默認(rèn)锦担、最小、最大)慨削,確保自適應(yīng)下的顯示合理洞渔。


    列表內(nèi)容設(shè)置.gif
  • 強(qiáng)化拖動套媚,塑造簡單操作感覺

    • 視覺上增強(qiáng),明確告知可操作
    • 操作優(yōu)化磁椒,可操作高度由1px加至5px(透明效果)--費(fèi)茨定律:起始到目標(biāo)的時(shí)間堤瘤,由目標(biāo)的大小和距離決定。
拖動.gif
  • 單據(jù)調(diào)整
    單據(jù)設(shè)計(jì)模擬現(xiàn)實(shí)浆熔,沿用用戶日常工作經(jīng)驗(yàn)本辐,降低學(xué)習(xí)成本,使用親切感医增,拉近與用戶距離

    • 調(diào)整前單據(jù)


      調(diào)整前單據(jù).png
    • 實(shí)際的單據(jù)(圖片來源自度娘)


      單據(jù)1.png

      單據(jù)2.png

      單據(jù)3.png
    • 根據(jù)實(shí)際單據(jù)調(diào)整后


      調(diào)整后的單據(jù)

此部分的簡化多數(shù)采用了”隱藏“的策略慎皱,可是隱藏如何做的更好呢? 正如《簡約至上》的一句話:
?“無論隱藏什么功能叶骨,都意味著你在用戶和功能之間設(shè)置了一道障礙茫多。這個(gè)障礙可能是遙控器上的塑料倉門,也可能是網(wǎng)站上一連串的點(diǎn)擊忽刽。為了不給用戶造成不必要的麻煩天揖,必須自己權(quán)衡要隱藏那些功能」虻郏”

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末今膊,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子伞剑,更是在濱河造成了極大的恐慌斑唬,老刑警劉巖,帶你破解...
    沈念sama閱讀 206,602評論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件黎泣,死亡現(xiàn)場離奇詭異赖钞,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)聘裁,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,442評論 2 382
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來弓千,“玉大人衡便,你說我怎么就攤上這事⊙蠓茫” “怎么了镣陕?”我有些...
    開封第一講書人閱讀 152,878評論 0 344
  • 文/不壞的土叔 我叫張陵,是天一觀的道長姻政。 經(jīng)常有香客問我呆抑,道長,這世上最難降的妖魔是什么汁展? 我笑而不...
    開封第一講書人閱讀 55,306評論 1 279
  • 正文 為了忘掉前任鹊碍,我火速辦了婚禮厌殉,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘侈咕。我一直安慰自己公罕,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 64,330評論 5 373
  • 文/花漫 我一把揭開白布耀销。 她就那樣靜靜地躺著楼眷,像睡著了一般。 火紅的嫁衣襯著肌膚如雪熊尉。 梳的紋絲不亂的頭發(fā)上罐柳,一...
    開封第一講書人閱讀 49,071評論 1 285
  • 那天,我揣著相機(jī)與錄音狰住,去河邊找鬼张吉。 笑死,一個(gè)胖子當(dāng)著我的面吹牛转晰,可吹牛的內(nèi)容都是我干的芦拿。 我是一名探鬼主播,決...
    沈念sama閱讀 38,382評論 3 400
  • 文/蒼蘭香墨 我猛地睜開眼查邢,長吁一口氣:“原來是場噩夢啊……” “哼蔗崎!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起扰藕,我...
    開封第一講書人閱讀 37,006評論 0 259
  • 序言:老撾萬榮一對情侶失蹤缓苛,失蹤者是張志新(化名)和其女友劉穎,沒想到半個(gè)月后邓深,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體未桥,經(jīng)...
    沈念sama閱讀 43,512評論 1 300
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 35,965評論 2 325
  • 正文 我和宋清朗相戀三年芥备,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了冬耿。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 38,094評論 1 333
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡萌壳,死狀恐怖亦镶,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情袱瓮,我是刑警寧澤缤骨,帶...
    沈念sama閱讀 33,732評論 4 323
  • 正文 年R本政府宣布,位于F島的核電站尺借,受9級特大地震影響绊起,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜燎斩,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,283評論 3 307
  • 文/蒙蒙 一虱歪、第九天 我趴在偏房一處隱蔽的房頂上張望蜂绎。 院中可真熱鬧,春花似錦实蔽、人聲如沸荡碾。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,286評論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽坛吁。三九已至,卻和暖如春铐尚,著一層夾襖步出監(jiān)牢的瞬間拨脉,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 31,512評論 1 262
  • 我被黑心中介騙來泰國打工宣增, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留玫膀,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 45,536評論 2 354
  • 正文 我出身青樓爹脾,卻偏偏與公主長得像帖旨,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個(gè)殘疾皇子灵妨,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 42,828評論 2 345

推薦閱讀更多精彩內(nèi)容