淺談項目設計中的移動UUII設計

張鵬

北京信息科技大學

?

淺談項目設計中的移動UUII設計

張鵬

北京信息科技大學

摘要：要想做一個軟件的圖形界面設計之前一定要想明白一個問題，就是這個軟件做什么的，支持什么活動，解決什么問題，能提供什么價值。而且一定要明白用戶喜歡什么樣的操作，討厭什么樣的操作。所以，一定要研究你的用戶，研究用戶的任務，觀念。考慮功能，最后才是界面。不要讓用戶做不自然的事。

1　uuii概述

UI 即是User Interface，其中包括所有人(User)與機器(Machine)打交道用的界面接口(Interface)。因此，如果你去設計一個起重機的操作面板、汽車儀表盤、電視搖控器，都可以稱為UI Design，他是工業設計中的一個術語。GUI 是Graphical User Interface的縮寫。是指在計算機(computing)出現后，在屏幕上使用圖形界面來幫助(User)與機器(Machine)打交道用的界面接口(Interface)，泛指在計算機上所做的界面設計。他們之間非常形象化的理解就是“遙控器屬于UI但是不屬于GUI。”

1.1UUII特性

UI是一種結合計算機科學、美學、心理學、行為學以及各商業領域需求分析的人機系統工程。它強調人、機、環境三者合為一個系統的設計，用戶界面的設計將直接影響軟件的市場。

界面是用戶使用軟件的第一個窗口，所以用戶界面的設計是開發中重要的一個環節。

對于軟件來說，用戶界面是面向用戶的。用戶需要的是開發者開發的軟件滿足用戶自己的需求，并且易于操作、界面簡潔。用戶界面設計走到今天經過千錘百煉，要想做到易于操作而且脫穎而出可謂是難于登天。太多的開發人員以為自己是藝術天才，不遵循用戶界面設計的標準去做產品。他們錯誤的認為使用一套復雜的顏色的方案或繁瑣的操作能夠征服使用者。結果往往是適得其反。好的軟件是用戶不用閱讀用戶手冊或接受培訓就能應用的應用軟件。這一點得益于軟件界面設計的人性化。

1.2Ui之與運用關系

我們做一個軟件就好比要蓋一座房子。為了面朝大海，春暖花開；房前的小徑如何方便進出增加人們交往與偶遇的機會，房間的格局如何讓大人小孩都能各得其樂，窗戶朝向如何布局來增加光照，這一切都是交互設計要考慮進去的問題。朋友中有個笑話，說一個交互設計師朋友去人家里做客，幾句話之后，開始評價人家的燈和開關設計是否合理的問題。其實這中間體現的是一種信息架構、交互流程的問題。

房子的外觀看起來什么樣，營造出什么樣的視覺體驗，地板和門應該是什么顏色才能顯得高端大氣，這是視覺設計要考慮的問題，布局、色彩、圖標等等。一座房子和人發生關聯的部分就是界面。即是User Interface就是用戶界面。顯然，這樣的接口需要交互和視覺的共同支持。

有人經常會問：“交互設計和視覺設計是完全獨立的么？”答案是否定的。

蓋房子是個系統工程，交互和視覺都是其中一部分。交互設計師心中要有視覺映像，視覺設計師頭腦中要有流程和架構，越是資深的設計師，這兩方面越是融合在一起，因為，原本的目的就是要蓋房子。我們的本質是蓋出一所結實耐用的房子，不是華而不實的棚子。所以交互和視覺越是融合的密不透風越是精妙絕倫，所以說他是完全獨立的說法是不對的。現實中開發人員來說不要舍本逐末，為了華麗而放棄使用本身。我們要在保證實用前提下在為其搭建漂亮的外衣。

2　移動ui設計

移動UI是UI的一個分支，移動UI設計是可移動的操作操作系統和其UI設計的人機交互、操作邏輯、界面美觀的整體設計。置身于操作系統中人機交互的窗口，設計界面必須基于操作系統的物理特性和軟件應用特性進行合理的設計。好的移動UI設計不僅能讓軟件變得有個性有品位，還能讓軟件的操作變得舒適、簡單、自由，充分體現軟件的定位和特點。

2.1移動ui設計細節

移動UI設計的特點是“小巧輕便”及“通信便捷”，這兩個特點決定了移動UI設計與其他UI設計的不同。以下給出的是實際移動UI設計中不可忽略的幾個的設計細節：

2.1.1盡量減少文字的輸入

因為移動端在輸入的低效性，在設計的過程中，應盡量減少用戶的輸入，如果可能設為可選項，讓用戶選擇。

2.1.2結構合理，邏輯清晰

由于手機屏幕相對較小，只能展示較少的信息量。只能有清晰的信息架構。

2.1.3考慮移動端操作方式

考慮單手操作問題，要方便手勢翻頁，能否單手操作完成。

2.1.4考慮APP UI的操作方式與操作系統兼容現在移動端的操作系統主要有window，Android，iPhonnee OOSS

這幾款主流操作系統占有巨大的市場份額，要充分考慮到和操作系統的兼容性問題。

2.1.5考慮觸摸的問題現在的移動端大多數都是觸摸屏，所以設計時要充分考慮

堅持為觸摸而設計的理念。

