萬盛學電腦網

 萬盛學電腦網 >> 網頁制作 >> 交互設計 >> 交互設計中常常忽視的兩個重要狀態(一)

交互設計中常常忽視的兩個重要狀態(一)

  一般交互設計初,最容易忽略掉一些特殊狀態的設計。往往在測試後,會出現一大堆的問題,不但延誤工期,上線時還會影響體驗。

  getting real提出對於每個界面,都要考慮可能出現的三種情況——常規、初始、錯誤三種狀態的設計。

  常規:即一切運行正常時候的界面,用戶看到有內容的界面。這個人人皆知,也是花去最多時間的地方。

  初始:用戶第一次使用,在沒有內容前的界面。

  錯誤:有錯誤發生時,用戶看到的界面。

  常規界面自不必說。初始和錯誤狀態卻是常常被忽視的兩個狀態。

  產品在初始狀態下是沒有內容的。當新人注冊都會先從初始階段開始。多數設計和開發童鞋來不及思考初始狀態就被常規狀態滿滿測試數據占據了。但就是這個內容和信息量最少的階段,很多用戶會在初始界面時決定產品是否值得一用。忽視初始界面絕對是個大錯誤。要知道,初始界面是產品給人留下的第一印象,永遠不會有第二次這樣的機會……

  喬布斯一定是深深理解到第一印象的重要性……無論是打開IPHONE盒子時的悸動還是OS x操作系統的安裝和初次運行的體驗,也許喬布斯在考慮初次運行時會想,它可能是一個用戶使用產品最重要的一次,因為人們對它寄予了期望並形成產品初步的印象。——John Gruber

  一個有用的初始界面應該包含什麼:

  作為添加新手指南和熱門推薦的機會。

  講解如何上手,頁面最終呈現樣式等


網頁設計/交互設計

  新浪股票對第一次進來的新手進行功能教程。讓用戶熟悉界面操作,了解產品功能。

  如果沒有搜索到符合的人,除了重新查找也可在此時推薦用戶做其他操作,比如“邀請好友”。

  讓第一次的訪客了解一些關鍵問題:這是什麼頁面?可以做什麼?

  做好預期准備,幫助減少挫折感和恐懼感。

  給出引導,讓用戶更加期待。

  其中空白模式就是一個典型案例。空白狀態(Blank State)指在任何數據輸入或進入系統前,應用的自然狀態。Getting real 一書曾說空白狀態的屏幕使得用戶更期待。通過給用戶一種預覽來降低擔心、沮喪和猶豫。空白狀態屏幕包括:視頻,快速教程,幫助提示,安裝後的截圖。

  Wufoo是一個在線表單設計網站,初始後會引導用戶建立表單。一段引導力十足的文案,讓用戶開始創建之旅。

copyright © 萬盛學電腦網 all rights reserved