1.概述
軟件界面經常是中小型軟件企業開發產品的一個弱項。小企業出于成本的考慮,在界面設計上往往投入有限,不少公司甚至沒有專職的界面設計人員。其實,制定好一套合理的界面設計開發規范并且堅持執行,在不需要增加太大投入的情況下,同樣會使你的軟件界面上一個新臺階。因此本文不是教你具體怎么設計,而是建議你在設計時應該遵循什么樣的流程,并指出一些要注意的地方和實用的技巧。
2.界面設計遵循的原則與規范
2.1基本原則
總述:無論是控件使用,提示信息措辭,還是顏色、窗口布局風格,遵循統一的標準,做到真正的一致。
這樣得到的好處:
1)使用戶使用起來能夠建立起精確的心里模型,使用熟練了一個界面后,切換到另外一個界面能夠很輕松的推測出各種功能,語句理解也不需要費神理解;
2)降低培訓、支持成本,支持人員不會行費力逐個指導;
3)給用戶統一感覺,不覺得混亂,心情愉快,支持度增加;
做法是確立UI規范,下面是一些規范:
1)設計提供色調配色方案,提供整體配色表;
2)設計統一使用的控件庫。參考標準界面使用規范;
3)運用統一的控件功能圖標,遵循行業標準,控件樣式在允許的范圍內可以統一修改其樣式、色調;
4)參考其他軟件先進操作,提取對本項目有用的功能,以使用,絕對不能盲從,漫無目的;
5)根據需要,設計特殊操作控件,準則為:簡化操作、標準化功能;
6)界面開發人員與UI設計人員需要交流控件可實現性。如不實行此步驟,將會導致各自對對方工作不滿意,也會產生不一致的混亂。這項工作需要反復進行;
2.2顏色使用恰當,遵循對比原則
1)統一色調,針對軟件類型(工業軟件)以及用戶工作環境選擇藍色作為其主色調;
2)根據UI設計的系列界面,做到與操作系統統一;
3)顏色方案也需要測試,常常由于顯示器、顯卡的問題,色彩表現每臺機器都不一樣,應該經過嚴格測試,不同機器進行顏色測試;
4)遵循對比原則:在淺色背景上使用深色文字,深色背景上使用淺色文字,藍色文字以白色背景容易識別,因兩色反差很大。同時需要用戶注意的地方(如警告)需要使用對比度大的顏色,讓用戶首先看到這部分;
5)有統一的構圖布局,有統一的色調、對比度、色階,以及圖片風格;
6)圖標、圖像應該很清晰的表達出意思,遵循常用標準,或者用戶容易聯想的到物件,絕對不允許出現莫名奇妙的圖案;
7)鼠標光標樣式統一,盡量使用操作系統標準;
2.3字體
中文采用的字體推薦華文訪宋和楷體,不考慮特殊字體(隸書、草書等),特殊情況可以使用圖片取代,保證每個用戶使用起來顯示都很正常。
2.4文字
提示信息、幫助文檔文字表達遵循以下準則:
1)口語化,有禮貌,減少使用專業術語;
2)注意斷句、逗號、句號、頓號、分號的用法,提示信息比較多的話,應該分段;
3)警告、信息和錯誤使用對應的表示方法;
4)使用統一的語言描述,例如一個關閉功能按鈕,可以描述為“退出”、“返回”或“關閉”,則應該統一規定;
5)注意檢查是否有產品管理系統里面列出來的常見問題《文本經常犯的問題》;
3.設計流程
3.1界面設計
結合循環討論過的分析結果做設計,色調、風格、界面、窗口、圖標、皮膚的表現是本環節的關鍵。
3.2界面輸出
在這一部分就是配合好開發人員完成相關的界面結合、上線。
3.3完善工作
這個環節是很多部門共同參與的,包括可用性的循環研究、用戶體驗回饋、測試回饋。同時,把一些可行性建議進行完善。與團隊配合并發揮自己應有的作用非常重要。能貫穿整個UI流程進行工作,而并非是單純的圖形界面設計。
3.4后續跟蹤和分析
根據上線界面效果進行細部的完善,改動;或者對相應的界面進行已發現的問題,作為下階段,(如分析設計階段)相關的總結、改善記錄等。
編輯 潤揚網絡策劃服務有限公司