網頁設計中的彈窗與浮層的設計

2022-09-24 15:06:16 字數 1029 閱讀 5925

在從傳統的software逐漸轉換到w程式設計客棧ebware的大潮中,設計模式與技術實現雙重變革和推進下。我們提倡頁面中的任務對應使用者群明確,任務少而精。回到www.cppcns.com我們傳統的後台軟體系統中,對於面對系統與流程再造。我們順其自然得想到把在web服務中的設計思想遷移到後台軟體系統中。多數情況來說,這會使系統變得更加輕便,結構清晰,對軟體的使用者群開始洞察和優化。

但是,是不是有助於提公升可用性的改進在軟體系統中都需要改進呢? 今天分享乙個例子。

背景是:

1, 乙個頁面中包含乙個主要任務和若干分支任務及完成主要任務所需的頁面資訊架構。

2, 使用者角色繁多,資訊量大,頁面區域有限,只能展示主要任務所需資訊。

我們面臨其中這樣乙個挑戰:

1, 做出主要任務的決策時,若干條件下需要檢視分支任務的詳細情況以支援決策。

2, 做出分支任務的決策時,若干條件程式設計客棧下需要檢視主要任務資訊以支援決策。

在開始階段,我們很自然的對任務所需資訊進行歸類和梳理,頁面更加結構化。大量使用展示層指令碼語言,希望讓頁面更加瘦小,讓操作更加流暢。從圖中可以看到,把之前的頁面跳轉改為當前頁面彈出乙個蒙板浮動層。此時,我們發現忽略了乙個問題。頁面使用浮動層之後,主要任務和分支任務之間關係由並列變成了包含關係,分支任務又在系統其他環境中處於主要任務地位,任務之間並不存在包含關係。在長達3屏的頁面中,浮動層雖然可以做到之前並列關係結構中的自由資訊組合、資訊對比和自由移動。但是資訊量繁複的情況下,移動浮動層,拖拽滾動條,浮動層遮蓋部分資訊等原因讓使用者在環境測試時皺緊了眉頭。因為之前主次任務之間並列結構、自由開啟和隱藏、不規則對比和拖動的程式設計客棧習慣不能被延續了。此時,如果不考慮到系統結構本身的問題,此處使用彈出層的使用可以讓使用者更加自由無束縛,也減小了業務擴充套件和張力所帶來系統調整成本,而時下常用的浮動層反而會限制使用過程。

衡量乙個可以提公升軟體系統可用性特性,它能否適合一套軟體系統。不只需要從可用性的角度來審視,還需www.cppcns.com要深入了解系統結構、使用者習慣和技術成本等因素。如果是web服務產品,需要更加周全地衡量。

本文標題: 網頁設計中的彈窗與浮層的設計

本文位址:

網頁設計中背景的創意風格與設計趨勢

正確的背景風格可以為整個 確定基調。我們蒐集了一批使用大幅影象 明亮顏色或出眾圖案來作為背景的優秀 希望從中探尋當下 的流行設計風格。網際網路背景的內容應該有目的性。背景應該與你的品牌風格一致。現在的流行趨勢是什麼?就像服裝和髮型會變,網頁設計的風格也在變。對於背景來說,趨勢的變化尤其突出。目前,大...

網頁設計中的標準

網頁設計標準尺寸 1 800 600下,網頁寬度保持在778以內,就不會出現水平滾動條,高度則視版面和內容決定。2 1024 768下,網頁寬度保持在1002以內,如果滿框顯示的話,高度是612 615之間.就不會出現水平滾動條和垂直滾動條。3 在ps裡面做網頁可以在800 600狀態下顯示全屏,頁...

網頁設計中的顏色

摘要 從心理學角度來講,不同的顏色代表不同的意思。從這個觀點出發,本文討論網頁介面中背景顏色和內容顏色的關係。了解這個關係,有利於 a 為網頁中不同的內容選擇適合的顏色 b 瀏覽網頁時,可以方便的找到需要的內容。關鍵字 color,inte ce,web design 1.1 研究 1.2 研究目標...