A. 如何讓程序員更容易的開發Web界面
早在中國IT業方興未艾之時,計算機應用系統主要以功能實現為主,幾乎沒有界面設計這個概念。時至今日,隨著計算機和網路的不斷普及,社會信息化程度日益加深,用戶和市場的不斷成熟,人們已經不僅僅滿足於「夠用」,而是更加強調「好用」「易用」;因此,不論是普通最終用戶的個人軟體,還是企業應用的大型系統,界面設計在系統構建中都成為了一個非常重要的方面。
但是,(至少在中國)由於IT業發展滯後、市場還不夠成熟等原因,在絕大多數企業中,界面設計在軟體系統開發中還沒有獲得與之重要性相匹配的一席之地,並且在企業運作和協調中也沒有形成成熟的模式和解決方案,如何做好界面設計和開發,仍然是大家不斷研究探討的一個問題。
1.工作流程
下圖,是整個開發過程中與界面設計相關的主要流程工作。
在整個系統界面的設計過程中,需要注意整個系統的統一,設計風格要一致,界面中的交互元素,從色彩、樣式到排版方式、具體位置都要具備延續性,這樣才能使用戶盡快習慣整個系統操作。
6.典型交互模式
界面交互中,根據功能不同,有不同的交互方式。應該盡量提取抽象,盡可能減少交互模式的種類,或者把交互方式盡可能設計的類似,以方便用戶快速熟悉系統。
7.Demo開發
Demo是詳細設計階段的重要成果之一,在對系統進行詳細的分析設計之後,開發出界面Demo原型,主要作用是提供給合作客戶,在基本功能、系統組成和易用性上進行測試。
本系統的Demo主要包括界面的設計製作,和部分客戶端表現層腳本的開發。為了在後面的實際業務開發中盡可能獲得重用,Demo的製作在頁面規范、CSS樣式定義和JS腳本編寫方面都嚴格遵循了系統開發規范,並在以後的代碼編寫工作中嚴格執行。
本系統整個Demo包括大約50個頁面,耗時月3周。
在後續的開發過程中,仍然要嚴格控制整個開發過程,保證整個系統界面的統一,並隨時維護更新系統界面的設計。
B. 什麼是web界面
1、web界面是2015年3月電子工業出版社出版的圖書,作者是Bill Scott,Theresa Neil。當前的Web已經進入嶄新的時代,《Web界面設計(全彩)》涵蓋了在基於獨一無二的Web環境下、在創建豐富體驗的過程中設計Web界面的最佳實踐、模式和原理。
2、web的本意是蜘蛛網和網的意思,在網頁設計中我們稱為網頁的意思。現廣泛譯作網路、互聯網等技術領域。表現為三種形式,即超文本(hypertext)、超媒體(hypermedia)、超文本傳輸協議(HTTP)等。
3、Internet採用超文本和超媒體的信息組織方式,將信息的鏈接擴展到整個Internet上。Web就是一種超文本信息系統,Web的一個主要的概念就是超文本連接,它使得文本不再象一本書一樣是固定的線性的。而是可以從一個位置跳到另外的位置。可以從中獲取更多的信息。可以轉到別的主題上。
4、UI專家Bill Scott和Theresa Neil在他們多年實踐經驗和探索的基礎上,總結提煉出了Web界面設計的六大原理--直接了當、簡化交互、足不出戶、提供邀請、巧用變換和即時反應,並以這六大原理為依託,以當今Web上各類開風氣之先的流行網站為示例,向讀者展示了超過75種基於富交互構建Web界面的模式,並以簡單明了的語言,闡明了數以百計行之有效的最佳實踐。
5、書中還給出諸多反模式,即在Web界面設計過程中應該避免的做法。《Web界面設計(全彩)》是迄今為止一部專注於富Web界面設計的經典之作。
6、《Web界面設計(全彩)》既是一本Web界面設計指南,又是一本Web界面實例參考,適合Web界面設計、開發、研究人員、愛好者,以及Web項目管理人員閱讀。
7、Web中的富交互設計面臨的一個主要挑戰就是易發現性。再好的功能,如果用戶發現不了,結果仍然等於零。提供邀請是改善易發現性的重要途徑。邀請可以提示用戶下一步交互操作是什麼。由第9和第10章構成的這一部分,將分別從"靜態邀請"和"動態邀請"的角度,探討那些始終在頁面上顯示邀請和響應用戶操作顯示邀請的模式。
8、Web智能界面的特點是具有良好的反應能力。這個原理探討了怎樣通過響應操作為用戶提供豐富的體驗。第13章介紹了一組"查找模式",包括實時搜索、實時建議、微調搜索和自動完成。第14章介紹了一組"反饋模式",包括實時預覽、漸進展現、進度指示和定時刷新。
9、web管理頁面,就是可以在線提交、編輯、刪除網站相關欄目的內容後台管理程序。只有管理員分配的用戶才能登陸web管理頁面。
10、web頁面是動態的,能夠和資料庫進行交互的.,HTML頁面是靜態的,無法與資料庫進行交互.說白了就是不能象那樣進行注冊,登錄的操作之類的。