上海UI設(shè)計學(xué)校采用小班授課模式，保證教學(xué)質(zhì)量，教師在講課過程中，學(xué)員遇到任何問題，可以隨時與老師交流。專門給學(xué)員留下時間為實戰(zhàn)項目演練。上海UI設(shè)計培訓(xùn)學(xué)校教師會根據(jù)每個學(xué)員的情況的不同，進(jìn)行手把手的親自輔導(dǎo)。讓學(xué)員經(jīng)過學(xué)習(xí)，切實掌握一門過硬的職業(yè)技能，實實在在學(xué)習(xí)一種創(chuàng)業(yè)本領(lǐng)，順利實現(xiàn)高薪就業(yè)。

什么時候使用彈出框

在我看來，項目上彈出框的使用出現(xiàn)混亂，歸根結(jié)底是對彈出框使用時機(jī)的不了解。因為不知道什么情況下該使用彈出框，所以會導(dǎo)致彈出框出現(xiàn)在一些不應(yīng)該出現(xiàn)的地方。其實設(shè)計師在使用彈出框之前一定要慎重，要反復(fù)問自己這里是否必須要使用彈出框。因為彈出框會打斷用戶當(dāng)前的操作流程，屬于比較強(qiáng)勢的干擾行為。

設(shè)計的包容性很強(qiáng)，彈出框可以完成的功能其實可以經(jīng)過其他設(shè)計元素來代替。接下來我們來看下那些彈出框的替代者們：

彈出框與開屏廣告

目前來說，當(dāng)app進(jìn)行版本更新或者有新的功能（產(chǎn)品）上線的時候，通常會使用彈出框來提醒用戶。

其實開屏廣告完全可以替代彈出框，而且開屏廣告因為空間更大，可以更好的完成宣傳功能。

彈出框與切換頁面

我們比較常見的詳情展示頁面，這類頁面可以經(jīng)過彈出框也可以經(jīng)過加載一個新的頁面來承載信息。從用戶體驗的連貫性來說，用彈出框更好些。因為使用彈出框用戶還可以停留在當(dāng)前頁面，頁面內(nèi)容不會被刷新。而且彈出框打開速度更快，反應(yīng)更及時，更容易受到用戶的青睞。

但是彈出框可以承載的信息量是有限的，如果信息過多導(dǎo)致用戶還要在彈出框上滑動才能看完，那么還是以一個新的頁面來展現(xiàn)更合適。

彈出框與toast

彈出框的一個主要功能就是反饋。有的反饋使用toast來表現(xiàn)更加合適，因為toast屬于一種輕量級的反饋方式，一般出現(xiàn)1-2秒后會自行消失。而且toast與彈出框相比對界面的遮擋很少，不會對用戶的當(dāng)前操作產(chǎn)生很大的干擾

Toast可以出現(xiàn)在頁面中任何位置，能夠給用戶更具有指向型的提示，這點是彈出框所不具備的。

其實什么時候使用彈出框，是否使用彈出框取決于你要給用戶展示的信息是否重要。例如你在手機(jī)上買了一張電影票，支付失敗的結(jié)果如果用toast展示就會容易被用戶忽視。那么等到用戶到了電影院才發(fā)現(xiàn)自己購買失敗，那么用戶極有可能當(dāng)場卸載你的產(chǎn)品。

總之，重要的信息優(yōu)先考慮使用彈出框。

彈出框設(shè)計原則

避免文字過多

彈出框的另一個主要功能就是用戶引導(dǎo)，我們都知道用戶引導(dǎo)本質(zhì)上就是讓用戶更好的了解產(chǎn)品。如果想解釋一個事物，有力的武器就是文字，但是我們不能過度依賴文字。

因為對于用戶來說他們不希望在使用過程中看到文字過多的引導(dǎo)提示，他們希望在短時間內(nèi)就可以了解整個引導(dǎo)的要告知用戶的內(nèi)容。這個就意味著我們要減少文字的使用，或者說要精簡文字。因為人類對于文字的閱讀速度要遠(yuǎn)低于對于圖像的“閱讀速度”。我們在給用戶文字提示的時候一定要記住搭配其他的視覺元素。

例如，用戶引導(dǎo)彈出框中我們會加入一些手勢、箭頭，使得引導(dǎo)更具有指向型。還有的彈出框引導(dǎo)會增加一些插畫，整個頁面風(fēng)格變的活潑起來，刺激了用戶的閱讀欲望。

