怎樣設計UI介面

2022-05-16 15:40:17 字數 2186 閱讀 1940

使用者介面,是系統和使用者之間進行互動和資訊交換的媒介。介面的好壞決定使用者對軟體的第一印象。設計合理的介面能給使用者帶來輕鬆愉悅的感受和成功的感覺,相反由於介面設計的失敗,讓使用者有挫敗感,再實用強大的功能都可能在使用者的畏 懼與放棄中付諸東流。因此,使用者介面的設計是軟體開發中十分重要的一環。

使用者介面的設計需要遵循以下原則:(

易用性:介面顯示名稱應該易懂,用詞準確,屏棄模稜兩可的字眼,要與同一介面上的其他按鈕易於區分,能望文知意最好。理想的情況是使用者不用查閱幫助就能知道該介面的功能並進行相關的正確操作。

規範性:介面設計按照軟體使用者介面的設計標準來設計。介面遵循規範化的程度越高,則易用性相應的就越好。

幫助設施:系統應該提供詳盡而可靠的幫助文件,在使用者使用產生迷惑時可以自己尋求解決方法。

合理性:螢幕對角線相交的位置是使用者直視的地方,正上方四分之一處為易吸引使用者注意力的位置,在放置窗體時要注意利用這兩個位置。

美學與協調性:介面應該大小適合美學觀點,感覺協調舒適,能在有效的範圍內吸引使用者的注意力。

獨特性:如果一味的遵循業界的介面標準,則會喪失自己的個性.在框架符合以上規範的情況下,設計具有自己獨特風格的介面尤為重要。

我們小組因工作需要,要對微軟的學術搜尋中的學術地圖功能(進行改進和介面設計。增加如下功能:

顯示會議的功能

讓使用者可以改變作者顯示的次序——發表數或引用數

搜尋功能:允許使用者搜尋作者或地理位置(城市、街道等)

支援「後退」按鈕,讓使用者檢視曾經選擇過的組織

根據ip位址顯示使用者的位置

需要對這些功能進行整合。整體介面設計如下草圖所示:

主介面功能簡介明了,進入應用時,自動根據使用者ip定位到使用者所在位置,將使用者所在位置定位到地圖中心。在地圖圖層之上,有以下幾個部分:

導航按鈕:可以進行地圖的上下左右、縮放操作,位於介面的左側偏上位置,比較醒目,方便使用者操作。介面設計仿照了谷歌地圖,直接浮動於地圖之上,沒有面板的束縛。

搜尋框:位於介面的正上方,包含乙個自動補全的文字框和乙個搜尋按鈕。此搜尋功能整合了機構名、作者名和地名的搜尋,當輸入一串文字時,將出現自動補全的結果,按照機構、作者、地理位置歸類。使用者可通過上下按鍵選擇補全框中的每一項。針對重名的情況,補全框裡會通過額外的資訊來區分兩個重名的項。輸入完畢之後,使用者可以通過回車或滑鼠點選使地圖定位到選中的位置,如果搜尋的是機構名,要保證這個機構在地圖上顯示出來;如果輸入的是作者名,要將作者所在機構連同作者顯示在地圖上;

機構/會議切換按鈕:位於介面右上角,與核取方塊功能相同,為了美觀,設計成立體的兩個半按鈕形式,凹進表示選中。在選中組織或會議的狀態下,地圖上會用不同大小和顏色的圓圈在相應的地理位置顯示各個組織/會議;

設定按鈕:位於介面左下角不太醒目的位置,設計成齒輪的形狀。點選之後可以彈出乙個選擇學科領域的對話方塊。以過濾顯示特定學科的組織/會議。這個按鈕這樣設計的原因,是考慮到使用者使用這個功能的頻率不高,只需要一開始時讓使用者設定一次即可,不要太多地分散使用者的注意力。

在顯示組織的模式下,地圖上的圓圈可能代表乙個或多個組織(如果乙個地區有多個同等且較大規模的組織,會合併在一起,點選圓圈的時候分散成幾個圓圈)。點選乙個組織的圓圈後,應用會切換到組織詳情的檢視,此檢視疊加在地圖之上,加上乙個半透明的純色背景,弱化背景地圖的顏色,突出畫面的中心。正中心顯示組織的和名稱,以螺旋狀顯示組織中的各個作者的**和名字。

此外,該介面中還含有以下兩個功能:

左上角有乙個大大的後退按鈕,可以返回上一次瀏覽的組織,切換可以有乙個動畫效果:當前組織向螢幕右方飛出,舊組織從左側進入。進入舊組織之後,後退按鈕的右邊還會增加乙個前進按鈕,返回後退前的組織;

右上角有乙個與排序的選擇按鈕,風格和主介面上組織的選擇按鈕風格完全相同。點選之後,每個作者的圓圈下方的名字會消失,圓圈之間的連線也會消失,之後這些圓圈發生移動重排(不在需要的圓圈移動到中心的組織處,新增加的圓圈從中間移動出來),最後重新顯示這些作者的名字以及連線。

怎樣設計介面?

眾所周知,介面是提供給其它模組或者系統使用的一種約定或者規範。因此介面必需要保 證足夠的穩定性和易用性。這是設計介面的基本要求。介面必須相對穩定,否則將導致介面的使用者和提供者為了適應新介面而不斷改動介面 的實現,可能反覆進行無用功,嚴重時影響整個軟體開發進度。那麼怎樣保證設計的介面相 對穩定呢?首...

怎樣設計介面?

眾所周知,介面是提供給其它模組或者系統使用的一種約定或者規範。因此介面必需要保 證足夠的穩定性和易用性。這是設計介面的基本要求。介面必須相對穩定,否則將導致介面的使用者和提供者為了適應新介面而不斷改動介面 的實現,可能反覆進行無用功,嚴重時影響整個軟體開發進度。那麼怎樣保證設計的介面相 對穩定呢?首...

怎樣設計介面?

眾所周知,介面是提供給其它模組或者系統使用的一種約定或者規範。因此介面必需要保 證足夠的穩定性和易用性。這是設計介面的基本要求。介面必須相對穩定,否則將導致介面的使用者和提供者為了適應新介面而不斷改動介面 的實現,可能反覆進行無用功,嚴重時影響整個軟體開發進度。那麼怎樣保證設計的介面相 對穩定呢?首...