您現在的位置是:電腦技術吧?>? 編程技術 ??>??多聊聊app,一起聊聊app??>??正文詳情

多聊聊app,一起聊聊app

文采萱2019-11-14 13:41:09 人圍觀
簡介聊聊是什么時候的軟件現在做用戶界面設計,不僅要注意界面視覺,還要了解交互和應用研究。今天10點??? 翻譯包含了移動app運行過程中的九種基本狀態(加載、空狀態、錯誤狀態等)

現在做UI設計不僅要關注界面視覺,還得懂點交互和用研,今天@十???什麼 這篇譯文,囊括了移動APP操作過程中該有的9種基礎狀態(加載中、空狀態、錯誤狀態等),附上追波的優秀設計案例供學習,來收!  現在的UI設計團隊通常先設計組件,多數界面幾乎就是各種組件的結合。

這會在用戶的異常路徑上留下不容小覷的斷檔。

由于我們構建的是整個系統,而非幾個頁面,我們必須投入精力打磨這些常常被忽略的狀態的設計,創造出組件的整個生命周期,來適應每一個人。

我所理解的生命周期是這樣的:  1. 初始狀態  一個組件做任何事情之前是怎樣的?可能這是用戶首次看到它。

或者它還沒被激活。

根本上說就是這個組件存在,但還沒有啟動。

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

  2. 加載中  令人厭惡的一種狀態。

在理想狀況下,沒人會看到這個。

哎,可我們這里是現實世界。

有許多方法能使加載狀態微妙而含蓄。

Facebook在這方面做得很好:

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

  3. 空狀態  組件已經初始化,但是空無一物。

沒有數據,沒有項目。

這時候正適合引導用戶采取行動(點這里!),或者給他們鼓勵(好樣的,一切正常)。

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

  4. 單一項目  開始有些數據了。

在輸入界面中,這或許是按下第一個鍵的狀態。

在列表中,可能是只有一項(或僅剩一項)時的狀態。

  又是Luke Seeley,MetaLab項目。

  5. 有一些數據  這通常是你首先考慮的狀態。

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

  UENO. 舒適的大儀表盤。

  6. 數據過多  哇!用戶似乎操作過頭了。

產生了太多的結果(或許你現在正對它們分頁處理),太多的文字(可能顯示省略號?),諸如此類。

  不錯的翻頁設計,來自Pete Orme  7. 錯誤狀態  組件出錯了。

產生了異常。

  dunked.com的錯誤狀態很棒。

  8. 正確狀態  很好!這一項操作正確。

  Ionut Bondoc ( IB ) 的設計  9. 完成狀態  應用已經接受了用戶的正確操作。

他們不需要再為此操心了。

  Igor Chebotarev 給出了一些積極的反饋。

(此處圖超大,壓縮后失真,同學們可直接到追波看)  隨著不同頁面、用戶操作、數據更新還有任何你應用的狀態改變,這些狀態都會反復出現。

深思熟慮地設計這些變化,就能為用戶創造優美的體驗,無論他們身處何種情況。

  這其中許多狀態都沒有被考慮過,被遺忘,或僅僅是被忽略了。

這是個巨大的錯誤,也是你趕超對手的機會。

將狀態的思考納入你的設計流程,在與用戶產生共鳴的同時,也能掌控好你的應用。

  這9種狀態的設計適用于所有設計項目和組件。

即使你做出了清醒的決策要忽略其中某一種,遵循這套準則也能確保你的確思考過那些異常路徑。

版權聲明:本文由 文采萱 整理編輯。

原標題:聊聊app怎么沒了,聊聊app

轉載注明出處:http://www.dn9ww09s.icu/program/12175.html

文章評論

    共有條評論來說兩句吧...

    用戶名:

    驗證碼:

