技術(shù)資訊
彈窗與浮層,是個問題
2008-08-15 11:57:00
在從傳統(tǒng)的Software逐漸轉(zhuǎn)換到Webware的大潮中,設(shè)計模式與技術(shù)實現(xiàn)雙重變革和推進(jìn)下。我們提倡頁面中的任務(wù)對應(yīng)用戶群明確,任務(wù)少而精?;氐轿覀儌鹘y(tǒng)的后臺軟件系統(tǒng)中,對于面對系統(tǒng)與流程再造。我們順其自然得想到把在Web服務(wù)中的設(shè)計思想遷移到后臺軟件系統(tǒng)中。多數(shù)情況來說,這會使系統(tǒng)變得更加輕便,結(jié)構(gòu)清晰,對軟件的用戶群開始洞察和優(yōu)化。
但是,是不是有助于提升可用性的改進(jìn)在軟件系統(tǒng)中都需要改進(jìn)呢? 今天分享一個例子。
背景是:
1, 一個頁面中包含一個主要任務(wù)和若干分支任務(wù)及完成主要任務(wù)所需的頁面信息架構(gòu)。
2, 用戶角色繁多,信息量大,頁面區(qū)域有限,只能展示主要任務(wù)所需信息。
我們面臨其中這樣一個挑戰(zhàn):
1, 做出主要任務(wù)的決策時,若干條件下需要查看分支任務(wù)的詳細(xì)情況以支持決策。
2, 做出分支任務(wù)的決策時,若干條件下需要查看主要任務(wù)信息以支持決策。
在開始階段,我們很自然的對任務(wù)所需信息進(jìn)行歸類和梳理,頁面更加結(jié)構(gòu)化。大量使用展示層腳本語言,希望讓頁面更加瘦小,讓操作更加流暢。從圖中可以看到,把之前的頁面跳轉(zhuǎn)改為當(dāng)前頁面彈出一個蒙板浮動層。此時,我們發(fā)現(xiàn)忽略了一個問題。頁面使用浮動層之后,主要任務(wù)和分支任務(wù)之間關(guān)系由并列變成了包含關(guān)系,分支任務(wù)又在系統(tǒng)其他環(huán)境中處于主要任務(wù)地位,任務(wù)之間并不存在包含關(guān)系。在長達(dá)3屏的頁面中,浮動層雖然可以做到之前并列關(guān)系結(jié)構(gòu)中的自由信息組合、信息對比和自由移動。但是信息量繁復(fù)的情況下,移動浮動層,拖拽滾動條,浮動層遮蓋部分信息等原因讓用戶在環(huán)境測試時皺緊了眉頭。因為之前主次任務(wù)之間并列結(jié)構(gòu)、自由打開和隱藏、不規(guī)則對比和拖動的習(xí)慣不能被延續(xù)了。此時,如果不考慮到系統(tǒng)結(jié)構(gòu)本身的問題,此處使用彈出層的使用可以讓用戶更加自由無束縛,也減小了業(yè)務(wù)擴(kuò)展和張力所帶來系統(tǒng)調(diào)整成本,而時下常用的浮動層反而會限制使用過程。
衡量一個可以提升軟件系統(tǒng)可用性特性,它能否適合一套軟件系統(tǒng)。不只需要從可用性的角度來審視,還需要深入了解系統(tǒng)結(jié)構(gòu)、用戶習(xí)慣和技術(shù)成本等因素。如果是Web服務(wù)產(chǎn)品,需要更加周全地衡量。
原文:http://www.a-xuan.cn/?p=191
近期更新
- [2023-07-26 14:17:28] 為品牌賦能,海外官網(wǎng)品牌數(shù)字化
- [2023-05-06 10:32:26] 青島網(wǎng)站建設(shè)公司,高端網(wǎng)站定制,一站式網(wǎng)站服務(wù)——力圖數(shù)字科技
- [2023-04-27 13:47:54] 高端定制網(wǎng)站建設(shè)——從滿足預(yù)期到走向卓越
- [2023-04-11 09:17:49] H5頁面設(shè)計開發(fā)——移動端傳播利器
- [2022-11-16 10:11:43] windows2012程序在哪
- [2022-04-14 11:01:47] 力圖數(shù)字科技配套網(wǎng)站服務(wù)支持
- [2021-05-18 10:14:11] 青島網(wǎng)站建設(shè)的流程
- [2021-04-29 10:14:38] 企業(yè)定制化官網(wǎng)建設(shè)項目
- [2021-03-05 10:34:45] 移動互聯(lián)時代房地產(chǎn)行業(yè)的微信小程序解決方案
- [2021-01-22 17:29:38] 微信小程序有哪些優(yōu)勢?為什么要開發(fā)微信小程序?
- [2021-01-08 17:28:04] 網(wǎng)站建設(shè)最容易忽略的人性化設(shè)計
- [2020-12-16 16:55:32] 建設(shè)一個常規(guī)的公司網(wǎng)站建設(shè)成本大概是多少?
延伸閱讀
解決方案
輪胎行業(yè)網(wǎng)站設(shè)計解決方案 機械行業(yè)網(wǎng)站設(shè)計解決方案 房地產(chǎn)行業(yè)網(wǎng)站設(shè)計解決方案 科技企業(yè)網(wǎng)站設(shè)計解決方案 電子家電網(wǎng)站設(shè)計解決方案 食品行業(yè)網(wǎng)站設(shè)計解決方案 集團(tuán)公司網(wǎng)站設(shè)計解決方案 企事業(yè)單位網(wǎng)站設(shè)計解決方案 外貿(mào)行業(yè)網(wǎng)站設(shè)計解決方案 健身運動網(wǎng)站設(shè)計解決方案 美容與化妝品網(wǎng)站設(shè)計解決方案 建筑設(shè)計行業(yè)網(wǎng)站設(shè)計解決方案 物流行業(yè)網(wǎng)站設(shè)計解決方案
TAGS關(guān)鍵字
青島高端網(wǎng)站建設(shè) 手機網(wǎng)站 色彩心理學(xué) 頁面設(shè)計 膠南網(wǎng)站建設(shè)公司 網(wǎng)站設(shè)計資訊 青島網(wǎng)頁設(shè)計 微信營銷的優(yōu)勢 青島網(wǎng)站SEO 英文網(wǎng)站建設(shè) 青島高端網(wǎng)站建設(shè)公司哪家好 網(wǎng)站設(shè)計趨勢 微網(wǎng)站 青島網(wǎng)站優(yōu)化 網(wǎng)站交互設(shè)計 青島網(wǎng)站建設(shè)基礎(chǔ)知識 微信小程序 青島海洋投資集團(tuán) 高端網(wǎng)站設(shè)計 青島IT資訊 青島做網(wǎng)站多少錢 互聯(lián)網(wǎng) 網(wǎng)站SEO HTML5 網(wǎng)站開發(fā) 響應(yīng)式設(shè)計 良好的導(dǎo)航 手機網(wǎng)站建設(shè) 網(wǎng)站品牌 H5專題頁面