2022-6-10 博博
時我們傾向于將我們的設計視為藝術品。但如果我們用這種方式來思考它們,就意味著它們不會準備好面對“現實世界”的不確定條件。但是,設計一個可以隨時改變的界面也很美 - 而且,讓我們承認它,接口確實一直在變化。我最喜歡設計移動應用程序的一個方面是,從最初的概念到你對所有界面細節進行微調和拋光的時候,這是一個包含許多步驟的過程。
我們是視覺思考者,擁有訓練有素的眼睛。這就是為什么在開始一個新項目時有時會直接跳到可視化UI設計階段的原因,這也是我們可能對其他任務感到厭倦的原因之一。
這也意味著我們經常推遲工作流程的其他重要部分:定義用戶需求和目標,草擬任務流程,處理信息的所有細節和交互設計等。這些是同樣重要的是,它們更抽象,更難以讓人想象它們將如何成為最終產品的有形部分。
當我們正在進行視覺設計時,所謂的像素完美哲學可能是一個陷阱,使我們花費更多的時間來制作細節,直到最小的細節處于界面的“完美”位置。這導致一代設計師使用Dribbble和Behance主要顯示應用程序和網站的精美屏幕,并且更關注外觀而不是設計實際工作方式。在現實世界中,事情往往不如我們期望的那樣好。
就個人而言,我認為最好的設計(當談到用戶界面設計時)不僅外觀和感覺良好,而且還可以優雅地響應變化的條件甚至不可預測的情況。
在構建產品的漫長道路上,設計師需要更多的協作,而不是專注于視覺設計。這正是我為了這篇文章專注的地方。在接下來的幾段中,我將向你提供一些提示和技巧,說明如何將你正在進行的應用程序設計用于測試,并了解它是否已準備好發布到市場。
在不完美中尋找美
當我在大學學習平面設計時,他們教會了我們平衡,對齊,比例和張力的美感,以及如何在空間中定位元素,使它們和諧悅目。憑借這些知識,我的生活發生了變化,我開始以不同的眼光看世界。后來,我開始設計界面,我試圖將相同的原則付諸實踐,屏幕上的所有信息都應該形成一個非常令人滿意的視覺構圖。
如果你將這些原則應用于移動應用程序設計,那么我們發現必須顯示適量的信息。例如,如果一個屏幕必須列出人們的姓名,設計師通常會選擇一些短而普通的名字,并將它們完美地排列在一起,沒有留下任何可能破壞設計或使其在以后崩潰的意外長名稱的空間。
這種方法基于這樣的假設:在混亂和不完美中沒有美,盡管這兩個方面在現實世界中經常出現。但是視覺界面并不是一件值得欣賞的靜態藝術品; 它們是動態的,功能性的空間,可以改變和適應每個人使用它們。我們不應該屈服于純粹為美學設計的誘惑,因為我們永遠無法控制界面必須呈現給人們的一切。
相反,我們必須設計變革!這就是日本人所說的wabi-sabi,一個“以接受短暫和不完美為中心的世界觀”。
因此,以不同的方式思考和設計是很重要的:
● 嘗試以多種方式在你的設計中呈現數據;
● 盡可能使用真實數據。
當你嘗試以幾種方式呈現數據時,包括一些不可預測的數據,你將能夠測試界面是否已準備好處理超出設計“舒適區”的這些情況。此外,為極端情況做好準備。
如果你已經推出了該產品,這將更容易,因為你可以關注實際數據并將其用于你正在進行的設計過程中作為參考。但是如果你正在研究一些新的東西,那么你將不得不深入挖掘,做一些研究,并嘗試了解以后如何信息。你還可以與后端團隊的開發人員討論此問題,他們將能夠更好地向你解釋將存儲和呈現的數據類型。
我給你一個更具圖形的例子,我的開發者朋友稱之為“漂亮的朋友綜合癥”。當我們設計一個包含人物圖片的屏幕時,如用戶檔案,我們傾向于使用在設計中看起來很好并且很漂亮的人的照片。然而,當他看到這樣的設計時,我的朋友說:“我希望我有朋友這么帥?!?
因此,“完美”圖像的替代方案可能是使用不同膚色的人的更多隨機照片。這樣,你就可以測試重疊元素在不同背景下的外觀,讓你可以看到對比度和易讀性是否仍然完好無損。
不要過于樂觀
對于應用程序的工作方式,我們天生就是樂觀主義者。我們認為一切都會快速順利地進行,而且不會中斷,因為......為什么不呢?這就是為什么我們有時會忘記如何設計和處理用戶可能在以后遇到的一些可能不那么好的情況。
列舉幾例,如果突然互聯網連接中斷,會發生什么?或者,如果瀏覽器在執行任務時嘗試連接到API時出錯?如果連接速度太慢,是否會有加載指示器(例如微調器或進度條),或者在加載實際數據時是否會有一些占位符填充顯示塊?那么刷新應用程序的某些屏幕的可能性呢?什么時候(以及在哪種情況下)可能?
正如你所看到的,我不是在談論用戶所犯的錯誤(例如,在填寫表單時犯了錯誤),而是關于不受其控制但仍然發生的錯誤。在這種情況下,與開發人員交談,并了解不同屏幕上可能出現的問題,然后設計一種可以讓用戶輕松解決問題的方法,讓他們可以選擇稍后再試或者執行不同的操作。
無論如何,確定觸發每個錯誤的特定條件并為每個案例設計有用的錯誤消息是一個好主意。這些有用的消息將幫助用戶在每種情況下做出適當的響應,并知道下一步該做什么來解決問題。即使它有點麻煩,也不惜一切代價避免使用通用錯誤消息。
理解流程
界面包括許多元素,它們一起形成應用程序的整個布局。然而,當我們把重點放在用戶界面上的一個整體,我們往往忘記了一些元素也有較小的任務來執行的總體目標做出貢獻。
如果有一個觸發某種交互的按鈕或項目,那么請向前看并考慮下一步:在執行操作時是否會顯示加載狀態?它可以因某種原因被禁用嗎?如果用戶按住按鈕一段時間該怎么辦?會有任何反饋意見嗎?就像整個屏幕有不同的狀態一樣,同樣也適用于單個元素。
此外,請考慮產品的邏輯如何與用戶的心智模型相匹配,幫助他們準確有效地實現目標并以有意義和可預測的方式完成他們的任務。
我要做的就是解決所有這些問題,就是停止我正在做的事情,暫停,退后一步,查看整個多屏幕流程的大局,并了解一系列步驟和動作。我將尋找導致該點的多條路徑,以及遠離它的多條路徑。
你可以在使用原型時做同樣的事情,慢慢地,認真地,謹慎地執行動作。如果這對你來說太具有挑戰性,因為你之前可能已經多次這樣做了,現在它變成了一種自動化的任務,并問同事,朋友或活躍用戶看看設計或原型??吹狡渌耸褂貌⑴c你的設計進行互動可能很有啟發性,因為我們往往過于接近并且過于熟悉它,因此可能會忽略一些事情。
為您的屏幕設計
當我在設計時,我通常會將手機放在我旁邊,以便我可以預覽我的工作并實時進行調整。
我認為這是一個很好的做法,但這種方式也很容易忘記所有其他手機與人們可能使用的手機不同。有很多不同的屏幕尺寸(特別是在Android平臺上); 試著考慮所有可能的變化。
知道從哪里開始的一種方法是檢查你的實際用戶擁有哪種類型的設備。
在為各種屏幕尺寸和方向準備設計時,不僅僅是拉伸盒子和重新定位元素。仔細考慮如何充分利用每種情況,以及如何進行必要的調整,即使它意味著偏離原始設計。
在這些情況下,我們之前討論過的相同原則仍然適用:不可預測的情況,不同類型的內容,可變數量的信息,缺少數據等等。你必須針對各種可能的場景進行設計。不要陷入將屏幕設計為產品的單獨部分的陷阱,它們都是相互連接的。
這不僅對你有用,而且對開發人員也有幫助,他們需要了解許多可能的場景才能編寫代碼并準備界面來解決這些問題。
今天你需要什么,明天你可能需要
你可能已經注意到,本文中許多要點的目標是減少意外情況。即便如此,在很多情況下你也無法得到明確的答案。開發人員經常會問,“那么,如果我這樣做會發生什么呢?”指出你以前沒有考慮過的潛在結果。
如果發生這種情況,那么你只需要針對一個案例和一個屏幕來解決該特定問題。但總是嘗試全局思考,并考慮如何將該特定問題的答案設計為以靈活的方式工作,以便你以后可以重用它。
畢竟,這就是我們UI設計師所做的 - 我們設計和定義適應未預料到的狀態,條件和流程的靈活系統。將你的界面視為移動,更換智能部件的生動生態系統,而不是單個像素塊的集合。
在此過程的這一部分中,你需要與團隊中的開發人員密切合作,主要是為許多不同情況定義一組行為規則。但保持良好的平衡 - 盡量不要過度設計。用一點常識來設定自己的極限。你需要在功能和一致性之間取得良好的平衡。請記住,良好的設計系統是靈活的,并且在某些情況下為規則的某些例外做好準備。
另一方面,想一想你已經設計過的元素如何調整以適應新的情況。如果你創建一個設計組件庫,你將會看到更好的結果,因此,只需快速瀏覽一下庫,你就會知道是否需要從頭開始設計某些東西,或者你可以使用現成的東西。
結論
基于設計系統的優雅解決方案具有明確定義的問題將使我們工作中的視覺設計更加有趣,因為我們可以專注于界面的改進,拋光和愉悅,而無需無休止地迭代。當我們過早地跳到視覺效果時,我們必須同時解決問題并制作界面,這通常會導致沮喪和倦怠。
改變你的工作流程可能在一開始就具有挑戰性,但過了一段時間你會喜歡在限制范圍內工作。這也將改變你的思維方式,并希望幫助你擺脫對視覺細節的關注。你將成為一個更加完善和有能力的用戶體驗設計師,使用適當的可交付成果,而不僅僅是生成無窮無盡的視覺模型和組合。
轉載請注明:站酷
分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。
藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務、
UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司