好的UI應該包括什麼?

2021-04-22 21:37:42 字數 2948 閱讀 5810

1 完善的導航系統是介面設計應考慮的主要因素

介面是學習者與系統之間進行資訊傳遞和交流的視窗,學習者通過它進行資訊查詢、資料提交以及操作控制,系統則通過它向學習者提供資訊,以供閱讀、分析和判斷。學習者介面設計的優劣,將直接影響學習者的學習興趣和學習效率。

由於internet的網路課程中大量地使用了超**資訊系統,這種系統為學習者創造出了一種由學習者進行控制的學習環境,使學習者在學習過程中鏈結或訪問資訊有更大的伸縮性,從而更加適應學習者的個性化學習風格。但是超**資訊系統也可能為學習者帶來迷航的危險。因此,完善的導航系統是網路課程介面設計應考慮的主要因素。基於internet的網路課程的導航系統具備以下特點:

首先,根據學習目標應設計幾條主要的主幹導航線,對非主幹線上的次要節點的鏈要進行較多的限制,以降低迷航的可能性和導航系統的複雜程度。同時針對每個節點均應設計返回上一節點或主視窗(主頁)的按鈕,並應在主幹線的關鍵交叉路口及容易迷航的地方設計幫助說明視窗,以方便學習者的訪問,加強學習者的定位意識,不致於走入「死胡同」,幫助系統知識較少的學習者更好地學習和使用網路課程。具體可採用通過超級鏈結中的逆向返回到達想要到達的部分,或為學習者提供乙份清單,並清單列出學習者大部分新近瀏覽過的內容引數,學習者在清單中找出要返回的相應引數,就通過鏈結直接跳回。

最後,為了強調知識建構,基於internet網路課程的介面設計應不侷限於資訊傳遞,還應以案例為基礎,提供按主題思想進行鏈結的方式;對於較長web頁面要提供若干書籤,以便學習者迅速找到所趕興趣的內容;頁面的長度應適宜,避免學習過程中的過多翻頁,以幫助先前主題知識少的學習者進行定位。

2 使用者介面的主要元素及功能簡介

使用者介面通常採用圖形學習者介面(gui),構成介面的元素主要有:

2.1 視窗(window)

學習者介面呈現區域。視窗一般組成部分包括:標題欄、選單欄、滾動條、狀態列和工具欄。在課程頁面設計技術中,視窗設計非常靈活,實現的基本功能包括:指定視窗大小、位置和開啟關閉方式;視窗內容的上下、左右滾動顯示;視窗的縮放以及指定顯示視窗(_blank、_self、_parent、_top)的方式。

2.2 選單(menu)

標準的圖形介面物件。操作專案以列表的方式顯示在螢幕上,在網路多**系統中的選單形式有:

(1)彈出式選單。把選單項放在視窗中(隱藏),需要時在螢幕指定位置彈出。

(2)下拉式選單。適用於多級選單,佔據空間小,容易清楚地顯示出層次。

(3)分布式選單。即分類導航欄,主要用於主題超連結的排列。是主頁常用的導航方式。

(4)影象選單。一種特殊的超連結形式。通過image map 可以建立多項熱區,直觀形象地實現超連結。

2.3 表單(form)

互動式介面的重要組成部分,是學習者輸入資訊的區域。伺服器接收並處理表單提供的資訊再將結果返回給學習者。表單元素包括有:

(1)文字框。用來接收輸入的文字資訊。在提交表單時,即把所輸入的文字交給伺服器。有三種型別的文字框:單行文字框、多行文字框和密碼文字框。

(2)按鈕。啟用事件動作的介面物件。在頁面中使用的按鈕有三種:提交按鈕—向伺服器提交表單中的元素;重置按鈕—可以把表單中的所有元素重新設定為初始狀態;命令按鈕—與上兩種按鈕的功能由系統賦予的不同,命令按鈕需要自己編寫相應的指令碼**。因此功能更強大,使用也更靈活。

(3)核取方塊。也稱檢查框或檢驗框,通常用於一組相互不排斥的選項。是乙個小方框。

(4)單選框。又稱收音機按鈕。在某一時刻有且只有乙個按鈕能被按下。它提供的是相互排斥的選擇。是乙個空心圓。

(5)列表框和下拉式選單。二者是同一類元素,只是具有不同屬性。列表框和下拉列表中是專案列表,可選擇其中一項或多項。

