您當前位置:圖趣網(Tuquu) >> 網頁設計教程 >> 設計理論 >> 瀏覽設計教程

在設計流程中,通過這6種體例來運用信息架構

一名良好的設計師除了必要具備優(yōu)秀的設計技能,還必要大量的設計相干知識貯備。信息架構是設計師必要懂得的最緊張的知識之一。在之前的文章《寫給設計師的信息架構基礎知識指南》當中,我們細致闡述了信息架構的基礎知識,你可以通過這篇文章來了解為什么它是UI和UX設計的必備知識。信息架構的設計原則,對于設計師而言,也是設計中值得參考的有效工具。今天的文章,幫你總結了在設計過程中運用信息架構知識的6個技巧。

1、始終牢記產品設計目標

如何界定產品最終要達成的目標,其實直接影響著整個團隊每個階段的工作,無論是對于設計師,開發(fā)人員照舊產品經理,均是如此。信息架構與此也痛癢相關。只有了解用戶和企業(yè)自己對于網站和APP的真實期望之后,才可以開始構建團體的信息架構。所以,產品團隊應該完備地了解產品的目標,確保創(chuàng)意團隊中所有的成員都充足理解,并且針對目標制訂響應的策略和應對措施,才能具備最終實現(xiàn)的可能性。始終銘記最終目標以及為了達成目標而必要實行的義務,能夠讓整個實行過程更加明確。在設定目標的時候,設計師和客戶應該就內容和團體信息架構以及最終目標達成同等,避免可能存在的誤會,提拔實行服從。

2、進行用戶調研

信息架構專家在搭建產品信息架構之前,應該對目標受眾的需求和細節(jié)有充足的了解,將提拔用戶寫意度作為優(yōu)先考慮的事項。想要了解更多潛在用戶的信息,建議設計師做用戶調研。通過各種技術手段搜集關于目標用戶和潛在用戶的相干信息的過程就是用戶調研。搜集數據之后,設計團隊針對這些信息進行分析,并且找出最佳的解決方案,從而有可能創(chuàng)造出對用戶友愛且有吸引力的產品。

用戶調研有助于深入了解目標受眾的細節(jié),了解他們的需求和生理特性。結合用戶喜愛,設計團隊能夠有方向地創(chuàng)造出對用戶友愛,貼合需求還可能吸引潛在用戶的產品。

3、結合認貼心理學

認貼心理學和信息架構的搭建有著緊密的關聯(lián)。用戶的視覺感知和影響用戶細致力的因素,都可以通過認貼心理學來進行判斷。信息處理的科學是以人為中間的科學,有認貼心理學的專家指出,人類感知數據的體例有許多,而影響細致力的因素則更是不盡雷同。

基于認貼心理學的原理和相干研究,設計師可以采用很多不同的技術來創(chuàng)建充足有用的內容。在設計過程中,設計師常常會采用格式塔原理來構建布局,巧用元素,這種行使視覺相似性和關聯(lián)性的生理學原理,適用范圍特別很是廣。而識別模式則更加有效,當用戶訪問網站或者APP的時候,常常會期待看到特定的內容和功能,識別模式可以行使調研數據和經驗幫助設計師,快速搭建布局和信息架構。

4、規(guī)劃導航體系

信息架構和導航是數字產品當中最緊張的兩個組成部分。導航是網站和APP當中指導用戶抵達不同目標和功能或者網頁的一組操作或者技術,作為網頁中重要的交互而存在。導航和信息架構有著密切的關聯(lián),信息架構所構成的框架之下,導航作為抵達不同信息區(qū)塊的路徑而存在。

普通點說,數字產品當中,導航是基于信息架構來梳理的,它最終應該反映并支撐信息架構,否則產品無法保證其同等性。當然,兩者雖然不是一個東西,但是在創(chuàng)建信息架構的時候,同期針對導航體系進行規(guī)劃。

5、別忘了視覺條理

