交互時代是國內(nèi)唯一一家擁有設(shè)計公司的育才基地，因此我們擁有十分先進的設(shè)計理念及設(shè)計技術(shù)，而在UI設(shè)計方面，更是擁有十多年的經(jīng)驗，領(lǐng)先于行業(yè)前端，而一直有關(guān)注UI設(shè)計行業(yè)的朋友們應(yīng)該都了解，產(chǎn)品的一個重要目標就是留住用戶，而想要留住用戶就要給用戶良好的體驗。因此，今天交互時代就與大家分享一下，我們應(yīng)該如何利用框架的界面提升產(chǎn)品的用戶體驗。

在我們?yōu)g覽各種頁面的時候，基本上第一時間是不會想到加載速度這一回事的，我們通常會認為操作之后會立刻給我們回潰所以曾經(jīng)有許多UI設(shè)計都沒有加入等待加載這一元素。

網(wǎng)絡(luò)并不總是那么快，頁面也不總是那么順暢，特別是在頁面中有比較大的圖片或者設(shè)計元素的時候，加載速度必然會變慢。如果我們不能縮短加載時間，那么只能讓用戶在等待的時候心情更好一點了。此時，我們就可以用預加載信息來吸引用戶的注意力，比如框架界面和圖片占位符。比起轉(zhuǎn)圈的加載提示，框架界面能建立對內(nèi)容的預期，減少認知的負擔。

交互時代給大家的幾點建議：

框架界面不必很搶眼。只需要凸顯必要的信息，比如段落結(jié)構(gòu)。Facebook的灰色占位符就是個好例子——它加載時使用了元素模板，讓用戶熟悉正在加載的內(nèi)容的整體結(jié)構(gòu)。注意框架界面中的圖片和線框并沒有很大區(qū)別。

對于加載中的圖片，我們可以用主色填充一個圖片的空間。Medium有一個很棒的圖片加載效果。首先載入一個小的模糊圖片，然后慢慢轉(zhuǎn)變成大圖。

真正的圖片出現(xiàn)之前，你可以看到模糊圖片填充的占位符。

如此，就好像一張圖片淡化進入用戶的眼中，給用戶造成一種柳暗花明又一村的體驗。這就是交互時代給大家分享的關(guān)于利用框架界面提供良好用戶體驗的方式，如果大家想要知道更多關(guān)于UI設(shè)計的知識，就多多關(guān)注交互時代的官網(wǎng)吧。

請聯(lián)系網(wǎng)站客服，了解詳細的優(yōu)惠課程信息~

優(yōu)質(zhì)、權(quán)威、便捷、省心