對話框（Dialog）是個好用又方便的工具，通常用來再三確認使用者的操作動作與決策，以避免一時的手誤或誤會操作動作的意思，常用于重要動作的確認，例如：「你確定要刪除這個聯(lián)絡(luò)人嗎？」，但若對話框搭配了不適當?shù)幕貞x項文字，反而可能會造成使用者的困擾與誤解，有時還可能做了錯誤的決定。

對話框界面設(shè)計最常見的不當UI設(shè)計就是選項上的文字出現(xiàn)：「是（YES）與否（NO）」，回想在學生時期考試的時候，O與X在是非題中是唯二的兩個答案，而出題者會透過文字敘述上正反的誤導，來測驗學生是否真的清楚了解，先不論這樣的測驗方式到底對學習以及知識的建立到底有沒有明顯的幫助，使用者可不想在開心的使用你的程式或服務時，還要小心翼翼的了解你對話框的內(nèi)容。

我們當然可以細心的UI設(shè)計對話框中的文字，讓使用者清楚明了對話框的訊息，但是在大部分的情況下，我們幾乎根本不會逐字去閱讀訊息的內(nèi)容。你必須要假設(shè)使用者除了對話框上的按鈕外，不會閱讀任何其他訊息（對話框的標題或是訊息內(nèi)容）。 – John Gruber of Daring Fireball

毋庸置疑，造成用戶跳出率高的真正殺手是網(wǎng)站設(shè)計元素的雜亂和干擾。 總而言之，網(wǎng)站上任何惱人的元素都有可能造成用戶蜻蜓點水般離去，這些干擾可能是任何不和諧因素，包括過多的動畫效果、過于雜亂的配色設(shè)計。只有層次分明、清晰明了的網(wǎng)站設(shè)計才能讓用戶把視線聚集在網(wǎng)站內(nèi)容的價值上，從而達到網(wǎng)站建設(shè)的目的。而用戶的煩惱就在于網(wǎng)站不合時宜的排版、不恰當?shù)膶Ш揭约板e誤的信息把用戶統(tǒng)統(tǒng)拒之門外。

優(yōu)秀的網(wǎng)站設(shè)計是能最大化降低用戶跳出率，并提供良好的用戶體驗和有價值的信息。為了避免界面設(shè)計的悲劇，藍藍設(shè)計總結(jié)了六大要素試圖降低網(wǎng)站跳出率：

1. 良好的用戶界面

每個人的所接觸的人、事、物不同，接受的教育背景文化也都不同，發(fā)生意見分歧是非常正常的一件事情，然而作為UI設(shè)計師的我們本身對設(shè)計作品都有那么點“潔癖”，遇上類似的事情時，心里總會有“觸動”，情緒難免有些起伏。

面對別人的意見其實不用過于抵觸，意見也可能并不是因為不好而提出，是從其它角度提出當前沒有考慮到的事情，這不定是壞事，不同角度，不同觀點，能讓作品變得更出色也說不定。藍藍設(shè)計分享UI設(shè)計師遇到意見太多時的方法，希望對朋友們界面設(shè)計工作有所幫助！

接受意見前，先正“三觀”

人非圣賢，孰能無過，情緒來的時候，總會有些激動，所以先改變一下自己的“三觀”，帶著抵觸情緒很難去對待意見。:)

1. 正面看待別人的意見

積極看待別人的意見，如果意見能夠幫助自己做出更好的作品，是種多贏。當然對那些不靠譜的意見或者鉆牛角尖的人，還是要分別對待。

一篇小文，若干貼士，幫你幫我?guī)痛蠹矣幸鉄o意的培養(yǎng)意識形態(tài)，爭做有同理心的好UI設(shè)計師。走著。
這里進入譯文。優(yōu)秀的用戶體驗界面設(shè)計師應該具有出眾的同理心，也就是站在他人的角度看待和理解事物的能力。同理心與同情心是兩碼事，你不必真心同意或接受他人的觀點，但必須對他們的狀態(tài)感同身受，從主觀上理解他們看待事物的角度。
出于以下這些原因，我(英文原文作者)相信同理心可以使我們成為更好的界面設(shè)計師：

• 同理心可以讓我們更自然更真誠的去思考怎樣幫助用戶解決他們的實際問題，使我們的設(shè)計決策能更好的聚焦于用戶目標。
• 同理心可以幫助我們與用戶、團隊成員及利益相關(guān)者構(gòu)建更好的人際關(guān)系，為人與人的交流提供開放、互信、更具建設(shè)性的基礎(chǔ)。
• 同理心有助于個人整體的塑造。這不僅僅是一項職業(yè)技能，在工作中逐漸培養(yǎng)和挖掘出來的同理心同樣可以運用到生活的其他方面。

接下來藍藍設(shè)計和大家分享一些能夠在日常工作和生活中幫助我們提升同理心的小方法。

1.發(fā)現(xiàn)日常生活中的痛

你是一名網(wǎng)頁設(shè)計師或者一個想學習網(wǎng)頁設(shè)計的人嗎？
如果你的回答是”Yes”，那么你最初想學習網(wǎng)頁界面設(shè)計的原因是什么呢？
有些人夢想創(chuàng)造出偉大的設(shè)計并因此聞名于世；有些人則把網(wǎng)頁設(shè)計作為自己的事業(yè)并為之奮斗一生；而有些人，或許僅僅是為了賺錢養(yǎng)家。

那么你呢？