2.4 對話方塊(dailogbox)

乙個彈出式視窗,在學習者瀏覽時,提供給學習者更詳細的資訊,並實現學習者與系統的互動。有時是向學習者索取資訊,有時是向學習者提出警示和引導。

3 網路課程介面設計的基本原則

網路課程使用者介面的設計是遠端教學系統開發設計的重要部分,直接影響到遠端教學的成敗,必須按照一定的原則進行設計開發,並不斷進行研究和探索。我們認為,基於internet的網路課程介面設計的主要有以下幾項基本原則:

3.1 一致性

介面設計首先要對學習者具有強大吸引力,要提供完善的學習導航系統,功能應多種多樣,但前提是要給使用者乙個統一的介面,使學習者應能憑藉自身的體驗做出智慧型選擇,而不致於學習者感到不和諧或者產生失落與迷惑感。例如,在學習者與系統對話時,在乙個地方,乙個下拉式選單是作為瀏覽工具應用的,而在其他地方其功能卻改變了,這就會使學習者感到手足無措。一致性包括使用規範的介面元素,也指使用相同的資訊表現方式,如在字型、標籤風格、顏色、術語、顯示提示資訊等等。但這並不因此限制設計者的創意,只是學習者希望在整個系統中得到的全部體驗中是一致的。

3.2 清晰性

3.3 反饋性

在網路課程使用者介面設計中,考慮學習者與系統間的互動和反饋是非常重要的。這些反饋資訊也許只是警告聲或進度指示條等一些基本反映,但卻能使學習者感到在與系統進行著交流,進入到了為之創設的學習情景中,而不是單純地盲目地瀏覽。提供反饋的手段包括對話方塊、狀態列、聲音提示、錯誤提示頁等。

3.4 藝術性

設計的一半是創意,唯一的理想介面是不存在的,但作為設計者,必須作出最佳選擇。使用者介面是內容與學習者產生最初和持續影響的地方,包括視覺和聽覺兩個方面。在internet浩如煙海的資訊中,內容充實但介面粗糙會對許多學習者失去吸引力。介面設計的藝術性可以說是學習者的體驗中心。

網路課程的介面設計,應做到布局合理、整潔美觀、主動形象,符合教學需要。頁面設計中的dhtml、樣式表(css)、層(layers)和時間軸(timeline)等實用技術為實現介面在排版中的準確定位和靈活使用提供了很好的支援,也為介面的藝術設計提供了基礎。

3.5 安全性

這裡所說的安全性主要是針對學習者的操作應用而言的。錯誤主要產生主要在於學習者無效的資訊輸入和不經意的操作。

首先在提交表單前對學習者輸入的資訊作約束檢查,避免一些可預料的錯誤對學習者思路造成中斷和重新登入。而對於不可預料的錯誤,應力求在引導學習者正確操作外,對常見錯誤應具有一定的容錯性。另外對學習者做出的不易恢復的操作,事前應作出適當的提示或警告,使學習者在瀏覽新功能時沒有後顧之憂

SDK應該包括什麼東西

如果讓你設計和開發乙個sdk 軟體二次開發包 你認為裡面應該有什麼東西?首先介面檔案和庫檔案之類是必不可少的,否則別人用什麼呢?但是單純具有這些東西也是不夠的。我認為還需要至少三樣東西 幫助文件,開發示例工程和實用工具。幫助文件就是sdk的使用文件,具體應該包括兩種 介面說明手冊和二次開發指南。介面...

UI主要學什麼內容?好就業嗎?

ui主要學什麼內容?好就業嗎?這可能是許多正在學習和準備學習ui設計的合作夥伴想要問的問題。一階段 深入學習ps ai和cdr軟體,從基礎階段建立審美高度 二階段 品牌知識體系學習,圍繞 審美 排版構圖 配色技巧 創意和成 物料延展 製作輸出 進行大量的操作演練,提公升設計實戰能力 三階段 學習網頁...

好的領導應該是什麼脾氣

脾氣好的領導看似好,其實是一種自私的表現,不想讓你的下屬變得強大和超越他!我們要記住 1 對你有嚴格要求的的領導,才是真正能幫助你成長的好領導,使我痛苦者,必使我強大。2 再強大的個人,在溫暖的環境中都會失去狼性。3 凡是想方設法逼出員工的能力,開發員工潛力的公司都會公升騰不息,因為在這種環境下,要...