首頁

聊聊各種有趣的loading界面

用心設(shè)計

現(xiàn)在無論是手機(jī)端還是PC端都有越來越多的H5頁面,他們的內(nèi)容都會做的十分豐富,于是需要加載的東西就會很多。但是用戶或許會網(wǎng)速慢或硬件卡,可能會遇到需要加載的情況,而沒有耐心的人,就會因為不斷的加載而放棄瀏覽直接關(guān)閉。

于是添加一個Loading的畫面,就可以大大緩解了等待的無聊,讓用戶知道目前加載的狀態(tài),以及使用戶關(guān)注在Loading畫面的本身上,讓他們會把等待看成一件美好的事,那么我們來探尋一些有趣的Loading畫面吧。

001

安卓手表 VS 蘋果手表

用心設(shè)計

自PC時代(包括智能手機(jī)、電視機(jī))以來,計算機(jī)操作系統(tǒng)的用戶界面中含有各種各樣的控件元素以及操作規(guī)范。也正因為界面元素和操作的不同使其形成了自己獨(dú)特的系統(tǒng)特征。不同的可穿戴計算設(shè)備也同樣有著不一樣的系統(tǒng)特性,比如安卓手表和蘋果手表之間的系統(tǒng)差異性。

兩個操作系統(tǒng)界面都會包含豐富但又隱性的操作層次/方式。比如有些功能操作需要手勢激活、或語音命令調(diào)起、又或者通過硬件實體按鍵操作等。在實際過程中,我發(fā)現(xiàn)我們很難準(zhǔn)確無誤地記清楚所有這些隱形不可見的且不同的操作方式。

姿勢大漲!用戶體驗設(shè)計師必備的4種UX文檔

周周

4-essential-ux-documents-1

當(dāng)談及用戶體驗相關(guān)的文檔之時,線框圖和原型相關(guān)的文檔無疑是其中最重要的。但值得注意的是,用戶體驗所涵蓋的范疇不止于此,它們也僅僅只是個開始。實際上,我們發(fā)現(xiàn)還有四份文檔也是日常用戶體驗設(shè)計中極其實用的文檔。這四種文檔的誕生,是為了幫設(shè)計人員更容易了解用戶,更方便作出爭取的設(shè)計決策,打造優(yōu)秀的設(shè)計和成功的產(chǎn)品。

空狀態(tài)的設(shè)計值得更多關(guān)注

用心設(shè)計

不妨先將注意力集中在產(chǎn)品初次體驗流程當(dāng)中的空狀態(tài)上,因為這個環(huán)節(jié)相對特殊,某種程度上屬于用戶引導(dǎo)機(jī)制的一部分。在這個場景下,空狀態(tài)界面應(yīng)該實現(xiàn)以下幾點目標(biāo):

1. 用戶教育與產(chǎn)品說明

01-empty-ui-design-user-experience-ux-mobile.jpg

餓了么、百度外賣、美團(tuán)外賣購物車設(shè)計分析

用心設(shè)計

交互設(shè)計

最近國內(nèi)O2O市場火熱,辦公室內(nèi)叫外賣的氛圍也出現(xiàn)了前所未有的高潮。大家經(jīng)常使用的外賣app有餓了么、百度外賣、美團(tuán)外賣。

今天來看看餓了么、百度外賣、美團(tuán)外賣的購物車設(shè)計。

像淘寶、天貓、京東等購物平臺一般在一級界面就有購物車入口,而餓了么、百度外賣、美團(tuán)外賣在一級界面都沒有購物車入口。

這是因為兩類產(chǎn)品的購物車的使用場景還是有所區(qū)別的:

iOS和Android設(shè)計理念的演變

用心設(shè)計

IOS和Android是移動操作系統(tǒng)中最大的兩個陣營。毫無疑問,這兩個系統(tǒng)可以說是手機(jī)行業(yè)里的一個奇跡,并且也在逐漸變得完善。

一部智能設(shè)備撇開眾多的功能不說,一套不錯的UI界面和良好的交互模式是一部智能機(jī)的基礎(chǔ)。如果沒有有用的用戶界面,那么設(shè)備也不過是一塊沒有作用的電路板。

盡管這兩個操作系統(tǒng)更新迭代的時間有些漫長,但如果你壓縮每代系統(tǒng)更新的總時間來看,你就會發(fā)現(xiàn)IOS和Android在UI上面的變化還是挺大的。

在這里,我們以UI設(shè)計理念進(jìn)行對比,一起來看看這兩個操作系統(tǒng)隨時間的演變。

IOS和Android在UI上的開發(fā)

起源

IOS中4種UI元素的可用性問題及優(yōu)化建議

用心設(shè)計

這周又是一篇來自Nielsen Norman Group的文章。供參考吧,這種文章背后的思維模式甚至是精神才是最該汲取的,內(nèi)容本身反而是其次;這樣的東西看的越多,實踐當(dāng)中具有代表性的產(chǎn)品案例經(jīng)歷的越多,你越會發(fā)現(xiàn),設(shè)計這種事,在很多時候,無明無暗,無是無非,有的只是特定的產(chǎn)品、特定的資源、特定的情境、特定的用戶群體,以及所有這些因素混雜在一起之后擺在面前的需要不斷權(quán)衡、爭取或妥協(xié)的各種可能性。下面進(jìn)入正文。那些大的軟件公司,譬如Apple、微軟、Google等等,通常會為第三方app設(shè)計師們提供一系列設(shè)計指南。這樣做的目的在于

01-ios-design-guideline-mode-break-usability-test.png

蘋果也躺槍!5個嚴(yán)重影響用戶體驗的設(shè)計問題

周周

5-ux-mistakes-feel-stupid-1

編者按:今天這篇譯文聊的都是一些顯而易見,但特別容易犯錯的用戶體驗常識,別說,光第二個問題的漢堡菜單已經(jīng)讓不少網(wǎng)站躺槍了。如果你木有系統(tǒng)的用戶體驗知識,把這篇提到的5個常見問題讀一遍,效果絕對大幅提升。

無聲處聽驚雷!如何用微文案改善網(wǎng)站的用戶體驗?

周周

micro-copy-improve-website-ux-1

為什么有些產(chǎn)品深入人心?他們的設(shè)計中,是什么使我們感覺親近、愉悅和高興?今天重點從微文案方面聊聊提升網(wǎng)站體驗的方法,內(nèi)含不少優(yōu)秀案例,來看看國外網(wǎng)站的優(yōu)秀文案長啥樣。

想要App做得美,這些UI/UX設(shè)計趨勢你要知道啊

用心設(shè)計

在國內(nèi),移動端的發(fā)展遠(yuǎn)遠(yuǎn)超過網(wǎng)頁,初創(chuàng)公司們想拓展品牌都會首選手機(jī)App。那么你知道近期App設(shè)計風(fēng)格的趨勢么,想要做出不土、高逼格的App,以下的趨勢你是需要了解的。本文來自Medium文章,Mobile:2015 UI/UX Trend。虎嗅翻譯。

日歷

鏈接

個人資料

存檔