萬盛學電腦網

 萬盛學電腦網 >> 網頁制作 >> 交互設計 >> 交互設計借鑒一:生活中的交互之小戶型設計

交互設計借鑒一:生活中的交互之小戶型設計

交互設計借鑒一:生活中的交互之小戶型設計 三聯

  在房價高漲的今天,對於年輕的家庭以及單身一族來說,通常會選擇小戶型作為過渡。小戶型設計卻仍然要求“麻雀雖小,五髒俱全”,小面積與增加功能的矛盾日益加深。與小戶型設計及其相似的還有近些年來興起的手機交互設計。現在各個企業都如火如荼的進行著手機客戶端的設計開發,手機界面尺寸有限,如何盡量少的形式表達出用戶真正的需求,又讓用戶有好的體驗呢?

  1. 減少不必要的

  在小空間設計上,不能要求面面俱到,要懂得犧牲的魅力。開放式設計可以讓空間得到最大的利用,將臥室、客廳、餐廳打通,形成大空間態勢,減少固定笨重的裝修,用靈活可變的輕質隔牆,甚至滑軌拉門或其他可移動家具來取代原有的密閉隔斷牆,既節省空間,使居室更顯通透感,同樣也可以讓你擁有獨立的空間。

  床頭部分可以增加彈簧,白天收起增大活動空間,晚上睡覺時再放下,

  在手機交互設計中

  1. 精簡內容

  手機界面尺寸比較小,又要考慮符合手指點擊的面積,所以往往不會像web頁面中把詳細分類及信息全都鋪出來,導航條也不會像web界面設計中的細長的一條,只能精簡內容顯示最常用的幾個版塊。

  2. 隱藏菜單

  對於占空間比較大,在特定情況下才需要的東西可以設計為隱藏菜單,需要使用時再顯示出來

  2. 縱向發展

  將床面抬高,不知不覺中增加了床面以下的可利用空間

  繼續抬高床的高度,下面的空間可以作為衣櫃和書桌空間

  手機交互計中

  列表頁的設計,現在的智能機最大的特點就是用到手指的動作,所以列表頁長一點沒關系,用手指滑動上下或者左右翻頁比web界面上的翻頁效率高出很多

  1. 信息量比較大的表格結構的列表,這種頁面在web頁面中顯示時會出現縱向滾動條,在手機交互設計中多數用上下滑動

  2. 如果做分屏設計的通常使用橫向滑動,橫向滑動的特點是一次滑動一屏,但是想一次只移動一點點的話就不適合做橫向滑動了。

  3. 還有一種分享類型的列表,由於不停的會有新的分享圖片出現,更新頻率比較高,所以圖片排列比較密集,為方便用戶自由控制移動多少位置通常也采用上下滑動。

  3. 功能區共享

  在居室有條件的情況下,我們會讓各個空間獨立,比如說:我們會單獨設立客廳,餐廳,書房等等… 這也就是我們說的幾室幾廳,它各個房間的功能,但如果是小戶型,就沒那麼多房間可供你劃分,我們接觸最多的是零居室,也就是說只是一間房,甚至於廚房都是敞開的,只有衛生間是獨立的。因此,許多空間必須是重疊的,甚至於是單一空間多用途,比如說:餐桌可以成為書桌,還可以兼顧吧台的作用;榻榻米可以成為客臥,同時它又是個書房;在下鋪的床板下,還可以有一個小拖床,不用時可以推到床下,也可以單獨推到另外房間使用。適合小戶型的家具天生要身兼數職。

  餐桌可以成為書桌,還可以兼顧吧台的作用

  榻榻米可以成為客臥,同時它又是個書房

  在手機交互設計中

  由於空間有限,功能區共享的設計隨處可見。

  1. 一個區域的不同位置有不同功能。

  例如在大多數讀書軟件中,閱讀中的屏幕上顯示的是書的正文內容,單擊頁面左側時書向左翻頁,單擊頁面右側時書向右翻頁,單擊屏幕中央區域,書頁的上下空白處分別會出現一些功能菜單。 這就是在一個一頁書上共享了翻頁、章節選擇、進度調節等許多功能的入口。

  2. 一個按鍵長按和短按有不同功能。

  例如iphone鍵盤英文輸入法時,短按一個字母鍵輸出英文字母,長按字母鍵時會彈出相似的拉丁文常用字母

  3. 對一個區塊施加不同的動作有不同功能。

  例如iphone中的列表記錄,當單擊某條記錄時,是查看該記錄的詳細信息,當選中某條記錄並用手指進行橫向滑動時,此時會在相應的列表記錄旁邊出現一個醒目的紅色刪除按鈕,點擊按鈕系統則自動刪除此信息。

  總結:還是那句話,交互設計無處不在。在我們的日常工作中,很多地方都可以借鑒到生活中積累的經驗。

  作者:S++

  文章來源:攜程UED

copyright © 萬盛學電腦網 all rights reserved