為了更好地組織信息、確定內容呈現(xiàn)的優(yōu)先級,設計師會結合信息架構,使用視覺條理來有著重地、視覺化的顯現(xiàn)內容。無論是文檔、圖書、海報、頁面照舊APP,這些載體上所承載的內容,會按照每個元素的緊張程度來有差別地顯現(xiàn),而這種差別通常是通過大小、色彩、對比度、對齊度來區(qū)別的。緊張的信息會更容易被用戶細致到,便于他們輕松欣賞。

6、還要細致閱讀模式

視覺條理的構建使得數字產品內容的可讀性有了充足的保障。不過,僅有視覺條理還不夠,設計師還應當根據產品形態(tài),考慮用戶的閱讀模式。

用戶研究領域的先驅 Nielsen Norman Group 曾經針對這一用戶舉動進行了深入的研究,為設計師和可用性設計專家們提供了更好的素材和設計依據。

簡而言之,當人們訪問某個網站的時候,尤其是初次訪問網站的時候,他們通常不會分外細心的查看所有的內容,而是快速的掃視,找到能夠吸引他們細致力的信息,這些內容就是他們繼承停頓在這個網站上的理由。通過眼動測試和不同實驗,他們發(fā)現(xiàn)訪問者的視覺欣賞模式,可以歸結為幾種典型的模式。設計師 Steven Bradley 在本身的文章中,總結了這三種常見的模式:古騰堡式,Z圖模式和F圖模式。

古騰堡式:對于信息結構條理并不那么分明的頁面,用戶常常會使用古騰堡式的欣賞模式,用戶大范圍掃視網頁內容,整個視線路徑是一個大號的Z,其中最開始的兩個視覺駐留點就在頁頭上。

Z圖模式也不難理解,用戶從上到下,視線沿著Z字形往返掃視,用戶會左右快速掃視,視線的起點首先是左上角,行跨頂部一欄到右上角,然后向下延長。

F圖模式,或者說是F式布局,我們就更加認識了。在Nielsen Norman Group 的研究當中,這種閱讀模式最為典型:

  • 用戶先會沿著水平方向欣賞,優(yōu)先欣賞內容塊的上部,這個時候的眼動構成了字母F 最上面一橫。
  • 接下來視線會沿著屏幕左側向下垂直掃視,探求段落中能引起愛好點的內容,當他們發(fā)現(xiàn)引起他們愛好的內容之時,繼承橫向細心欣賞,而通常這些內容對應的視線范圍會比第一次橫向欣賞的范疇要更小一些,而這個視線軌跡則構成了字母F 中心的一橫。
  • 接下來用戶會將視線移到屏幕左側,繼承向下欣賞。

所以,將最關鍵的元素置于用戶的欣賞路徑上,讓用戶可以更輕松地消化信息,也能最高效地實行交互。

更多細致事項

信息架構學科看起來很復雜,必要花費時間和精力來深入學習??墒钱斈懔私饬讼喔傻幕A知識之后,再應用于設計項目的時候,你就會發(fā)現(xiàn)它是多么的有效。根據 Tubik Stuido 之前的系列文章,我想列出關于信息架構知識的一些要點:

  • 信息架構是構成數字產品的骨架,設計師可以根據信息架構來構建視覺元素、功能、交互和導航
  • 壯大的信息架構是產品質量的保證,它會削減掃可用性題目,提拔導航性
  • 信息架構就像是整個布局的藍圖,幫助視覺設計方案的生成
  • 定義產品目標是創(chuàng)建信息架構的核心
  • 用研和認貼心理學能夠幫設計團隊展望用戶對于產品的反應,并且創(chuàng)造對用戶友愛的體驗
  • 清晰的視覺條理在內容顯現(xiàn)上起偏重要的作用


[教程作者:互聯(lián)網]
免責聲明:本站文章系圖趣網整理發(fā)布,如需轉載,請注明出處,素材資料僅供個人學習與參考,請勿用于商業(yè)用途!
本文地址:http://pkvc.cn/tutorial/di3928.html
高手經驗!設計師如何運用產品思維制作小我簡歷?
以手機淘寶為例,看原型圖易缺失的交互場景
圖趣網微信
建議反饋
×