上海UI設(shè)計(jì)學(xué)校采用小班授課模式,保證教學(xué)質(zhì)量,教師在講課過程中,學(xué)員遇到任何問題,可以隨時(shí)與老師交流。專門給學(xué)員留下時(shí)間為實(shí)戰(zhàn)項(xiàng)目演練。上海UI設(shè)計(jì)培訓(xùn)學(xué)校教師會(huì)根據(jù)每個(gè)學(xué)員的情況的不同,進(jìn)行手把手的親自輔導(dǎo)。讓學(xué)員經(jīng)過學(xué)習(xí),切實(shí)掌握一門過硬的職業(yè)技能,實(shí)實(shí)在在學(xué)習(xí)一種創(chuàng)業(yè)本領(lǐng),順利實(shí)現(xiàn)高薪就業(yè)。
什么時(shí)候使用彈出框
在我看來,項(xiàng)目上彈出框的使用出現(xiàn)混亂,歸根結(jié)底是對(duì)彈出框使用時(shí)機(jī)的不了解。因?yàn)椴恢朗裁辞闆r下該使用彈出框,所以會(huì)導(dǎo)致彈出框出現(xiàn)在一些不應(yīng)該出現(xiàn)的地方。其實(shí)設(shè)計(jì)師在使用彈出框之前一定要慎重,要反復(fù)問自己這里是否必須要使用彈出框。因?yàn)閺棾隹驎?huì)打斷用戶當(dāng)前的操作流程,屬于比較強(qiáng)勢(shì)的干擾行為。
設(shè)計(jì)的包容性很強(qiáng),彈出框可以完成的功能其實(shí)可以經(jīng)過其他設(shè)計(jì)元素來代替。接下來我們來看下那些彈出框的替代者們:
彈出框與開屏廣告
目前來說,當(dāng)app進(jìn)行版本更新或者有新的功能(產(chǎn)品)上線的時(shí)候,通常會(huì)使用彈出框來提醒用戶。
其實(shí)開屏廣告完全可以替代彈出框,而且開屏廣告因?yàn)榭臻g更大,可以更好的完成宣傳功能。
彈出框與切換頁面
我們比較常見的詳情展示頁面,這類頁面可以經(jīng)過彈出框也可以經(jīng)過加載一個(gè)新的頁面來承載信息。從用戶體驗(yàn)的連貫性來說,用彈出框更好些。因?yàn)槭褂脧棾隹蛴脩暨€可以停留在當(dāng)前頁面,頁面內(nèi)容不會(huì)被刷新。而且彈出框打開速度更快,反應(yīng)更及時(shí),更容易受到用戶的青睞。
但是彈出框可以承載的信息量是有限的,如果信息過多導(dǎo)致用戶還要在彈出框上滑動(dòng)才能看完,那么還是以一個(gè)新的頁面來展現(xiàn)更合適。
彈出框與toast
彈出框的一個(gè)主要功能就是反饋。有的反饋使用toast來表現(xiàn)更加合適,因?yàn)閠oast屬于一種輕量級(jí)的反饋方式,一般出現(xiàn)1-2秒后會(huì)自行消失。而且toast與彈出框相比對(duì)界面的遮擋很少,不會(huì)對(duì)用戶的當(dāng)前操作產(chǎn)生很大的干擾
Toast可以出現(xiàn)在頁面中任何位置,能夠給用戶更具有指向型的提示,這點(diǎn)是彈出框所不具備的。
其實(shí)什么時(shí)候使用彈出框,是否使用彈出框取決于你要給用戶展示的信息是否重要。例如你在手機(jī)上買了一張電影票,支付失敗的結(jié)果如果用toast展示就會(huì)容易被用戶忽視。那么等到用戶到了電影院才發(fā)現(xiàn)自己購買失敗,那么用戶極有可能當(dāng)場(chǎng)卸載你的產(chǎn)品。
總之,重要的信息優(yōu)先考慮使用彈出框。
彈出框設(shè)計(jì)原則
避免文字過多
彈出框的另一個(gè)主要功能就是用戶引導(dǎo),我們都知道用戶引導(dǎo)本質(zhì)上就是讓用戶更好的了解產(chǎn)品。如果想解釋一個(gè)事物,有力的武器就是文字,但是我們不能過度依賴文字。
因?yàn)閷?duì)于用戶來說他們不希望在使用過程中看到文字過多的引導(dǎo)提示,他們希望在短時(shí)間內(nèi)就可以了解整個(gè)引導(dǎo)的要告知用戶的內(nèi)容。這個(gè)就意味著我們要減少文字的使用,或者說要精簡(jiǎn)文字。因?yàn)槿祟悓?duì)于文字的閱讀速度要遠(yuǎn)低于對(duì)于圖像的“閱讀速度”。我們?cè)诮o用戶文字提示的時(shí)候一定要記住搭配其他的視覺元素。
例如,用戶引導(dǎo)彈出框中我們會(huì)加入一些手勢(shì)、箭頭,使得引導(dǎo)更具有指向型。還有的彈出框引導(dǎo)會(huì)增加一些插畫,整個(gè)頁面風(fēng)格變的活潑起來,刺激了用戶的閱讀欲望。
定位目標(biāo)用戶群和使用場(chǎng)景
設(shè)計(jì)師在進(jìn)行彈出框設(shè)計(jì)過程中,要考慮目標(biāo)用戶群和使用場(chǎng)景。以目標(biāo)用戶群為例,如果你的用戶大多數(shù)年齡都比較大,那么彈出框采用淺色背景可能更加合適,因?yàn)閮?nèi)容更加的直觀。而年輕用戶更傾向于深色背景的彈出框,因?yàn)楦幼匀缓蜁r(shí)尚。如果我們可以準(zhǔn)確的定位到目標(biāo)用戶群為兒童用戶,那么我們?cè)趶棾隹虮尘吧咸砑右恍┎瀹嬙亍?/span>
使用場(chǎng)景涵蓋的范圍比較廣,包括使用的時(shí)間,使用時(shí)的網(wǎng)絡(luò)狀態(tài),心理狀態(tài)和使用設(shè)備。這些都是我們?cè)谶M(jìn)行彈出框設(shè)計(jì)的時(shí)候需要考慮的問題。
以咕咚為例,一般來說大部分用戶對(duì)配速穩(wěn)定性和快慢分析這兩個(gè)概念,都有大致的理解。為了保險(xiǎn)起見,設(shè)計(jì)師在這里還是加了一個(gè)點(diǎn)擊查看詳情的圖標(biāo)。在這里設(shè)計(jì)師放棄了使用彈出框,在我看來是一個(gè)非常明智的選擇。因?yàn)橛脩羰褂霉具说那闆r多數(shù)是在戶外,沒有wifi。如果用戶不愿意打開流量的話,這個(gè)彈出框就加載不出來,這樣就會(huì)影響產(chǎn)品的離線體驗(yàn)。
而且使用彈出框會(huì)遮蓋當(dāng)前頁面信息,比如我想理解配速穩(wěn)定性,但是彈出框遮擋了我的配速區(qū)間,這樣的設(shè)計(jì)很容易被用戶吐槽。
總結(jié)
設(shè)計(jì)是一個(gè)你學(xué)的越多就糾結(jié)的行業(yè),這是一個(gè)很好的現(xiàn)象。糾結(jié)的根本原因是因?yàn)槲覀冊(cè)谒伎?,在平衡不同設(shè)計(jì)方案之間利弊。獨(dú)立思考的習(xí)慣和態(tài)度應(yīng)該是一個(gè)合格設(shè)計(jì)師的基本素養(yǎng),或許有的時(shí)候思考到之后我們也無法得出一個(gè)令自己滿意的方案,但是這個(gè)思考的過程對(duì)于你來說比得到那個(gè)答案可能更加重要。
上海UI設(shè)計(jì)學(xué)校課程介紹:
一、用戶體驗(yàn)設(shè)計(jì)基本概念與流程
1)什么是用戶體驗(yàn)設(shè)計(jì)(UED)
2)UED與UX、UE、UI、UXD、Ixd、IA等概念的定義與差異
3)UED設(shè)計(jì)的閉環(huán)流程(需求分析、原型設(shè)計(jì)、視覺設(shè)計(jì)、交互設(shè)計(jì)、前端代碼)與各階段成果物(系統(tǒng)分析報(bào)告、角色分析報(bào)告、低保真原型、視覺規(guī)范、高保真原型、前端代碼與開發(fā)指南)詳解。
二、需求分析與低保真原型
1)用戶的需求中的場(chǎng)景、動(dòng)機(jī)與行為分析
2)學(xué)做一份角色分析說明書
3)信息架構(gòu)設(shè)計(jì)概念與技巧
4)學(xué)做一張思維導(dǎo)圖
5)學(xué)做一份信息架構(gòu)圖
6)用Axure學(xué)做一個(gè)低保真原型
三、UI視覺設(shè)計(jì)
1)視覺設(shè)計(jì)在用戶體驗(yàn)設(shè)計(jì)與品牌傳達(dá)中的作用與地位
2)色彩與色系理論基礎(chǔ)
3)排版框架(Layout)與視覺元素(Elements)
4)版式與字體研究
5)視覺元素的像素化設(shè)計(jì)與矢量化設(shè)計(jì)
6)視覺動(dòng)效的設(shè)計(jì)(Flash&JS)
四、UI視覺規(guī)范
1)視覺規(guī)范的作用、意義與結(jié)構(gòu)
2)學(xué)做一份視覺規(guī)范
3)視覺設(shè)計(jì)相關(guān)工具與資源
五、交互設(shè)計(jì)與高保真原型
1)交互設(shè)計(jì)與高保真原型
2)常見的交互技術(shù)與效果模擬
3)用Axure做一個(gè)相對(duì)復(fù)雜的交互原型
4)交互設(shè)計(jì)相關(guān)工具與資源
助學(xué)分期:學(xué)校支持百度錢包教育助學(xué)分期(6期、12期、4 8期)
以上就是小編簡(jiǎn)單的介紹,希望對(duì)你有所幫助,還有更多關(guān)于相關(guān)的訊息,歡迎咨詢,驚喜多多,收獲多多。
課程咨詢
咨詢老師:張老師
咨詢電話:021-64320836
咨詢微信:2504994244
相關(guān)推薦
課程 | 班型 | 費(fèi)用 |
交大南洋 | 白天班/晚班/周末班 | 點(diǎn)擊了解 |
水晶石教育 | 白天班/晚班/周末班 | 點(diǎn)擊了解 |
天琥教育 | 白天班/晚班/周末班 | 點(diǎn)擊了解 |
北區(qū)教育 | 白天班/晚班/周末班 | 點(diǎn)擊了解 |
晶網(wǎng)設(shè)計(jì) | 白天班/晚班/周末班 | 點(diǎn)擊了解 |
非凡進(jìn)修學(xué)院 | 白天班/晚班/周末班 | 點(diǎn)擊了解 |
火星人教育 | 白天班/晚班/周末班 | 點(diǎn)擊了解 |