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

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

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

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

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

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

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

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

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

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