交互設(shè)計中的四大策略(二)組織

0 評論 7549 瀏覽 22 收藏 9 分鐘

我認為交互設(shè)計四大策略(刪除、組織、隱藏、轉(zhuǎn)移)中成本最少、損失最小、操作最便捷的方式是組織。通過重新的設(shè)計,用戶對產(chǎn)品的注意力提高。這種方式常用于頁面的布局設(shè)計,從頁面風格、內(nèi)容、搜索功能來探討組織。

一、頁面風格

對于頁面的調(diào)整,可以從分塊、尺寸、顏色考慮。

1. 分塊

頁面的設(shè)計離不開分塊,將多項功能分別組織到不同的菜單模塊中,形成清晰的層次結(jié)構(gòu),類似于決策方法中層次分析法。先思考探究的決策目標是什么,確定決策準則,細分決策對象。

將決策的目標、考慮的因素(決策準則)和決策對象按它們之間的相互關(guān)系分為最高層、中間層和最低層,繪出層次結(jié)構(gòu)圖。最高層是指決策的目的、要解決的問題。

  • 最低層是指決策時的備選方案。
  • 中間層是指考慮的因素、決策的準則。
  • 對于相鄰的兩層,稱高層為目標層,低層為因素層。

按照兩兩之間的關(guān)系畫出框架圖。

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

對于頁面的分塊也是如此,探究用戶的行為習慣進行組織,用戶想做什么、先做什么、后做什么?

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

比如微軟的excel界面,打開頁面,用戶可以進行插入、頁面布局、數(shù)據(jù)等操作;將每一個版塊分細,開始菜單下有字體調(diào)整、對齊方式等。依次類推,頁面的架構(gòu)逐漸清晰。

交互設(shè)計中的四大策略(二)組織

版塊的數(shù)目盡量少,提供給用戶的選擇越少,產(chǎn)生的負擔越輕。為什么微信發(fā)朋友圈最多發(fā)出九張圖呢?而不是四張呢?

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

適當?shù)卦偬砑右豁棧v究排列的對稱性與美感,用戶對此感知較弱。長期使用其他產(chǎn)品,用戶對九宮格的設(shè)計較為習慣,比如九宮格輸入法。并且,九張圖的選擇較少了用戶的思考時間。

在設(shè)計一款產(chǎn)品的時候,首先思考產(chǎn)品的功能架構(gòu)圖和信息架構(gòu)圖,理清頁面的整個布局,再產(chǎn)出原型圖。沒有邏輯的思考,原型圖的布局將會非常凌亂,后期的修改會變得復(fù)雜許多。

在總覽全局時,我們按照理想的方式設(shè)計,有一定的偏差,用戶可能會選擇其他捷徑。以親身感受為例,第一次使用實習僧投遞簡歷,我根本不知道哪里查看投遞情況。

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

2. 尺寸

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

交互設(shè)計中的四大策略(二)組織

3. 顏色

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

在做色標系統(tǒng)的前,應(yīng)該思考用戶停留的時間長短。如果用戶屬于臨時用戶,色標系統(tǒng)的設(shè)計是不太合理的,他們沒有時間去區(qū)別顏色所代表的含義。在確保用戶會花很長的時間去學習并重復(fù)使用設(shè)計時,色標系統(tǒng)的價值會非常大。

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

二、內(nèi)容

按照字母表的方式對內(nèi)容進行排序,看起來簡單,卻經(jīng)常不可行。如果不知道查找的內(nèi)容,進行大面積排查的方式會浪費很多時間。比如,在數(shù)據(jù)庫中查找九寨溝,頁面未分類顯示文章、圖片、視頻,到底想看哪一個呢?

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

對于專有名詞進行字母排序建立索引是可以的。比如在數(shù)據(jù)庫中查找中報考英語考試的人。使用姓氏排除會節(jié)省許多時間。

對于會議安排可以按照時間順序組織,特別是持續(xù)時間相差不多的活動。用戶不用是不是地查看時間和日記表,通過時間表能夠?qū)顒影才乓荒苛巳弧?/p>

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

對于同一個類型下的產(chǎn)品進行分類,可以從功能、選項、配件三個角度進行分類。以功能舉例:電商類產(chǎn)品有淘寶、京東、蘇寧,社交類產(chǎn)品有微信、QQ、一罐、Soul,閱讀類產(chǎn)品有網(wǎng)易蝸牛閱讀、微信閱讀、當當閱讀、掌閱。簡單的分類指重復(fù)交叉最少的分類方法。

三、搜索

對內(nèi)容進行有效的組織后,考慮如何設(shè)計搜索。無論是設(shè)計還是使用,搜索與搜索的最優(yōu)適用條件不同。一般情況下,直接點擊符合意愿的鏈接是最簡單的選擇,不用考慮需要輸入什么關(guān)鍵詞。

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

如何實現(xiàn)搜索的內(nèi)容與關(guān)鍵詞有最大程度的匹配是技術(shù)的話題,不予討論。

 

本文由 @.lemon~萌小2 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理,未經(jīng)許可,禁止轉(zhuǎn)載。

題圖來自 Unsplash,基于CC0協(xié)議。

更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 目前還沒評論,等你發(fā)揮!