OK，無論你為何想學習網(wǎng)頁UI設(shè)計，現(xiàn)在我要向你介紹一種一箭三雕的方法，能讓你在學習網(wǎng)頁設(shè)計的同時，變得更受歡迎，還能賺些錢。正所謂，生財有道！這聽起來很棒，不是嗎？你一定開始期待我要講些關(guān)于網(wǎng)頁界面設(shè)計的技術(shù)了吧。很遺憾，我要講的跟這個毫無關(guān)系，這可不是一篇通常的講網(wǎng)頁設(shè)計相關(guān)技術(shù)的文章。

估計你還沒有頭緒?

產(chǎn)品經(jīng)理和UI設(shè)計師之間最常見也是最尖銳的矛盾就是，UI設(shè)計師把花了很多心血做出來的稿子放到產(chǎn)品經(jīng)理面前，產(chǎn)品看了一下，覺得非常陌生和超出預期，說：“這都是些什么啊”。

(- -#)，(- -’)，此處無聲勝有聲。倒不是說這里面誰對誰錯，都挺辛苦的其實，但為什么總會落得如此尷尬呢。

世上配合最好的其實就是自己的手配合自己的腦袋。腦袋怎么想，手就怎么畫，畫出來的丁老頭再丑也覺得很親切，恩恩，是我的好作品（星星眼）。只是等到兩個人合作的時候，就有些麻煩了。因為，讓“設(shè)計師的手”精致地受控于“產(chǎn)品經(jīng)理的腦袋”，每次畫完看一看，覺得對就繼續(xù)畫、錯就改的敏捷調(diào)控是不現(xiàn)實的。

禍起，在于一些溝通中有很多弊端，唯有解決這些問題，才能讓團隊和諧地高唱“同一個夢想”。藍藍設(shè)計分享一下UI設(shè)計師如何做不出產(chǎn)品經(jīng)理想要的設(shè)計的方法！希望對朋友們界面設(shè)計工作有所幫助！

一、產(chǎn)品沒有意識到要講的其實是故事

常見的產(chǎn)品經(jīng)理提需求的方式往往都是在需求文檔里直接寫“在Feed上增加一個轉(zhuǎn)載按鈕，點擊后可以填寫轉(zhuǎn)載理由”。這種描述方式其實已經(jīng)是一個很具象的解決方案了。然后這份包含數(shù)十條如此描述需求的文檔會被貼到內(nèi)部需求管理網(wǎng)站上，或者通過郵件發(fā)給設(shè)計師。

網(wǎng)頁設(shè)計時總是有許多考慮，而不得不為圖片元素加上框線處理，例如考量使用者互動與圖片互動時：像是滑鼠滑上、滑鼠按下時的效果；或是網(wǎng)頁版面界面設(shè)計時，或許是為了保留必須與文字一起排版的彈性、或許是考慮到無法掌握圖片內(nèi)容、可能會出現(xiàn)網(wǎng)頁相同色彩的圖片，像是商業(yè)攝影圖片等，諸如以上種種狀況，都可能考慮到為圖片加上外框UI設(shè)計：

商業(yè)攝影的圖片常常會有全白的背景出現(xiàn)：

或是像這種大面積留白的插畫圖片，若是沒有框線，實在很難看到圖片的邊界在哪里，在網(wǎng)頁上與文字一起編排的時候容易造成困擾：

經(jīng)常感覺情緒低靡并且效率極低么？藍藍設(shè)計這里有五條可以幫助UI設(shè)計師在實際工作中提率的小提示。

 1.任務管理

學會任務管理對于每個自由職業(yè)者都是必要的。它能夠幫助你把一周的任務變得更有條理，更易于操作并且形成一個簡短而清晰的界面設(shè)計計劃列表。這是一個非常好的方式以確保所有任務都能在預定截稿時間內(nèi)完成，而且當你完成所有列表上的任務的時候也可以通過它來檢驗這一周的工作效率如何。

你有多久沒有跟客戶進行面對面的溝通了，很長時間了，對嗎？

像很多自由工作者一樣，網(wǎng)頁設(shè)計師的大多數(shù)工作都在網(wǎng)上完成?，F(xiàn)在是互聯(lián)網(wǎng)時代，我們在網(wǎng)上就可以勝任大部分工作，與客戶溝通交流也可以直接通過打字完成，而且更快捷，更方便。但有時候，這并不是最好的選擇。

現(xiàn)在社交網(wǎng)絡(luò)遍地都是，很多優(yōu)秀的網(wǎng)頁界面設(shè)計師通過它們與外界交流，但在這些急于加入社交網(wǎng)絡(luò)的人群中，我們似乎忽略了一個談不上創(chuàng)新的技術(shù)——網(wǎng)絡(luò)視頻。

綠色是自然的顏色，代表著生長、向上、協(xié)調(diào)與自由。綠色具有很強的感染力，能給人安全感。藍色是天空與海洋的顏色，被形容為穩(wěn)定與深邃。它代表了信任、忠實、自信、智慧、公平等。

每一種顏色都有它的意義在里面，如果你對這些不熟悉，推薦你來《色彩基礎(chǔ)知識》惡補一下。進階版的可以到《色彩理論大集結(jié)》里學習。

現(xiàn)在和藍藍設(shè)計一起來看看，這群優(yōu)秀的UI設(shè)計師是如何將這兩種色彩運用得出神入化的網(wǎng)頁界面設(shè)計吧。

UIkit