用靈魂感悟設計 · 用設計創(chuàng)造價值
WITH SOUL FEELING DESIGN WITH DESIGN TO CREATE VALUE
您當前位置:  設計中國    ⁄    熱門文章    ⁄ 資訊內容

符合所有設計項目和組件的狀態(tài)設計

作者:admin      來源:互聯(lián)網      發(fā)布時間: 2015/11/11 15:04:27     瀏覽:
現(xiàn)在的UI設計團隊通常先設計組件,多數界面幾乎就是各種組件的結合。這會在用戶的“異常路徑”上留下不容小覷的斷檔。由于我們構建的是整個系統(tǒng),而非幾個頁面,我們必須投入精力打磨這些常常被忽略的狀態(tài)的設計,創(chuàng)造出組件的整個生命周期,來適應每一個人。

  現(xiàn)在的UI設計團隊通常先設計組件,多數界面幾乎就是各種組件的結合。這會在用戶的“異常路徑”上留下不容小覷的斷檔。由于我們構建的是整個系統(tǒng),而非幾個頁面,我們必須投入精力打磨這些常常被忽略的狀態(tài)的設計,創(chuàng)造出組件的整個生命周期,來適應每一個人。設計中國所理解的生命周期是這樣的:

  1、初始狀態(tài)

  一個組件做任何事情之前是怎樣的?可能這是用戶首次看到它?;蛘咚€沒被激活。根本上說就是這個組件存在,但還沒有啟動。

  2、加載中

  令人厭惡的一種狀態(tài)。在理想狀況下,沒人會看到這個。哎,可我們這里是現(xiàn)實世界。有許多方法能使加載狀態(tài)微妙而含蓄。Facebook在這方面做得很好:

  3、空狀態(tài)

  組件已經初始化,但是空無一物。沒有數據,沒有項目。這時候正適合引導用戶采取行動(“點這里!”),或者給他們鼓勵(“好樣的,一切正?!?。

  4、單一項目

  開始有些數據了。在輸入界面中,這或許是按下第一個鍵的狀態(tài)。在列表中,可能是只有一項(或僅剩一項)時的狀態(tài)。

  5、有一些數據

  這通常是你首先考慮的狀態(tài)。某個組件的最理想狀態(tài)是怎樣的?數據加載了,也有內容輸入,正是用戶熟悉的狀態(tài)。

  6. 數據過多

  哇!用戶似乎操作過頭了。產生了太多的結果(或許你現(xiàn)在正對它們分頁處理),太多的文字(可能顯示省略號?),諸如此類。

  7、錯誤狀態(tài)

  組件出錯了。產生了異常。

  8、正確狀態(tài)

  好!這一項操作正確。

  9、完成狀態(tài)

  應用已經接受了用戶的正確操作。他們不需要再為此操心了。

  隨著不同頁面、用戶操作、數據更新還有任何你應用的狀態(tài)改變,這些狀態(tài)都會反復出現(xiàn)。深思熟慮地設計這些變化,就能為用戶創(chuàng)造優(yōu)美的體驗,無論他們身處何種情況。

  這其中許多狀態(tài)都沒有被考慮過,被遺忘,或僅僅是被忽略了。這是個巨大的錯誤,也是你趕超對手的機會。將狀態(tài)的思考納入你的設計流程,在與用戶產生共鳴的同時,也能掌控好你的應用。

  這九種狀態(tài)的設計適用于所有設計項目和組件。即使你做出了清醒的決策要忽略其中某一種,遵循這套準則也能確保你的確思考過那些異常路徑。