登入彈框互動介面
使用者登入,設有預設方式,使使用者可自主決定登入賬戶的方式或者退出彈框,如果已經登入就不會出現彈框。
首頁灰白色調,簡約而不簡單,選單欄裡幾個彩色的小圖示為介面增添了活力,其次一目了然的是文件部分,這也是系統預設設定,結合了該系統的主要功能——文件編寫,管理和儲存等,它佔據該介面大部分區域,其左側是選單欄,右側是系統的資訊通知欄。頂部還設有搜尋框幫助使用者查詢檔案等。
新建文件介面
頂部設定導航欄,包含了辦公需要的文件型別,使用者選擇不同的文件型別會伴隨著導航欄背景的改變,讓介面不再單一。剩下4/5的區域為模板推薦,也叫模板展示,這些模板被分好了類,你可以輕鬆滑動瀏覽,對於一些有目標性的使用者可以直接在搜尋框查詢。剩下1/5的區域位於其左側,分為使用者會員資訊和實時模板推薦,一小部分作為商用,低調內斂,引人舒適。
文件編輯頁面
會出現乙個彈框進行操作說明,之後進入自主操作介面,頂部為選單欄包含基礎操作和幫助功能,將滑鼠移到操作範圍內會顯示快捷操作和操作介紹,這些提示和幫助,使使用者更容易上手。中間為編輯區域,該區域仿照文件樣式,給人一種真實的感覺。
總結,wps更多地給予了使用者自主操作的權利,使用恰當顏色搭配,營造認真且輕鬆的辦公氛圍。介面層層遞進,從整體到內部,布局清晰明了,操作方法設計得簡單易用。文件型別和快捷方式滿足不同使用者需求,搜尋和幫助功能使使用者更快地熟悉系統,另外文件備份和恢復為使用者提供錯誤恢復機制,滿足使用者介面設計基本原則。
原則描述
使用者熟悉程度
介面採用經常使用系統的使用者所熟悉的術語和概念,還有已經滿足使用者的互動模型
處於使用者控制之中
所定義的互動模式不會強迫使用者進行不必要的動作,使用者能夠很容易地進入或退出互動模式
減少使用者記憶負擔
減少短期記憶要求;建立有意義的預設設定;定義符合直覺的快捷方式;介面的視覺布局應該依據真實世界的比喻;以漸進方式來揭示資訊
色彩布局合理
有序的、個性化的色彩設計體系會讓使用者保持良好的心情;通過色彩布局區分內容的主次關係從而建立視覺層級關係。
一致性在任何可能的情況下,相同的操作應以同樣的方式做啟用,換句話說,使用者能夠在有意義的上下文中進行當前任務
可恢復性
介面應該為使用者提供錯誤恢復機制
使用者幫助
介面應該在錯誤發生時提供有意義的反饋,並且提供操作介紹幫助使用者理解系統
使用者多樣性
介面應該為不同型別的使用者提供恰當的互動方式
如果在色彩構成中,有一組對比色過分注目,則可以縮小其面積以達到色彩的調和
在色彩構成中採用色相、明度、純度級別差遞增、遞減的形式,可使各色按照一定的秩序有規律的變化,從而具有秩序美感。
合理的互補色運用能對ui整體色彩進行有機的調節和緩和,是解決色彩平淡、沒有生機和使用者視覺疲勞的一種手段。
冷色調使人清醒、冷靜且保持理性;暖色調使人狂熱、歡樂和感性。
合理的明度對比可以緩解視覺疲勞,使使用者在操作中格外舒適。
設計時合理運用純度對比能使使用者更容易找出操作按鈕和關鍵資訊
有害動作的確定。如果使用者執行了乙個具有潛在破壞性的動作,系統在執行動作之前應該要求使用者對其進行確定。
提供恢復機制。恢復機制能夠在動作發生之後使系統恢復到之前的某個狀態,由於使用者並不能總是在錯誤發生後就馬上意識到,因此多層恢復比較有用。
檢查點機制。檢查點機制能夠周期性地儲存系統狀態,然後允許系統從最後乙個檢查點重新開始。當有錯誤發生時,使用者能夠回到上乙個狀態重新開始。
互動型別
主要優勢
主要劣勢
應用例子
直接操作
互動快速並且符合直覺;容易學習
難以實現;只適用於存在影象表示的任務和物件
選單選擇
避免使用者錯誤;基本不需要輸入
對於有經驗的使用者顯得比較慢;如果存在多個選單選項就變得複雜
大多數系統
**填寫
簡單的資料單元;容易學習;可以檢查
需要很多螢幕空間;如果使用者選項不滿足**區域要求時可能會有問題
庫存管理;個人貸款處理
命令語言
強大而且靈活
難以學習;錯誤管理較差
作業系統;命令和控制系統
自然語言
偶然使用者容易使用;容易擴充套件
需要更多輸入;系統對自然語言的理解不可靠
資訊檢索系統
附:使用者介面設計步驟
用Visual Basic設計更好的使用者介面
用 visual basic 設計更好的用 戶介面有時在乙個視窗中出現較多的控制件時,如果能嚮導式地建議使用者下一步該做什麼,不失為上策。在 visual basic的程式設計中,我們可以使用語句 object.setfaocus使我們希望的控制項得到輸入焦點,舉個例子 在form1中我們加入乙個按...
2019世界半導體大會議亮點梳理
techweb 5月17日,世界半導體大會在南京國際博覽中心召開,大會主題是 創新協作,世界同芯 共有2場住主論壇,眾多專題論壇以及一場專業展會,以下是大會亮點梳理。亮點1 行業領先企業入駐 台積電 中國電子資訊產業集團 紫光 cadence 安謀科技 大魚半導體等頂尖巨頭齊聚一堂,共同 全球半導體...
(CSP2019模擬)DTOJ 4629 世界
有乙個虛無的結界,隔開了兩個世界。人們在結界內遊蕩,而遠方的星辰在結界外。我們可以把結界看作 x xx 軸,那麼人們都在 x xx 軸下方,而星星都在 x xx 軸上方。人們本應該能看到所有的星星,但是結界外 x xx 軸上方 出現了幾座牆,擋住了人們的視線。牆是平行於 x xx 軸的。現在想問,每...