作者推薦

  • 電腦麥克風,電腦麥克風沒聲音

    電腦麥克風,電腦麥克風沒聲音 相關圖片電腦耳機麥克風沒聲音使用電腦一段時間后,我發現和別人聊天時麥克風里沒有聲音。我也發現很多人在網上遇到這種情況。其實,這個問題不是問題。我們只需要修改聲音設置來重現...

  • 電腦藍屏怎么回事,電腦突然藍屏怎么回事

    電腦藍屏怎么回事,電腦突然藍屏怎么回事 相關圖片電腦頻繁藍屏計算機藍屏也稱為藍屏崩潰,是指微軟Windows操作系統在無法從系統錯誤中恢復時顯示的屏幕圖像。突然出現的電腦藍屏是一件很煩人的事情,尤其是在看視頻或玩游戲的時...

  • 美化css,css美化輸入框

    美化css,css美化輸入框 相關圖片單選框css3美化A: link {color: ?000; text decoration: None//css按鈕美化...

  • 電腦怎么一鍵還原,電腦一鍵還原

    電腦怎么一鍵還原,電腦一鍵還原 相關圖片怎么一鍵還原當你遇到無法解決的計算機問題時,你不需要驚慌。您可以使用一鍵式計算機還原輕松解決這些問題。那么,一鍵式計算機如何恢復呢?有些電腦小白還不知道怎么操作。...

  • 怎么讓圖片有背景,怎么讓圖片跟背景一起

    怎么讓圖片有背景,怎么讓圖片跟背景一起 相關圖片怎樣讓照片背景變成白色最近,我學習了樣式表。以前,我有一個CSS朋友,他有很多經驗給我這段代碼。我看得很好,覺得很棒!留個紀念物!!DOCTYPE html PUBLIC-//W3C怎么讓圖片和背景融...

  • 電腦怎么默認瀏覽器,電腦瀏覽器

    電腦怎么默認瀏覽器,電腦瀏覽器 相關圖片電腦瀏覽器打不開每次打開瀏覽器,都是一個固定的瀏覽器界面,也就是默認的,但是有些人不喜歡某些瀏覽器,但是默認的不是喜歡的瀏覽器,那么如何設置電腦默認瀏覽器成為自己...

  • 電腦睡眠和休眠,電腦睡眠和休眠什么區別

    電腦睡眠和休眠,電腦睡眠和休眠什么區別 相關圖片電腦休眠在筆記本的“開始”菜單中,我們可以看到除了關機、重新啟動和注銷、睡眠模式和睡眠模式之外,還有另外兩種模式。大多數人可能認為沒有區別,只是為了看到多個選擇。...

  • 中國風,什么是中國風

    中國風,什么是中國風 相關圖片中國風主題讓我們先來看看效果:效果圖的總結:從整體上把握中式作品的表現還是很難的。畫畫并不難,但如何把握我們的傳統風格,再加上后現代思潮所呈現的新取向,繪畫技法的...

  • 手機usb連接電腦沒反應,電腦usb接口沒反應

    手機usb連接電腦沒反應,電腦usb接口沒反應 相關圖片微型usb連接器有網友在網上詢問,手機一直處于USB連接狀態,手機正在充電。現在手機USB連接電腦根本沒有反應。原因是什么?這種手機USB連接沒有響應解決方案。互聯網上有很多解無...

  • 水滴 動畫,有關水滴的動畫

    水滴 動畫,有關水滴的動畫 相關圖片水滴動畫圖片這是有原因的。如果不是我的朋友告訴你怎么做閃光滴,我不會在這里告訴你的。每次我做閃光,閃光的朋友經常提到它。今天,我有時間介紹一下如何制作。其實很簡單...

熱評文章

  • win10激活工具,win10激活工具下載

    win10激活工具,win10激活工具下載 相關圖片win10系統激活工具安裝完win8后,喜歡使用win8的朋友們會想到激活win8的問題,這讓人頭疼。因為現在win8已經停止銷售win8激活密鑰以及在哪里可以找到它,事實上,沒有必win10激活工具k...

  • 動畫制作,動畫制作教程

    動畫制作,動畫制作教程 相關圖片flash宣傳片制作創建一個空白的flash文檔并將背景設置為黑色圖1將場景中的層1更改為窗口框架,然后在此層中繪制一個矩形框架圖2因為要將窗口填充到木制彩色窗口中,所以應首先導入...

  • 電腦怎么關防火墻,電腦防火墻在哪關

    電腦怎么關防火墻,電腦防火墻在哪關 相關圖片筆記本電腦防火墻怎么關計算機防火墻分為安全軟件防火墻和系統防火墻。在某些情況下,用戶希望關閉防火墻的功能,比如運行某些特定的軟件、玩游戲等,那么如何關閉計算機防火...

  • 奧迪車,奧迪最便宜的車

    奧迪車,奧迪最便宜的車 相關圖片奧迪A6L在本教程中,我將向您展示,如果您使用鼠標將FlashMX2004中的音頻TT車矢量化,雖然在本教程中使用了FlashMX2004,但它也適用于其flash版本此奧迪q5l...

  • 怎么關閉電腦防火墻,電腦關閉防火墻

    怎么關閉電腦防火墻,電腦關閉防火墻 相關圖片防火墻在哪里關閉計算機防火墻分為安全軟件防火墻和系統防火墻。在某些情況下,用戶希望關閉防火墻的功能,比如運行某些特定的軟件、玩游戲等,那么如何關閉計算機防火墻呢?...

  • 用flash制作動畫,flash動畫的制作流程

    用flash制作動畫,flash動畫的制作流程 相關圖片動畫制作視頻動畫廣告是最突出的廣告方式。它可以使觀眾在彩色網頁中關注廣告內容,達到宣傳的目的,從而提高廣告的點擊率。首先看看這個例子的效果:這個例子的想法是進口汽...

  • 電腦老是藍屏,電腦突然藍屏

    電腦老是藍屏,電腦突然藍屏 相關圖片電腦藍屏0x0000007b當你使用電腦時,遇到電腦的藍屏是很不愉快的。一兩次,你都不在乎。但是,如何經常使用電腦的藍屏呢?看著冰冷的藍色屏幕,它一動不動,這嚴重影響了我們的操...

  • win10怎么獲取管理員權限,win10沒有管理員權限怎么辦

    win10怎么獲取管理員權限,win10沒有管理員權限怎么辦 相關圖片win10家庭版管理員權限獲取在win10中,和win/8一樣,很多文件不能通過設置權限來打開,但是很多時候我們仍然需要打開這些文件夾,特別是為了數據恢復和計算機維護優化因此,我們有...

  • 卡通小蜜蜂,小蜜蜂卡通圖片

    卡通小蜜蜂,小蜜蜂卡通圖片 相關圖片快樂的小蜜蜂卡通圖片制作工藝:畫布尺寸:1020*2001,畫背景。(線性坡度:c6e384、a5cb63、adcb10、a5c710、adcb10、b5d710)在右上角畫一個小蜜蜂圖片卡通可愛...

  • windows10光盤安裝教程,聯想win7進入bios

    windows10光盤安裝教程,聯想win7進入bios 相關圖片聯想g50怎么進入bios使用聯想電腦的人很多。有些人想進入BIOS并設置它,可能是因為他們需要安裝系統。聯想電腦如何進入BIOS?雖然也有方法在互聯網上訪問BIOS,但許多文章只是一些聯...

關注微信

变脸官网查询