您現在的位置是:首頁 > 攝影首頁攝影

互動設計中的四大策略(二)組織

由 人人都是產品經理 發表于 攝影2023-01-17
簡介這種方式常用於頁面的佈局設計,從頁面風格、內容、搜尋功能來探討組織

互動分配法加減怎麼區分

我認為互動設計四大策略(刪除、組織、隱藏、轉移)中成本最少、損失最小、操作最便捷的方式是組織。透過重新的設計,使用者對產品的注意力提高。這種方式常用於頁面的佈局設計,從頁面風格、內容、搜尋功能來探討組織。

互動設計中的四大策略(二)組織

一、頁面風格

對於頁面的調整,可以從分塊、尺寸、顏色考慮。

1。 分塊

頁面的設計離不開分塊,將多項功能分別組織到不同的選單模組中,形成清晰的層次結構,類似於決策方法中層次分析法。先思考探究的決策目標是什麼,確定決策準則,細分決策物件。

將決策的目標、考慮的因素(決策準則)和決策物件按它們之間的相互關係分為最高層、中間層和最低層,繪出層次結構圖。最高層是指決策的目的、要解決的問題。

最低層是指決策時的備選方案。

中間層是指考慮的因素、決策的準則。

對於相鄰的兩層,稱高層為目標層,低層為因素層。

按照兩兩之間的關係畫出框架圖。

以樹林的茂盛情況,可以從樹木生長情況、種植間距、自然條件等方面來進行考慮。自生長情況包括樹木的高度、樹冠大小、樹徑等因素。

對於頁面的分塊也是如此,探究使用者的行為習慣進行組織,使用者想做什麼、先做什麼、後做什麼?

一步一步地思考,將每一個步驟所涉及的內容分為一個版塊,將每一個版塊按照步驟的順序進行排列。

比如微軟的excel介面,開啟頁面,使用者可以進行插入、頁面佈局、資料等操作;將每一個版塊分細,開始選單下有字型調整、對齊方式等。依次類推,頁面的架構逐漸清晰。

版塊的數目儘量少,提供給使用者的選擇越少,產生的負擔越輕。為什麼微信發朋友圈最多發出九張圖呢?而不是四張呢?

理論上,人的大腦瞬間能夠記住的最大數字是“7加減1”。

適當地再新增一項,講究排列的對稱性與美感,使用者對此感知較弱。長期使用其他產品,使用者對九宮格的設計較為習慣,比如九宮格輸入法。並且,九張圖的選擇較少了使用者的思考時間。

在設計一款產品的時候,首先思考產品的功能架構圖和資訊架構圖,理清頁面的整個佈局,再產出原型圖。沒有邏輯的思考,原型圖的佈局將會非常凌亂,後期的修改會變得複雜許多。

在總覽全域性時,我們按照理想的方式設計,有一定的偏差,使用者可能會選擇其他捷徑。以親身感受為例,第一次使用實習僧投遞簡歷,我根本不知道哪裡檢視投遞情況。

作為求職者,我很希望能夠快速看到求職情況。實習僧將檢視投遞的按鈕隱藏在“訊息”選單下的右上角隱藏懸浮框中。按照自己規劃圖中清晰的線條和整潔的佈局所迷惑,忽略使用者的感受。簡單的組織意味著你在使用產品會對什麼感覺不錯,不是你在規劃看到了什麼邏輯。

2。 尺寸

頁面通常會有國字形、廠字形設計風格,將頁面分成多個小框架。每一個框架的比例應該相同,使用按鈕的格式統一。在利用網格來區分小框架時,要注意以下情況。

互動設計中的四大策略(二)組織

3。 顏色

頁面使用的顏色過多,學習的時間變長。整個設計中的顏色應該完全統一,對重點的內容進行特別標註。色標系統是一條簡化設計的捷徑,使用顏色分層和顏色標記有細微的差別。

在做色標系統的前,應該思考使用者停留的時間長短。如果使用者屬於臨時使用者,色標系統的設計是不太合理的,他們沒有時間去區別顏色所代表的含義。在確保使用者會花很長的時間去學習並重復使用設計時,色標系統的價值會非常大。

正如紅綠燈的紅、綠、黃色標,我們看到顏色能夠條件反射出它代表的意思。假設我們出差到一家酒店,廁所的男女門分別為紅色、綠色。無條件、無環境的設計適得其反在,在緊張、匆忙的情況下,人的思考會弱化很多。

二、內容

按照字母表的方式對內容進行排序,看起來簡單,卻經常不可行。如果不知道查詢的內容,進行大面積排查的方式會浪費很多時間。比如,在資料庫中查詢九寨溝,頁面未分類顯示文章、圖片、影片,到底想看哪一個呢?

從頭查詢顯得很麻煩。按照格式排序來對內容進行排序,是一種比較好的分類方法。

對於專有名詞進行字母排序建立索引是可以的。比如在資料庫中查詢中報考英語考試的人。使用姓氏排除會節省許多時間。

對於會議安排可以按照時間順序組織,特別是持續時間相差不多的活動。使用者不用是不是地檢視時間和日記表,透過時間表能夠對活動安排一目瞭然。

對於一些實體物件可以按照空間組織,比如走進一個房子,裡面分為臥室、廚房、書房等。

對於同一個型別下的產品進行分類,可以從功能、選項、配件三個角度進行分類。以功能舉例:電商類產品有淘寶、京東、蘇寧,社交類產品有微信、QQ、一罐、Soul,閱讀類產品有網易蝸牛閱讀、微信閱讀、噹噹閱讀、掌閱。簡單的分類指重複交叉最少的分類方法。

三、搜尋

對內容進行有效的組織後,考慮如何設計搜尋。無論是設計還是使用,搜尋與搜尋的最優適用條件不同。一般情況下,直接點選符合意願的連結是最簡單的選擇,不用考慮需要輸入什麼關鍵詞。

當用戶看到連結時一下子明白當前程式可以做什麼時,他們是不會去看幫助文件。在網站沒有提示有效導航欄或者需要從大量類似中找到一個已知項的情況下,使用者才會使用搜索。

如何實現搜尋的內容與關鍵詞有最大程度的匹配是技術的話題,不予討論。

本文由 @。lemon~萌小2 原創釋出於人人都是產品經理,未經許可,禁止轉載。

題圖來自 Unsplash,基於CC0協議。