審美與實用:如何使用設計讓您的應用或網站受到關注

已發表: 2019-05-27

我們生活在一個大多數公司都有一個應用程序或一個網站在在線領域代表自己的時代。

對於大多數公司來說,這是一個很好的機會,可以真正找到一種方式來炫耀他們的公司並表達他們的身份。 然而,另一方面是競爭激烈,隨著人們越來越熟悉良好的設計和流暢的界面,你會面臨很大的壓力,要加倍努力讓你的網站或應用程序受到關注。

這不像做一份合理的工作那麼簡單。 您必須超越以確保您的網站引起關注並展示適合您公司的專業精神。 因此,事不宜遲,這裡有一些很好的方法來實現您需要的網站或應用程序設計,以獲得最佳效果。

Aesthetic vs Utility

1. 第一印象

當你走在街上時,那些擁有非常好的櫥窗展示的店面,或者溫暖誘人的空氣或從它們散發出來的好氣味真正吸引了你。這是你的第一印象,也是你結束的重要組成部分決定你想去哪家公司,最終你想把辛苦賺來的錢花在哪裡。 對於網站和應用程序來說,即使不是更多,也是如此。 你必須給人留下深刻的第一印象。 這意味著,當您的網站打開時,首先需要迎接您的點擊者是您的最佳作品。 這種時刻的影響在在線領域更為重要,因為與商場裡的行人相比,互聯網用戶的注意力持續時間要短得多。 如果用戶沒有立即被他們看到的內容吸引,只需按一下鍵或單擊鼠標即可將他們趕走。 一個設計良好的網站將前端圖形設計元素以獲得最初的吸引力。

2. 正確處理流程

好的設計並不像事物的外觀那麼簡單。 一個精心設計的網站會給你帶來的最大的好處之一就是真正有效的流動感。 我的意思是從一個頁面到另一個頁面的每次轉換都會讓人感覺自然,並且用戶導航將被簡化。 良好的設計有助於和促進網站導航。 促進網站導航很重要,但被低估了。 這是一種激勵人們超越最初點擊瀏覽您的網站的行為。 用於輔助導航的良好設計意味著,如果他們確實想要進行下一次點擊,那麼他們需要去哪裡才能找到他們想要找到的東西是非常明顯的。 做對了,您將立即獲得更好的站點交互性。 這是一個實用性高於美學的領域,儘管兩者可以結合起來。

3. 移動可用性

這個非常重要。 如果沒有有效的移動伴侶,那麼投入大量精力來創建完美的網站,出色的搜索引擎優化,漂亮的界面以及其他所有內容都是徒勞的。 在現代,智能手機和平板電腦開發領域不斷投入大量工作,以至於對於某些人來說,這些設備現在已經成為他們唯一使用的東西,取代了筆記本電腦和台式機。 即使它們沒有完全接管,它們仍然被大量用於從檢查電子郵件到瀏覽網絡的所有事情。 這意味著您為網站使用的任何設計都必須適應移動版本,以便以同樣的方式輕鬆使用。

4.減少膚色

極簡設計正在達到新的高度,您可以在整個網絡上看到它,品牌簡化了新的內容和產品。 這種新趨勢不僅僅是極簡主義和扁平化設計——它是極簡主義在移動設備中實施的下一步。 它的一些定義特徵是更大的標題、更粗的字體、更通用的更簡單的形狀、更少的顏色或完全提取顏色。

例如,還記得 Instagram 過去的樣子嗎? 藍色和白色,綠色按鈕等等。 但是現在 UI 本身幾乎沒有顏色,除了一些帶有鏈接和按鈕的顏色,但即使這樣也很少。 他們還使導航和圖標變得更加簡單。 Medium 正在為他們的應用程序和網站使用類似的方法。 AirBnB 也發生了變化,創建了更簡化的界面。 如果你進入這三個業務的app,你會發現界面相當熟悉——內容要亮,app要功能。

這是一個巨大的進步,它改善了整體體驗。

如果你想加入這個潮流,這裡有一些你需要做的事情:

  • 移除顏色——如果你的應用現在有很多顏色,最好移除它。 它不一定要完全,因為您可以使用一種顏色,但要謹慎使用,並且僅在絕對必要時使用。 例如,顯示動作。 您的應用程序的內容應該是帶來顏色的內容,並且您的應用程序應該基本上是無色的。
  • 粗體標題 – 現在的趨勢是強調標題,通過使其粗體來顯著增加它的大小和重量。 您擁有的任何標題都將從中受益。
  • 創建簡單的圖標 - 在您的圖標中不添加任何顏色。 它們應該是簡單的線條,普遍可識別。 例如,主頁的房子。 例如,個人資料頁面的小頭。 所有這些都創造了更多的簡單性。
  • 留出更多的空白——一般來說,空白越多越好。 你不能在這裡出錯。 只要留下盡可能多的空白空間,你就會走上好路。
  • 使應用程序圖標明亮 – 使用閃光和顏色設計您的應用程序圖標。 因此,其他任何地方都沒有顏色,但在您的應用程序圖標上添加盡可能多的顏色和亮度。 在這裡,您可以盡可能多地插入您的個性和品牌。 通過這個元素讓自己脫穎而出。
