第一篇：大神UI彈窗設計經驗總結
創想設計學院
官網：http://www.tmdps.cn/ 大神UI彈窗設計經驗總結
當你將彈窗設計及使用得恰到好處時，它們就會是非常有效的用戶界面元素。它們能幫助用戶快速且便捷地達成目標。然而當錯誤使用時，彈窗卻會困擾你的用戶。學會如何設計彈窗，會幫助你在使用時避免那些可能對用戶造成的困擾。
加上這篇《騰訊設計師做了100個彈框后總結的設計經驗》 學會彈窗設計就沒問題了！1，什么是彈窗？
彈窗是一個為激起用戶的回應而被設計、需要用戶去與之交互的浮層。它可以告知用戶關鍵的信息，要求用戶去做決定，抑或是涉及到多個操作。彈窗越來越廣泛地被應用于軟件、網頁、以及移動設備中，它可以在不把用戶從當前頁面帶走的情況下，指引用戶去完成一個特定的操作。
UI設計
圖1，會話過期彈窗
現在讓我們來看看有哪些優秀的彈窗設計和使用方法。
創想設計學院
官網：http://www.tmdps.cn/ 創想設計學院
官網：http://www.tmdps.cn/ 原則1，減少干擾
由于彈窗會中斷操作，要盡可能地少使用彈窗。突然出現的彈窗會強迫用戶去停止他們當下正在進行的任務，并轉而專注于彈窗中的內容。在繼續之前，用戶必須要面對這個彈窗，否則將無法對彈窗之下的頁面進行操作。當這個用戶必須要確認一個關鍵的操作時，這就是好的，但是在大部分情況下彈窗是不太有必要的，甚至會引起用戶反感。需要確認
在你需要用戶去互動才可繼續時，或當犯一個錯誤的成本會很高時，使用彈窗是最合適且最合理的。
UI設計
圖2，這里告知了用戶一個情況，需要用戶確認 不要突然打開彈窗
在用戶沒有做任何操作時突然打開彈窗，是非常糟糕的設計。許多網站用訂閱框來轟炸它們的用戶，就如下面的例子：
創想設計學院
官網：http://www.tmdps.cn/ 創想設計學院
官網：http://www.tmdps.cn/
UI設計
圖3，諸如此類的彈窗給沒有鍵盤的用戶造成了數不清的麻煩
彈窗的出現應該永遠基于用戶的某個操作。這個操作也許是點擊了一個按鈕，也許是進入了一個鏈接，也可能是選擇了某個選項。小結
不是每個選擇、設置、或細節都有必要中斷用戶當前的操作。
彈窗的備選方案有菜單以及同框內的擴展，這兩種控件都可以保持當前頁面的延續。可不要突然跳出彈窗，應該讓用戶對彈窗的每次出現都有心理預期。原則2，彈窗應與現實世界相關連
彈窗應該使用用戶的語言（用戶熟悉的文字，短語和概念），而不是一些系統特有的專有名詞。表述清晰的問題和選項 ? ? ?
創想設計學院
官網：http://www.tmdps.cn/ 創想設計學院
官網：http://www.tmdps.cn/ 在彈窗的內容區域，應該使用一個表述清晰的問題或陳述，例如“清除您的存檔？”或“刪除您的賬戶？”總之，應該避免使用含有歉意的、模凌兩可的、或者是反問式的語氣，如“警告！”“你確定嗎？”
UI設計
圖4，左邊的彈窗提出了一個很模凌兩可的問題，并且這個操作可能影響的范圍并不明確；右邊的彈窗提出的問題相當明確，它解釋了此次操作對用戶的影響，并且提供了指向清晰的選項。盡可能不要給用戶提供可能產生混淆的選項，而應該使用那些文意清晰的選項。大部分情況下，用戶應該能夠只通過彈窗的標題和按鈕，就了解他們有哪些選項。
創想設計學院
官網：http://www.tmdps.cn/ 創想設計學院
官網：http://www.tmdps.cn/ 反例：這個按鈕的文字“不”的確回答了彈窗內的問題，但是并沒有直接告訴用戶點擊后會發生什么。
UI設計
圖5，安卓的系統彈窗
改成這樣：肯定的操作文字“放棄” 很明確地指示了選擇這個選項的后果。
創想設計學院
官網：http://www.tmdps.cn/ 創想設計學院
官網：http://www.tmdps.cn/
圖6，安卓的系統彈窗 提供重要的信息
一個彈窗不應該把對用戶有用的信息說得含糊不清。舉個例子，如果一個彈窗要讓用戶確認刪除某些條目，就應該把這些條目都列出來。
UI設計
圖7，這個彈窗很簡要地指明了這個操作的結果
創想設計學院
官網：http://www.tmdps.cn/ 創想設計學院
官網：http://www.tmdps.cn/ 另外，避免使用“了解更多”按鈕去連接到幫助文檔；在彈窗同一頁面展開則是更好的選擇。如果還需要顯示更多的信息，則將其放在進入彈窗之前的頁面。提出有（關鍵）信息的反饋
當一個流程結束時，記得顯示一條提示信息（或視覺反饋），讓用戶知道自己已經完成了所有必要的步驟。
UI設計
圖8，在完成一個操作后成功的例子 小結
在彈窗中使用語意清晰的問題和選項。設計促進操作完成的彈窗。
在操作完成后，提示用戶操作已經完成了。原則3，講求極簡 ? ? ?
創想設計學院
官網：http://www.tmdps.cn/ 創想設計學院
官網：http://www.tmdps.cn/ 別試著把太多東西擠在一個彈窗內。要保持干凈和簡約（遵從KISS原則）。然而極簡主義并不意味著被局限住，你提供的所有信息都該是有價值并且與之相關的。元素與選項的數量
彈窗絕不應該只是部分顯示在屏幕上。因此不要使用有滾動控件的彈窗。
反例：巴克萊銀行的付款處理彈窗包括了許多的選項和元素，部分的選項只有滾動后才能看到（特別是對于屏幕通常較小的移動設備）
好的例子：Stripe使用了一個簡單并且聰明的彈窗，只顯示了最基本的信息，這樣不管在桌面端上還是移動屏幕上看起來都會很不錯。
創想設計學院
官網：http://www.tmdps.cn/
官網：http://www.tmdps.cn/
UI設計
操作的數量
彈窗不該提供超過兩種選項。第三個選項，例如下圖的“了解更多”，有可能會將用戶帶離此彈窗，如此用戶將沒有辦法完成當前的任務。
圖11，“LEARN MORE”操作將用戶從這個彈窗指引到其它頁面，進而把當前的彈窗置入一個不確定的狀態
創想設計學院
官網：http://www.tmdps.cn/ 創想設計學院
官網：http://www.tmdps.cn/ 勿將多個步驟放置在一個彈窗內
把一個復雜的任務分解成多個步驟是一個極好的想法。然而這也會給用戶傳達一個信號，這個任務太復雜了，以至于根本沒法再一個彈窗界面中完成。
如果一個交互行為復雜到需要多個步驟才能完成（如下圖的UI設計例子），那么它就有必要單獨使用一個頁面（而不是作為彈窗存在）。
創想設計學院
官網：http://www.tmdps.cn/
官網：http://www.tmdps.cn/
UI設計
圖13，有多個步驟的彈窗 小結
如果你發現你在很努力地把許多元素擠進一個彈窗，這通常代表彈窗已經不是最優的設計方案了。
? ? ?
將那些不必要的、不能夠幫助用戶完成任務的元素或內容從彈窗中去除，以達到簡化的目的。盡量避免在彈窗內安置多個步驟。原則4，選擇適當的彈窗種類
創想設計學院
官網：http://www.tmdps.cn/ 創想設計學院
官網：http://www.tmdps.cn/ 彈窗大致分兩個大類。第一大類為吸引用戶關注的模態彈窗，強制用戶與之交互后才能繼續。模式彈窗通常被用在獨立、強制的流程中： 當不需要上下文就可以決定怎么做的時候。
需要明確的“接受”或“取消”動作才能關閉。在點擊這種彈窗的外部時，它并不會關閉。當我們不允許此用戶的進程處于部分完成狀態（即用戶必須完成此進程才可做其他任何的操作）。
第二大類則是非模態彈窗，它允許用戶通過點擊或輕觸周圍就可關閉。
第一種模式彈窗只在特別重要的交互操作時才須使用，（比如：刪除帳戶，同意協議）。? ? ?
UI設計
圖14，模態彈窗：用戶必須輸入“DELETE”才能確認刪除
另外移動系統的彈窗通常是模態的，并且含有如下的基本元素：內容，操作，和標題。
創想設計學院
官網：http://www.tmdps.cn/ 創想設計學院
官網：http://www.tmdps.cn/
圖15，安卓模態彈窗 原則5，視覺一致性 彈窗下的背景
當打開一個彈窗時，后面的頁面一定要稍微地變暗。它有兩個功能，第一它把用戶的注意力轉移到了浮層上，第二它讓用戶知道后面的這個頁面是不再可用的。
創想設計學院
官網：http://www.tmdps.cn/
官網：http://www.tmdps.cn/
圖16，安卓的模態彈窗
在調節背景深度時要注意了。如果你把它變得太暗，用戶就沒法看清背景的內容。如果你調得太淺，用戶可能會認為這個頁面仍然可操作，并且甚至不會注意到彈窗的存在。清晰的關閉選項
在彈窗的右上角應該有一個關閉的選項。許多彈窗會在右上角有一個“x”的按鈕，方便用戶關閉窗口。然而，這個“x”按鈕對于一般的用戶而言并不是一個顯而易見的退出通道。這是由于“x”按鈕通常較小，它需要用戶準確地定位到該處，才能夠成功的退出，而這一過程通常很費事。
創想設計學院
官網：http://www.tmdps.cn/
官網：http://www.tmdps.cn/ 因而讓用戶通過點擊非模態彈窗的背景區域去退出，就是一個更好的方法。
圖17，TWITTER同時使用了點擊X按鈕和點擊背景區域的退出方式 避免在彈窗內啟動彈窗
應該避免在彈窗內再啟動附加的小彈窗，這是因為此舉會加深用戶所感知到的網站或app的層級深度，從而增大了視覺的復雜性。
圖18，反例：彈窗中的彈窗
創想設計學院
官網：http://www.tmdps.cn/
官網：http://www.tmdps.cn/ 小結
在大部分情景下，都允許用戶通過點擊或輕觸來關閉彈窗（除了模態彈窗）。應該避免在彈窗內再啟動附加的小彈窗（即彈窗中的彈窗）。總結
希望這些有關彈窗的使用案例和使用方法還算有趣，并能在你們設計原型時派上用場。要記住，用戶體驗是為用戶而做的設計，而非為技術。要想知道什么樣的設計最適合你的用戶、最適合他們將進行的任務，其實不是一件難事：你只需要模仿那些領先產品的彈窗，然后找到你的用戶做一些相關的測試 ? ?
創想設計學院
官網：http://www.tmdps.cn/
第二篇：韓語學習和TOPIK六級大神經驗總結
韓語學習和TOPIK六級大神經驗總結
做個學習韓國語的小結，方法什么的不敢說都是對的，只是希望正在學韓語的大家能從字里行間找到一點適合自己的小技巧，提高韓語學習的效率。咱也算為在韓中國留學生韓國語整體水平的提高，作出了自己小小的貢獻。
先說我們來韓國學韓語。在語學堂學習，主要的目的是兩個。
第一，是為了過TOPIK三級四級，達到學校對于畢業生的語言要求，以期順利畢業;第二，是希望用自己的語言能力，學好專業課程。
所以說并不需要韓語達到一個無人能及的水平。也就是說學習韓語的時候，最好不要因為目標太高給自己太多的壓力，有時候壓力大了，反而降低學習的效率。還有一個提高學習效率的方法，就是要愛上韓語，把學習韓語培養成自己的興趣，這樣即便是你在學習壓力導致惰性滋生的時候，也能因為自己對韓語的喜愛，不知不覺中學到更多。
可能有一部分人不知道，考TOPIK和學習韓語其實是兩個不一樣的概念。很多人以為只要提高韓語能力就能順利過TOPIK，但事實上我們身邊有些口語很牛的人，考試下來4級都難過。因為TOPIK中的很多考試內容，并不是日常生活中能直接接觸的內容。所以如果你學習韓語的目的僅僅是為了得到一張TOPIK的證書，那就以做真題為主，以上課和與韓國人的交流對話為輔。大部分時間花在練習真題上就好了。
韓語是一門入門難，越學越簡單的科目。說他入門難，是因為入門學習的時候，練習發音很重要。我們就是這樣一個例子，韓語入門的時候是在中國學得，本來學習就不認真，再加上啟蒙老師是一個中國的朝鮮族老師，發音習慣和韓國人有很大的區別，就直接導致了自己的“半調子”發音。所以韓語學習的過程應該是，初級的時候，全程有老師陪同，中級的時候，一半時間自學，一半時間上課 到了高級的時候基本就是自學為主了，有時間就去上韓國語課，可能有人專業課太多，沒時間選韓語課的時候，只要自己把自學的時間安排到位，不上也無妨。
<中 級> 3，4級的時候，一定要認真學習韓國語教育院提供的學習教材。大部分同學都是為了準備TOPIK考試，這種情況下，選擇首爾大的教材很好，因為這個系列的教材里面的語法列的很清楚很到位(據說TOPIK的試題也是根據首爾大的教材編的)，另外的例如慶熙大的教材，因為比較注重口語交流，教材里面是沒有一個清楚的語法列表的，比較適合側重于會話學習的學生。找一個適合自己的教材。跟著教育院老師的學習節奏，上課認真做筆記，預習復習的工作認真做到位，學完中級，一個學期是能到4級的。老師們都是對外韓語專業的專家，跟著她們的步伐，肯定沒有錯的。
真真切切想提高韓語能力，不光是課堂，課外也多結實韓國朋友，或者去教會，真正走出學校，在解決各種問題的過程中，特別能鍛煉一個人的韓語水平。平時閑著了，或者學習很累了，想休息一會兒，就可以看看電視，綜藝節目、電影，不光學韓語，也能學到當地人不少生活習慣和文化背景。
有條件還可以住到韓國人家里去體驗體驗他們的日常生活，沒這條件的，平時多參加MT的課程，多和韓國人打交道，這些都是提高韓國語能力的重要途徑。一定要入鄉隨俗，尊重他們的文化。
<高 級> 高級，是一個以中級為基礎進階的學習過程。想要學好高級就一定要認真鞏固好中級。高級里面的語法不是很多，乍一看很難，其實有很大一部分都是能在中級里面找到對應的意思相近的中級語法的。
中級側重語法 高級側重單詞，學習高級就一定要有很大的詞匯量。而對于學習韓國語的中國人來說這就是個優勢，因為高級里好大一部分是漢字詞，也就是跟中文詞相對應的韓語，學起來因為特別形象，所以很容易，這就是為什么有人說“高級學起來比中級容易”的原因了。就算是要背很多詞，也不推薦拿本詞匯書直接背，就跟學英語一樣，背單詞最好的方法是結合文章或者句子背誦。單獨拿個詞匯書，背是能背，只是效率太低了。高級里面有這么幾種詞，一種是擬聲詞，一種是成語，特別頭疼。成語還好，不少跟中國成語很相像，容易記，擬聲詞是韓語里的特有詞匯，要掌握就要下很多功夫，結合情景反復背，會看到曙光的。學習高級韓語時，想要鍛煉實實在在的韓語能力，就更加應該和韓國人多溝通了，時間長了，說的就像韓國人了。但是要到這程度，可不是呆個一兩年就能到的水平，我們也在努力中。
http://www.topik.go.kr/jsp/hp/main/ 左下角的，點進去，里面有歷屆的真題題目，把它們下載下來，在電腦上做也好，打印下來做也好。
因為TOPIK歷史上有一次改革，改革大概發生在第10屆考完，第10屆以及之前考試的3、4、5、6級一級一級都是分開的，11屆開始3、4級并列成了中級，5、6級并列成了高級，所以建議把從11屆到最近的26屆真題合訂在一起成為一本書。這樣既不用忍受用電腦長時間看題目時導致的頭暈目眩以至注意力不集中，也能隨時隨地把真題書拿出來翻看學習，一舉兩得。關于前十屆的真題，題目相對有點難，但是如果感興趣，也可以做做，練練手。
做真題的方法也很重要。最好不要去借別人已經做過的涂過劃過的題目，那樣做題目的思維容易受到別人的牽扯。最好是把自己打印的新題目，先嘗試著做一遍。做第一遍的時候也要嚴格按照TOPIK考場的時間。例如語法詞匯和寫作兩部分結合起來的第一卷是限時90分鐘的，那做的時候也要限定時間，一方面能督促自己提高做題速度，另一方面能通過每一套試卷做下來的結果確定自己每一部分所需要的做題時間，以方便在考場上判斷自己是不是哪一道題目花時間過多，是不是應該跳過。休息半個小時，接著做聽力和閱讀，聽力的時候，把mp3放在自己的手機里面，不光是做題目的時候方便聽，另外自己平時閑的無聊，放放真題聽力，也不比聽流行音樂差，還能提高聽力水平，何樂而不為。
第二卷也一樣，設置好時間，能做多少就做多少。這樣第一遍做完了，用紅筆對好答案，算分可以方便自己看每一套試卷做下來分數提高的情況。用紅筆把錯題重重的標示出來，便于自己發現薄弱的環節，可能是粗心沒看好題目，也有可能真的不會，這種情況下，可以請教教育院的老師，他們會細心解答的。
第一遍做完了之后，把做題目的過程中看到的生詞以及重要的語法知識點，可以集中起來抄在自己準備的筆記本上，方便有空的時候拿出來背誦，最好每天早上大腦最清醒的時候背抄下來的生詞，學習語言的精髓就是“重復”，其他沒什么。艾賓浩斯的理論是一樣東西在不同的環境里面記憶7次就能達到永久記憶，一輩子都忘不掉，覺得這樣過于繁瑣也不用背這么多遍，重復背個兩三遍，以后題目中再出現的話稍微記一記就好了。整理結束之后，就接著做下一套試卷，有時間就全部做完。
中級階段，語法最重要，這就是之前為什么強調認真學習首爾大教材的原因，只要把語法都理解透了，加上整理過的單詞，做題目也是越來越得心應手，做得越來越快。到最后的效果是做題目基本上通篇文章根本看不到生詞了。
做完了第一遍不能就這么扔了，單詞語法多看看，聽力部分的聽力材料也要多聽幾遍，看看自己當初做錯的題目是不是真的應該錯，自己哪一部分沒有聽清楚，這部分沒聽清楚的內容要著重反復聽。題目閑著沒事多做幾遍，溫故知新。
到考試的前幾天就不用做題目的，只要把之前紅筆改過的做錯的題目，前后翻閱幾遍就行了。
作文讓無數人頭疼，最好的方法是自己在上課期間，晚上閑暇的時候就練練筆，根據老師給的題目，或者自己在真題中找的作文題目，當天寫完，第二天交給老師，讓他們修改，就能發現自己在單詞語法使用上存在的問題，每改好一篇，都要反復看多遍，這樣長期寫下來進步絕對是驚人的。到了考試之前的一點時間感覺作文實在不行，就把真題答案上的作文范文背個幾篇，總歸能用到。聽力主要是考試節奏的問題了，考試的過程中，不能因為某道題目很難就猶豫不覺，一定要在播放下一段錄音的間隙拿定主意，哪怕就是瞎蒙一個，也不能影響下一道題目。
TOPIK要稍微拼點速度，其實也就是做題目的熟練度。所有考試都這樣，熟能生巧。考試千萬不能給自己“不會過”的消極心理暗示，我就是因為這個吃過很多虧，一定要樂觀，盡自己的力量，認真把試卷完成。
<有關得失的博弈> 考試這嘛事，在準備和臨考的時候都應該有戰術和對策。所謂戰術就是在短時間內能取得最理想的效果。那就是在準備階段就想好了，哪些部分是最好拿分的，上面提及了是盡是漢字詞的題目最適合中國學生拿分，而其他那些擬聲詞的題目(高級的語法第三或者第四題)以及一詞多義(高級語法第十七十八題)，要投入大量時間而效果反而不一定好。那復習的戰略就是，放棄這些。
相對的，考試的時候，對策就是隨便撞撞運氣不糾結于這些題目。同樣的時間如果花在在其他的地方，容易融會貫通的地方，往往是事半功倍。同樣的，高級的閱讀中，每次都有一篇小說一般的文學作品，給我們的感覺就如老舍的文體，想要準備或者臨場拿分，代價都是很大的，還不如直接跳過。當然每個人擅長的，或者每個人的想法都不同，關鍵是要抽出幾分鐘時間去想想自己擅長什么，該放棄什么，這樣才能更高效。
拿破侖威爾有一本書叫《成功學》中間有17項原則，前兩項就是保持樂觀的心態和比別人付出更多的努力。TOPIK和韓國語的學習是一個艱辛的歷程，但是語言就是這樣，只要付出努力是一定有成果的。只要大家時刻保持樂觀的心態，比以前更加努力，有句話叫“手比頭高”，自己真正去實踐過了，拼搏過了，就一定能有不凡的成果。
第三篇：彈窗設計常見的四種交互情況
http://www.tmdps.cn/
彈窗設計常見的四種交互情況
彈窗經常在哪些情況下使用？設計上需要注意什么？
彈窗，顧名思義，是指彈出的窗口，強調一個彈字。無論是在web端還是在移動端，彈窗都是一種十分常見的一種交互方式，經常被用于以下四種情況：
1、廣告投放
2、用于系統提示、通知、警告類的消息彈窗。
3、用戶引導
4、顯示加載
接下來我們來逐個分析一下這四種情況：
1、廣告投放
作為網站的最重要的盈利方式，廣告彈窗被廣泛使用，但恐怕也是大家最討厭的一種廣告形式了。相信大家都有過類似經歷，在家里打開一個網頁，你還沒反應過來，里面就傳出了奇怪的呻吟聲或者是打斗的聲音，如果父母正好也在，簡直超級心虛好嘛，但明明我就是看篇小說而已！而且這些彈窗的暗黑模式要不要那么心機啊，我急急忙點擊了關閉，為什么直接進入了，而且聲音更大了，這個時候已經是尷尬癌晚期了?
北京千鋒互聯科技有限公司 版權所有
http://www.tmdps.cn/
這樣的彈窗廣告無疑是有悖于用戶體驗的，那為什么在如此重視用戶體驗的互聯網氛圍內，彈窗廣告依舊堅挺呢？這就要看網站所屬公司的盈利模式了，比如我大學時候很喜歡看小說，但學生嘛沒錢，總會去看一些盜版小說，這些小說都是免費的，那網站靠什么盈利呢？就是廣告投放，而且這些網站一般也沒什么優秀設計師，所以廣告們奔放外露，粗暴野蠻，毫不含蓄。這也是特定的環境造成的。
當然作為一個設計師，我們站在公司盈利的角度下，如何設計優雅的彈窗廣告，在降低用戶厭惡感的同時，提升廣告效果，又為公司賺取利益，是我們應該思考的。
比如：
1、絕對不要聲音。這點說一個彈窗之外的視頻體驗，相信大家都發現了，現在點開手機上的騰訊新聞，視頻播放默認是關閉聲音的。終于可以在上班時間偷看視頻新聞不被發現啦！
2、關閉按鈕位置明顯，能迅速關閉。對廣告里的產品有興趣的用戶自然會點開，沒有興趣的用戶你強制進入只會增加用戶的反感。
3、精準投放廣告，讓用戶看到他想看到的。
如果你想要一種更有設計感的方式，那你可以參考一下知乎上了腳喵說的回答： 我覺得可以用“反向彈窗”，就是剛打開頁面的半秒鐘之內存在廣告，且畫面吸引人，在人看清楚之前就收縮到頁面邊緣變成類似書簽的很薄的東西（收縮時最好有動感，比如加速運動等），感覺是被“嚇跑”一樣，留下干干凈凈的頁面，并讓人出于好奇主動用鼠標去點擊（不是懸停）那些被收縮的小廣告。雖然也是廣告，但實際廣告效果肯定比彈窗要好。
小結：廣告彈窗作為網站盈利的重要模式，是無法杜絕的。設計師需要在商業利益和用戶體驗上尋找平衡。
2、用于系統提示、通知、警告類的消息彈窗（也稱彈框）
提示確認彈框
提示確認彈框是在用戶需要的時候呼出，也用來防止用戶誤操作。看似簡單的提示彈框又有哪些需要注意的點呢？
北京千鋒互聯科技有限公司 版權所有
http://www.tmdps.cn/
上圖是淘寶購物車中刪除商品時的確認彈窗，元素很簡單，文字+確認、取消button+關閉icon，文字部分主觀性較強，就不做探討了。我們主要針對確認、取消button和關閉icon來做三個方面的探討：
1、確定button放在左邊還是右邊？
2、確認需要給出指示態hover嗎？（將“確認”改變或填充顏色，突出“確認”這個操作來引導用戶點擊）
3、關閉icon是否必須
為了解開這三個問題，我們先來對比一下Mac和windoes的系統彈框
北京千鋒互聯科技有限公司 版權所有
http://www.tmdps.cn/
上圖是UI中國刪除評論時的提示確認彈框，一般這種情況純屬開發人員偷懶，直接調用了系統彈框。而對比Mac和windows的彈框，會發現有兩個不同點，一是Mac的確認button在右，而Windows的確認button在左，關于這一點，從用戶習慣看來，設計師應該遵從用戶比例高達95%的Windows系統習慣來設計，即將確認button放在左邊。二是Mac提示框右上角沒有關閉icon，這就不是不同平臺上用戶習慣不同的問題了，更關系到是否強制讓用戶做出選擇。如果沒有關閉icon，新手用戶必須閱讀文字之后再作出一個選擇，但如果用戶只是無意點開了呢，也必須讓用戶閱讀后再做出選擇嗎？顯然是違背用戶體驗的。
因此在PC端關于上面三個問題的探討，答案是： 1.確定button放在左邊還是右邊？左邊 2.確認需要給出指示態嗎？（hove態）需要
3.關閉icon是否必須。通常要有，但如果必須要讓用戶閱讀后做出選擇，則可以沒有。當然，PC端的一些體驗，到了移動端就有所不同了，由于界面以及手指觸摸面積的限制，手指移動去點擊關閉icon顯然不如直接選擇來的簡單便捷。
北京千鋒互聯科技有限公司 版權所有
http://www.tmdps.cn/
確認和取消的位置在移動端如果確認呢？看上圖的例子，IOS系統中朋友圈中的刪除是刪除后不可恢復的，因此刪除放在單手操作不那么容易觸達的左邊比較合適，而淘寶網刪除訂單是可以恢復的，因此確認放在右邊比較合適。在我看來，雖然移動端普遍遵從IOS規范，但其實確認放在左邊或者右邊區別并不大，但每個設計師都可以有自己的規范。
而至于是否要有指示hover態，要根據情況來定了，如果是希望引導用戶進入下一步操作的，比如希望用戶點擊確認，那么就將“確認”兩個字改變顏色突出出來，以方便用戶點擊。但如果是希望用戶自己選擇，則不用給出指示hover態。
因此在移動端的答案是：
1、確定button放在左邊還是右邊？區別不大，但在我看來，需要根據操作是否謹慎來定，比較謹慎的操作放在左側來防止誤操作，相對隨意的操縱則放在右側比較符合用戶的心理模型
2、確認需要給出指示hover態嗎？需要用戶自己決定的操作，不需要給出指示。
3、關閉icon是否必須。不需要關閉icon
北京千鋒互聯科技有限公司 版權所有
http://www.tmdps.cn/
好評提示
有的APP進去之后就會彈出提示讓你好評，可是我瀏覽頁面正high呢，一下子彈出來這個來打擾我，如果我當時心情不錯，我可能會選擇下次再說或者不再提示，但如果心情不好，我就好想進去給他個差評啊，但是進入APP Store又要連要一會兒，干脆就放棄了。
上圖是豆果美食的評價彈框，在我注冊的關鍵時刻給我一個評價彈框，就好像我去你家做客，我還沒進門呢，你就問我這次招待的怎么樣？這個時間點把握的是非常不合理的。
關于提示評價的彈框，我覺設計師要注意兩點：
1、在合適的時候給出提示評價的彈框、至少也要是用戶使用了一段時間之后，避免在用戶剛剛使用，或者正在注冊的時候提示評價。
2、要給出下次再說或者不再提示的選項，如果強制性的讓用戶評價，即使用戶想給好評，AppStore也不給力呀，要等那么久才能連接上，挑戰用戶耐心的結果可能是：用戶本來對APP還是有好感的，結果把對AppStore連接慢的差評一起給你。
北京千鋒互聯科技有限公司 版權所有
http://www.tmdps.cn/
通知類彈框
最常見的就是新聞推送了，例如騰訊新聞的通知彈框會把一些熱點事件通知給你，你可以選擇現在就看，也可以選擇暫時不看，這類通知彈窗最重要的也是需要根據用戶瀏覽新聞的習慣和愛好進行通知，有一句話特別形象，你愛的人吻你，那是愛情；你不愛的人吻你，那就是流氓。還有插一句我對體育新聞真的沒有興趣，騰訊下次不要給我推了。
2、警告類的彈窗
網站殺毒軟件檢測到威脅的消息彈窗，一般都是被用戶喜歡的，因為這些給用戶提供了很多消息，幫助用戶全面了解更多信息做正確的決策。但是如果頻繁出現威脅消息，也容易引發用戶內心恐慌與不安。度要把握好，同時形式也很重要。
3、引導性的彈窗
北京千鋒互聯科技有限公司 版權所有
http://www.tmdps.cn/
用戶經常需要一些引導，比如在玩游戲的過程中，彈窗告訴你該怎么玩，這種引導在用戶需要的時候適時出現，不但不會引起用戶反感，還會幫助用戶，提升用戶好感度
引導性彈窗也常見于產品業務需要而出現，比如游戲中的注冊，領取禮物、購買道具等，這是良性的運營推廣和商業利益的獲取，但是在什么環節，彈出什么功能，哪個時間點上適度出現是設計師需要考慮的。用戶并非都忽略彈窗或者看見付費就關閉，點開后能否繼續吸引用戶、幫助用戶才是最重要的。
4、顯示加載進程的彈窗
北京千鋒互聯科技有限公司 版權所有
http://www.tmdps.cn/
緩解了用戶在等待過程中的焦慮感。如果能加上生動有趣的動畫，還能在加載的過程中提升用戶好感度。
總結：彈窗作為在頁面中彈出來的框，自帶打擾用戶的屬性，這個屬性是一把雙刃劍，如果設計師運用得當，在合適的時機彈出用戶需要的彈窗，將會給產品帶來良好的用戶體驗，即使是暗黑模式，也能降低用戶的反感。
相信我們通過不斷的深度思考，能在商業利益和用戶體驗上找到平衡點。
北京千鋒互聯科技有限公司 版權所有
第四篇：《UI設計》課程標準
《UI設計》學習領域課程標準
執筆：甄珍
審核：
時間： 2013-5-
5一、學習領域定位
“UI”熱是近幾年來興起的潮流，近幾年國內很多從事手機，軟件，網站，增值服務等企業和公司都設立了這個部門。還有很多專門從事UI設計的公司也應運而生。
正是鑒于目前UI行業的發展狀況，本專業第一次開設計《UI設計》課程。
《UI設計》是所有與網絡通信軟件相關專業課程，該課程既可以鞏固前期所學的設計基礎理論知識和設計軟件應用知識，還重在給學生開拓新的專業知識面，認知一個新的設計領域，從而拓展職業能力和就業選擇面。
二、職業分析
目前UI即用戶界面設計行業剛剛在全球軟件業興起，屬于高新技術設計產業，與國外在同步發展水平。其次國內外眾多大型IT企業(例如：百度、騰訊、Yahoo、中國移動、Nokia、聯想、網易、微軟、盛大、淘寶等眾多企業)均已成立專業的UI設計部門，但專業人才稀缺，人才資源爭奪激烈。但目前全國UI設計專業的系統教學極其稀少。UI設計師的待遇和地位也逐漸上升。
三、學習目標
知識目標：使學生能熟悉UI設計的流程和設計方法，并能使用制作有創意的，充滿視覺沖擊力的UI設計作品。
技能目標：使學生學會系統規劃和全局思維，能夠完成一整套UI系統的設計。
素養目標：使學生具備能從事UI系統的開發與設計能力，培養學生團隊合作、及獨立思考能力。
四、學習內容
四、學習領域課程設計思路
（一）設計理念
五、考核方式
學生成績的評定，以學生平時表現和任務完成情況及最終考核來核定。評分細則如下表：
其中，平時成績包括平時上課的表現和各任務的完成情況，占總成績的30％；最終考核成績所用考核方式為機試，占總成績的70％。
第五篇：UI設計流程
UI設計流程
階段一：分析
1用戶需求分析 2用戶交互場景分析 3競爭產品分析
這兩者可以說是相輔相成的。對于一個較為正規的項目而言，必然有對用戶需求的分析內容。Tanjurd瑭錦資深UI設計師表示其中用戶UI需求是重要的組成部分。如果說UI設計原則是所有UI設計的出發點的話，那么用戶UI需求就是本次設計的出發是好的UI設計建立在對用戶深刻了解之上。因此用戶交互場景分析就很重要。對于大部分項目組來說也許沒有時間和精力去實際勘查用戶的現有交互、制作完善的交互模型考察，但是UI設計人員在分析的時候一定要站在用戶角度思考：如果我是用戶，這里我會需要什么。競爭產品能夠上市并且被UI設計者知道，必然有其長處。這就是所謂三人行必有我師的意思。每個設計者的思維都有局限性，看到別人的設計會有觸類旁通的好處。當然有的時候可以參考的并不一定是競爭產品。
階段二 設計需求：（葉面設計前需提給UI頁面組）
1.系統設計需求文檔。2.系統結構文檔（例如欄目劃分，目錄結構，導航方式等）。3.較復雜頁面表現形式草圖（手繪或相關軟件繪制）。4.較復雜業務流程文檔。5.如有可能提供參考和示例站點。6.與程序員溝通部分頁面實現方法。
段三：頁面制作：
1.經過確認的美術設計的方案圖7.系統設計需求文檔等，較復雜務流程文檔。2.所需頁面腳本需求，與程序員溝通部分頁面實現方法。3提交給程序
用戶交互case圖（說明用戶和系統之間的聯系）用戶交互流程圖（說明交互和事件之間的聯系）交互功能設計圖（說明功能和交互的對應關系）最終得到UI的設計產品。
階段四：驗證
界面測試：（頁面組提交給測試組包括：1.經確認的設計方案圖。2.靜態模板頁面。以上二項均為便于查看嵌入程序后的葉面情況。3.常出現的界面錯誤：圖片錯誤，頁面不美觀，布局不合理，與原先設計不符，文字 錯誤HTML代碼錯誤，頁面程序錯誤。4.界面bug測試報告：
正如Tanjurd瑭錦國際UI交互設計原則文中提到的，對于UI產品的驗證主要從下面幾個方面入手：
1、功能性對照UI設計的再好，和需求不一致也不可以。
2、實用性內部測試UI設計的最重要點就是實用性。
3、用戶焦點小組UI設計是否優秀的重要衡量依據。最后，瑭錦Tanjurd說一點其他的問題。現在往往認為交互式設計和最終的UI效果設計可以截然分開。這就好比說需求可以和設計截然分開，是不可能的。
總結：
1.產品定位與市場分析這一類工作大多都是由新產品研發部門以及市場需求完成的，但UI設計師應了解產品的市場定位、產品定義、客戶群體、運營方式等。
2.用戶研究與分析這個過程是非常重要的，設計師應該找到合適的方法來完成此環節。你可以搜集相關資料分析目標用戶的使用特征、情感、習慣、心里、需求等，提出用戶研究報告和可用性設計建議。這部分工作也可和團隊配合完成。時間與項目需求允許的情況下，更可以制定實景用戶分析。
3.架構設計這里涉及到比較多的界面交互與流程的設計，根據可用性分析結果制定交互方式、操作與跳轉流程、結構、布局、信息和其他元素。
4.原型設計我覺得這里應該是一個小的階段標志，要對前面所有工作加以設計方面的實施，根據進度與成本，可以把原型控制在“手繪－圖形－FLASH-視頻”幾個質量范圍。原型的本質更傾向與一個DEMO，它不需要有全部的功能，但要體現出設計對象的基本特性。
5.界面設計如果很傾向于圖形界面設計，這兒是你最喜歡的部分。但一定要結合循環討論過的分析結果做設計，否則你的作品很難被人信服。色調、風格、界面、窗口、圖標、皮膚的表現是本環節的關鍵。
6.界面輸出作為設計師，在這一部分的工作就是配合好開發人員完成相關的界面結合。7.完善工作這個環節是很多部門共同參與的，包括可用性的循環研究、用戶體驗回饋、測試回饋。同時，UI人員也應該把一些可行性建議進行完善。Tanjurd瑭錦表示很多設計師做了東西不喜歡改，這是一個大忌。
如上的流程，可能會有很多部門共同參與完成，UI設計師如何與團隊配合并發揮自己應有的作用非常重要。一名合格的UI設計師，應該能貫穿整個UI流程進行工作，而并非是單純的圖形界面設計。
點擊咨詢 