<strike id="cy2gs"><menu id="cy2gs"></menu></strike>
  • <del id="cy2gs"><dfn id="cy2gs"></dfn></del>
  • APP最常用的9種狀態設計

    2015-11-18    用心設計

    藍藍設計www.skdbbs.com )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供有效的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務

    如果您想訂閱本博客內容,每天自動發到您的郵箱中, 請點這里

    來源:莫貝網

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

    1. 初始狀態

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

    1LNyqFzjiRNkqw186I2_YtQ

    Jonas Treub 的設計能確保你了解framer的動向。

    2. 加載中

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

    1TpIehvczESpOJD7yQ3HF2g

    Facebook使用“假文章”來代替傳統的轉圈圈。

    3. 空狀態

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

    1IoVJzoP3v9_16IdpK9ww3g

    Luke Seeley 就將它作為了一種捷徑。

    4. 單一項目

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

    1fnfAL-lYn5V4ulHM2f3vWg

    又是Luke Seeley,MetaLab項目。

    5. 有一些數據

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

    1js-IckIHrUTT5KtZtiENSQ

    UENO. 舒適的大儀表盤。

    6. 數據過多

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

    1dp8v6F66fu5tfa4Dq_c31Q

    不錯的翻頁設計,來自Pete Orme

    7. 錯誤狀態

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

    1sk90HfKPbvisYcFsYjMm0A

    dunked.com的錯誤狀態很棒。

    8. 正確狀態

    很好!這一項操作正確。

    1D8fkoQeLLFx1TNt5lBS0GA

    Ionut Bondoc ( ?IB ) 的設計

    9. 完成狀態

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

    Igor Chebotarev 給出了一些積極的反饋。(此處圖超大,壓縮后失真,同學們可直接到追波看)

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

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

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

    原文地址:medium
    譯文地址:可樂橙
    譯者:可樂橙

    日歷

    鏈接

    個人資料

    藍藍設計的小編 http://www.skdbbs.com

    存檔

    主站蜘蛛池模板: 国产乱子伦精品免费视频| 国产在线91精品入口| 精品一区二区久久| 婷婷久久精品国产| 91嫩草亚洲精品| 久久久久人妻一区精品性色av| 黄床大片免费30分钟国产精品 | 国产欧美精品一区二区三区| 久久无码精品一区二区三区| 亚洲国产综合91精品麻豆| 2020国产精品永久在线| 午夜精品乱人伦小说区| 久久久久久亚洲精品无码| 国产精品人人做人人爽| 四虎精品成人免费永久| 国产精品天天影视久久综合网| 日本aⅴ精品中文字幕| 亚洲午夜成人精品电影在线观看| 精品精品国产高清a毛片| 91精品久久久久久无码| 国内精品久久久久影院免费| 国产精品无码av在线播放| 久久永久免费人妻精品下载| 亚洲精品无码久久久久sm| 一本一本久久a久久综合精品蜜桃 一本一道精品欧美中文字幕 | 久久伊人精品青青草原日本| 国产精品日韩深夜福利久久| 99久久精品无码一区二区毛片| 无码精品一区二区三区免费视频| 2021久久精品国产99国产精品| 国产一精品一AV一免费| 欧美亚洲色综久久精品国产 | 亚洲精品专区在线观看| 国产成人高清精品免费观看| 精品无码人妻一区二区免费蜜桃| 亚洲精品国产日韩无码AV永久免费网 | 国产午夜精品一区二区三区漫画| 日本aⅴ精品中文字幕| 久久精品国产久精国产思思| 久久国产精品无码一区二区三区| 午夜精品射精入后重之免费观看|