移動APP項目最佳化

來源:互聯網
上載者:User

標籤:

    經過長時間組內討論,最終商榷了團隊的開發項目並且確定了人員安排情況。本組一致決定項目內容為“圖書館的圖書檢索以及預約系統”,並由我執行介面設計安排。介面是使用者與系統之間進行資訊傳遞和交流的視窗,使用者通過它進行資訊查詢、資料提交以及操作控制,系統則通過它向使用者提供資訊,以供閱讀、分析和判斷。使用者介面設計的優劣,將直接影響使用者的興趣和效率。

使用者介面的主要元素及功能簡介:
使用者介面通常採用圖形使用者介面(GUI),構成介面的元素主要有:
1.視窗(Window)
使用者介面呈現地區。視窗一般組成部分包括:標題列、功能表列、捲軸、狀態列和工具列。在課程頁面設計技術中,視窗設計非常靈活,實現的準系統包括:指定視窗大小、位置和開啟關閉方式;視窗內容的上下、左右滾動顯示;視窗的縮放以及指定顯示視窗(_blank、_self、_parent、_top)的方式。
2.菜單(Menu)
標準的圖形介面對象。操作項目以列表的方式顯示在螢幕上,在網路多媒體系統中的菜單形式有:
(1)彈出式菜單。把功能表項目放在視窗中(隱藏),需要時在螢幕指定位置彈出。
(2)下拉式菜單。適用於多級菜單,佔據空間小,容易清楚地顯示出層次。
(3)分布式菜單。即分類導覽列,主要用於主題超連結的排列。是首頁常用的導航方式。
(4)映像菜單。一種特殊的超連結形式。通過Image map 可以建立多項熱區,直觀形象地實現超連結。
(5)表徵圖(Icon):多媒體系統常用的圖形介面對象。他的設計基於隱喻和類比的思路。使學習者很容易產生聯想。如一個“喇叭”表徵圖,可以實現聲音播放;一個“信封”表徵圖,可以啟用電子郵件。
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 安全性
這裡所說的安全性主要是針對使用者的操作應用而言的。錯誤主要產生主要在於使用者無效的資訊輸入和不經意的操作。
首先在提交表單前對學習者輸入的資訊作約束檢查,避免一些可預料的錯誤對學習者思路造成中斷和重新登入。而對於不可預料的錯誤,應力求在引導學習者正確操作外,對常見錯誤應具有一定的容錯性。另外對學習者做出的不易恢複的操作,事前應作出適當的提示或警告,使學習者在瀏覽新功能時沒有後顧之憂。

移動APP項目最佳化

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.