2.1.6流暢性、響應性考慮到應用交互的手勢的流暢性，及反饋用戶的響應速度

例如：一款計算軟件要3秒計算完結果并輸出，但是在這3秒內并無任何反饋。在這3秒內用戶不知道自己是否完成操作，而處于一種不安的狀態下。而另一款要6秒才能計算完，可是它卻在下一秒馬上反饋用戶讓用戶等待。這兩種情況用的情緒是不一樣的，第二種的做法對用戶更友好。

2.1.7考慮中斷問題考慮應用的使用情景，確保在被中斷的情況下，能讓用戶恢復之前的操作，保留用戶勞動的付出

2.2移動ui設計總述

一個軟件，特別是對于應用軟件來說，界面不需要太華麗。過于華麗的界面容易使人視覺疲勞，讓人心煩氣躁，把注意力過多的集中在花哨的圖案和顏色上，反而影響軟件的可信度和實用性。因此，界面設計的需要合理布局和友好的界面將會為軟件加分不少。要注意整合相似的功能，避免零碎UI；明確適用人群而不是所用用戶；用直接操作代替多個菜單。

要想做一個軟件的圖形界面設計之前一定要想明白一個問題，就是這個軟件做什么的，支持什么活動，解決什么問題，能提供什么價值。而且一定要明白用戶喜歡什么樣的操作，討厭什么樣的操作。所以，一定要研究你的用戶，研究用戶的任務，觀念。考慮功能，最后才是界面。不要讓用戶做不自然的事，比如玩紙牌的時候需要翻頁。不要影響用戶，界面要促進學習，采用習慣的用法及模式。傳遞給用戶的是信息，而不是一推數據。要具有良好的響應性，比起提高速度，成本低很重要。

界面布局一定要注意用戶注意力問題。用戶的注意力一般集中在光標閃爍周圍的一小塊地方，重要信息，或者提示信息不能跑太遠（頂部或者底部），注意力以外的地方很難被用戶觀察到。要建立視覺層次結構，有邏輯關聯。采用高亮顯示重要信息時候，在顯示完畢，獲取注意后，要及時取消高亮效果，以免造成視覺干擾，獲取不到其他的信息。不要顯示很多雷同信息，不然信息會被淹沒。總而言之，交互設計的初衷是讓用戶更便捷的使用產品。

程序響應性要注意，冗長的操作要有真實的進度操作，而不是虛假的。要讓用戶有可以停止的權力，防止用戶陷入無限的等待。不要給用戶提前加載不完全界面，哪怕只是幾秒，不要給用戶自己的設備不能完美兼容這個產品的錯覺。

2.3移動UI設計的幾個重要原則

2.3.1不能偏離用戶的任務

不能讓用戶像程序員一樣思考，要明白程序員花幾個小時的目的是讓用戶用幾分鐘的產品解決自己花幾個小時，甚至更長時間還有可能解決不了的事情。不要增加學習成本。用戶至上。

2.3.2減少不必要的操作

我們要不怕繁瑣的為用戶減少操作。要學會記錄用戶輸入的東西，避免再次輸入。要記住登錄只能有一次，但你可以多次授權。只讓用戶輸入必要的信息，其他信息然用戶自己高興的時候自己輸入，你可以適當的給一些獎勵。但記住必要信息要和其他信息分開。不要讓用戶做出一些廢棄的選擇。不要讓用戶記憶東西，重要的說明，圖片，步驟要一直顯示，別指望用戶記住它。

2.3.3要讓用戶掌握控制權。要讓用戶有拒絕和選擇的權利。

2.3.4要注意權衡要權衡各個設計的統一性，權衡中要記住人的需求總是優先于技術。

3　結語

整個移動UI的設計原則都是本著一條“用戶至上的原則”，所有的運用都是為了設計出來給用戶用的。只有那些能夠輕松的解決用戶痛點的設計才是完美的設計。這就是UI設計當中最重要的用戶原則。最后的總結是UI設計不一定是要你有多高的美學天賦多么強大的功能設計理念，而是要你能善于分析。你要能分析清楚你的用戶的群體，用戶的需求，用戶的理念，要做到以用戶為本。如果你在UI設計上做的不好，不一定是你的美學的天賦不夠高，也可能不是你的功能模塊建設的不夠周全，更有可能是你不善于分析你的用戶。美學素養可以靠后期培養，你的分析能力也是可以靠后天培養的。

參考書籍

[1]《UI黃金設計法則：觸動人心的100種用戶界面》拉杰.拉爾中國青年出版社。

[2]《影視特效在視覺設計中數字化運用研究》余曉妮常州大學。

[3]《信息界面中UI設計的優化研究》方一平華東師范大學。

[4]《社交化電子閱讀軟件UI設計》柏鷹廣西師范大學。

鳴謝

特別鳴謝北京信息科技大學2015年人才培養質量提高經費（財務編號）支持

特別鳴謝朝陽區健翔橋家樂福肯德基餐廳對項目需求的提示完善和后期系統測試的幫助

特別鳴謝北京信息科技大學大學生科技創新組對本次創新項目的經費支出和工作引導

特別鳴謝徐莉老師對本次項目開發的細心指導以及論文修改各方面的全面負責

特別鳴謝周文猛，唐朝，劉占奇，高安諾幾位組員對本次開發項目的支持和共同奮斗