定位目標(biāo)用戶群和使用場景

設(shè)計師在進(jìn)行彈出框設(shè)計過程中，要考慮目標(biāo)用戶群和使用場景。以目標(biāo)用戶群為例，如果你的用戶大多數(shù)年齡都比較大，那么彈出框采用淺色背景可能更加合適，因為內(nèi)容更加的直觀。而年輕用戶更傾向于深色背景的彈出框，因為更加自然和時尚。如果我們可以準(zhǔn)確的定位到目標(biāo)用戶群為兒童用戶，那么我們在彈出框背景上添加一些插畫元素。

使用場景涵蓋的范圍比較廣，包括使用的時間，使用時的網(wǎng)絡(luò)狀態(tài)，心理狀態(tài)和使用設(shè)備。這些都是我們在進(jìn)行彈出框設(shè)計的時候需要考慮的問題。

以咕咚為例，一般來說大部分用戶對配速穩(wěn)定性和快慢分析這兩個概念，都有大致的理解。為了保險起見，設(shè)計師在這里還是加了一個點擊查看詳情的圖標(biāo)。在這里設(shè)計師放棄了使用彈出框，在我看來是一個非常明智的選擇。因為用戶使用咕咚的情況多數(shù)是在戶外，沒有wifi。如果用戶不愿意打開流量的話，這個彈出框就加載不出來，這樣就會影響產(chǎn)品的離線體驗。

而且使用彈出框會遮蓋當(dāng)前頁面信息，比如我想理解配速穩(wěn)定性，但是彈出框遮擋了我的配速區(qū)間，這樣的設(shè)計很容易被用戶吐槽。

總結(jié)

設(shè)計是一個你學(xué)的越多就糾結(jié)的行業(yè)，這是一個很好的現(xiàn)象。糾結(jié)的根本原因是因為我們在思考，在平衡不同設(shè)計方案之間利弊。獨(dú)立思考的習(xí)慣和態(tài)度應(yīng)該是一個合格設(shè)計師的基本素養(yǎng)，或許有的時候思考到之后我們也無法得出一個令自己滿意的方案，但是這個思考的過程對于你來說比得到那個答案可能更加重要。

上海UI設(shè)計學(xué)校課程介紹： 

一、用戶體驗設(shè)計基本概念與流程 

1)什么是用戶體驗設(shè)計（UED） 

2)UED與UX、UE、UI、UXD、Ixd、IA等概念的定義與差異 

3)UED設(shè)計的閉環(huán)流程（需求分析、原型設(shè)計、視覺設(shè)計、交互設(shè)計、前端代碼）與各階段成果物（系統(tǒng)分析報告、角色分析報告、低保真原型、視覺規(guī)范、高保真原型、前端代碼與開發(fā)指南）詳解。 

二、需求分析與低保真原型

1）用戶的需求中的場景、動機(jī)與行為分析 

2）學(xué)做一份角色分析說明書 

3）信息架構(gòu)設(shè)計概念與技巧 

4）學(xué)做一張思維導(dǎo)圖 

5）學(xué)做一份信息架構(gòu)圖 

6）用Axure學(xué)做一個低保真原型 

三、UI視覺設(shè)計 

1）視覺設(shè)計在用戶體驗設(shè)計與品牌傳達(dá)中的作用與地位 

2）色彩與色系理論基礎(chǔ) 

3）排版框架（Layout）與視覺元素（Elements） 

4）版式與字體研究 

5）視覺元素的像素化設(shè)計與矢量化設(shè)計 

6）視覺動效的設(shè)計（Flash&JS） 

四、UI視覺規(guī)范 

1）視覺規(guī)范的作用、意義與結(jié)構(gòu) 

2）學(xué)做一份視覺規(guī)范 

3）視覺設(shè)計相關(guān)工具與資源 

五、交互設(shè)計與高保真原型 

1）交互設(shè)計與高保真原型 

2）常見的交互技術(shù)與效果模擬 

3）用Axure做一個相對復(fù)雜的交互原型 

4）交互設(shè)計相關(guān)工具與資源 

助學(xué)分期：學(xué)校支持百度錢包教育助學(xué)分期（6期、12期、4 8期）

以上就是小編簡單的介紹，希望對你有所幫助，還有更多關(guān)于相關(guān)的訊息，歡迎咨詢，驚喜多多，收獲多多。

課程咨詢

咨詢老師：張老師

咨詢電話：021-64320836

咨詢微信：2504994244

相關(guān)推薦