<em id="09ttv"></em>
    <sup id="09ttv"><pre id="09ttv"></pre></sup>
    <dd id="09ttv"></dd>

        • APP最常用的9種狀態(tài)設計

          2015-11-18    用心設計

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

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

          來源:莫貝網(wǎng)

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

          1. 初始狀態(tài)

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

          1LNyqFzjiRNkqw186I2_YtQ

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

          2. 加載中

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

          1TpIehvczESpOJD7yQ3HF2g

          Facebook使用“假文章”來代替?zhèn)鹘y(tǒng)的轉圈圈。

          3. 空狀態(tài)

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

          1IoVJzoP3v9_16IdpK9ww3g

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

          4. 單一項目

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

          1fnfAL-lYn5V4ulHM2f3vWg

          又是Luke Seeley,MetaLab項目。

          5. 有一些數(shù)據(jù)

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

          1js-IckIHrUTT5KtZtiENSQ

          UENO. 舒適的大儀表盤

          6. 數(shù)據(jù)過多

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

          1dp8v6F66fu5tfa4Dq_c31Q

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

          7. 錯誤狀態(tài)

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

          1sk90HfKPbvisYcFsYjMm0A

          dunked.com的錯誤狀態(tài)很棒。

          8. 正確狀態(tài)

          很好!這一項操作正確。

          1D8fkoQeLLFx1TNt5lBS0GA

          Ionut Bondoc ( ?IB ) 的設計

          9. 完成狀態(tài)

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

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

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

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

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

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

          日歷

          鏈接

          個人資料

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

          存檔

          亚洲国产成人久久精品影视| 无码人妻久久一区二区三区免费丨 | 亚洲а∨天堂久久精品9966| 久久精品中文字幕无码绿巨人| 国产精品久久久久久久久软件| 日韩中文久久| 久久久这里有精品| 久久激情五月丁香伊人| 精品国产91久久久久久久a| 97久久久久人妻精品专区| 久久国产精品无码一区二区三区| 久久人人爽人人爽人人片AV不| 久久九九兔免费精品6| 亚洲狠狠婷婷综合久久蜜芽| 色欲久久久天天天综合网精品| 久久婷婷五月综合色高清| 国产∨亚洲V天堂无码久久久| 青青草国产成人久久91网| 国产精品va久久久久久久| 久久久久亚洲精品男人的天堂| 色婷婷综合久久久久中文字幕| 99久久免费国产精品特黄| 无码超乳爆乳中文字幕久久 | 99精品久久精品| 国产福利电影一区二区三区久久久久成人精品综合 | 久久久精品免费国产四虎| 久久99精品久久久久久野外 | 久久久久综合中文字幕| 国产精品中文久久久久久久| 婷婷五月深深久久精品| 99久久精品免费看国产| 一本色道久久88精品综合| 久久精品一区二区国产| 午夜精品久久久久久影视riav| 久久人做人爽一区二区三区| 久久香蕉综合色一综合色88| 久久久久亚洲av成人网人人软件| 色偷偷888欧美精品久久久| 久久久久se色偷偷亚洲精品av| 久久99久久成人免费播放| 久久精品中文无码资源站|