5.添加插圖

這是近年來最流行的趨勢之一。 用戶界面中的插圖是過程、功能、文本或任何類似內容的可視化表示。 它支持和擴展人們的想法,並提供額外的信息。 它們已被應用於書籍、報紙、傳單、海報、專輯封面、教育書籍等。

卡通、視頻、遊戲和類似媒體都帶來了改進。 插圖美麗而富有創意,並且提供了很大的靈活性。 有越來越多的網站和應用程序,插圖是增強用戶體驗和改善這些實體的視覺和情感吸引力同時提高可用性的最佳方式之一。

那麼,如何在 UX 設計中使用它們呢?

一方面,您應該將它們用作功能元素,而不僅僅是為了美觀。 以下是一些插圖元素:

  • 主題圖片
  • 吉祥物和各種人物
  • 英雄圖片
  • 博客文章 圖片
  • 獎勵圖形
  • 入職圖形
  • 通知和營銷
  • 信息圖表
  • 社交媒體頁面
  • 評書
  • 貼紙

這些只是您可以使用插圖來增強您的消息並改進您的應用程序的一些方法。

以下是為什麼您絕對應該考慮在界面設計中使用插圖的一些原因:

  • 自定義插圖創造獨創性 - 插圖始終能夠為您的應用或網站添加一些風格。 而且由於競爭如此激烈,您需要一些東西來幫助您脫穎而出。 插圖和圖形可以為您提供這一點。 設計師可以根據目標受眾、需求和其他營銷元素調整他們的圖像,這樣您就可以真正為您的服務增添更多魅力
  • 視覺觸發器——視覺觸發器總是比其他觸發器更強大。 這主要是因為您可以在幾秒鐘內獲得圖像的信息,而您必須閱讀相當長的時間才能獲得普通博客文章或信息文章的信息——完整的信息。 人們將通過組合識別形狀、顏色及其含義,並從這些圖像中傳達某些感受和知識。
  • 插圖支持複製——在許多情況下,圖像比複製更能傳達信息。 事實上,大多數人不會閱讀您的大部分副本。 他們可能充其量只是略讀。 但是,如果他們到達您的目標網頁,他們就不可能錯過任何圖片。 它會立即向他們撲來。 這就是插畫如此適合廣告的原因。
  • 它們非常適合講故事——同樣,通過文本傳達信息的一個大問題是人們缺乏耐心去經歷這一切。 如果你想講述一個有影響力的故事,圖像會更好地傳達故事的信息。 它引起了人們的注意,人們一眼就能看出來。 一張圖片可以營造氣氛、展示個性、傳達信息等。
  • 插圖具有情感吸引力——通過顏色、形狀和陰影以及插圖的整體主題,你可以讓人們感受到一些東西。 當他們的情感與您聯繫在一起時,他們將永遠不會忘記您作為一個品牌,因此您將永遠留在他們的腦海中。 他們可以在幾秒鐘內獲得您的品牌個性並與之建立聯繫。
  • 好的插圖創造滿足感——審美滿足感增加了您項目的可信度,它使您的訪問者或客戶對您的應用程序或網站的美麗與和諧感到滿意。 人們想要並且需要好看的界面,因為它讓他們感到快樂,讓他們更加喜歡你。 ]
  • 插圖令人難忘——如前所述,文本很容易忘記,尤其是如果您沒有完全閱讀它。 但是出色的圖像和插圖可以立即識別,並且人們可以快速無縫地記住它們。 下次他們在線或離線遇到您的存在時,他們會記住您。 如果他們忘記了您品牌的所有其他信息,他們會記住與您的品牌相關的圖像,這就是他們再次找到您的方式。 當您想提高品牌知名度並吸引更多人關注您的品牌時,這是完美的選擇。 如果您的插圖、圖像和圖形遵循相似的主題或美學,這尤其有用。
結論

您已經可以通過“網站設計”這個短語來判斷,當您將公司的在線展示放在一起時,設計將成為您的首要任務。 設計中最大的問題是在外觀和可用性之間取得平衡,因此希望通過其中一些技巧,您將獲得一個在這兩個方面都一樣好的網站。