首頁

推薦!網頁首屏設計之圖文混排的10大技巧

博博

 首先網頁首屏中的文字必須具備可讀性才行,所以你需要確認文字與背景之間的色彩搭配能讓用戶看得清楚。當你選擇一個暗色調的背景,那么你需要使用白色或者淺色的的文字,而當背景比較素雅的時候,文字可以使用深色,這就是我所說的強化對比。

當然,對比不僅限于色彩,文字同樣存在對比。文字與圖像相互配合,才能達到出人意表的效果。例如第一個案例,Packdog網站的設計,大圖作為背景,用色濃郁,文字則正好相反,輕薄而大小錯落。這些對比強烈的元素組合在一起令人印象深刻。

我們?yōu)槭裁葱枰獎有гO計

用心設計

表現層級關系

為了展現層與層的關系,是抽屜,是打開,還是平級切換等等,讓用戶知道這個界面和上一個、下一個的關系。這已經是非常最常見的運用了。

讓用戶輸密碼的正確姿勢!簡化密碼設計的三個小秘籍

周周

simplify-password-design-method-1

用戶體驗,細節(jié)為王,今天推薦一篇看似簡單卻道理十足的文章,值得大家一起閱讀并且深思,我們是否在一些地方因為慣性思維錯過了提升產品體驗的點 >>>

感謝Ping++的@俞越 同學傾情相助,提供了譯文的初版,雖然還是要逐句理解進行錯譯修正和校對,和以前相比,也大大縮短了翻譯的時間。

譯者微信公眾號“開卷有譯”,歡迎關注唷。

交互設計中的功能動效

藍藍設計的小編

譯者紀:本片文中包含大量的動態(tài)頁面(原網站是視頻鏈接,本網站上傳視頻不能排序,故人工轉為動圖),加載較緩慢,請各位多點耐心,么么噠

---

一個好的交互設計師可以很容易的解釋設計里面的決定背后的邏輯。這包含著信息架構,頁面內容的層次結構,流程和所做的解釋。

遲早,動效將會應用到線框圖原型中,這個時候,再去對設計做決定或者是解釋,將會變的難一些。例如一些這樣的理由:太狂拽酷炫了……太潮了……太雞凍了……這將是設計失去其力度的領域(Reasons such as “It will be cool!” or “It’s trendy” or ”exciting” are exactly the areas where a design starts to lose its strength.)在我們的設計中,動效理應占到更多的比重。我們應該去定義動效,并且闡述他們的目的——像我們闡述一個設計中其他的元素一樣。

什么是功能動效?

交互設計技巧:創(chuàng)造好的用戶體驗(2)(翻譯)

藍藍設計的小編

一個好的用戶界面具有較高的轉化率和易用性。換句話說,它既能滿足商業(yè)用途也便于使用。以下是我們發(fā)現的一些想法清單。

上一篇:交互設計技巧:創(chuàng)造好的用戶體驗(1)(翻譯)

21. 嘗試平滑過渡而不是突兀呈現

當用戶進行操作的時候,界面元素經常會有出現、隱藏、移動、轉換以及大小調整的動作。作為對操作的回應,為元素變化適當添加時間延遲有時候讓用戶更容易理解剛剛發(fā)生了什么。以動畫或者過渡的形式刻意制造的延時,給了用戶理解元素大小或者位置變化的必要的反應時間。當然了,你也要記住,我們應該將過渡的時間控制在0.5s之內,時間太久的話,用戶可能就會感到不適。對于那些只想快點完成任務的用戶,太長時間的延時當然會成為一種負擔。

 22. 嘗試循序漸進的引導而不是草率地讓用戶注冊

與其要求用戶立馬注冊,何不讓用戶先體驗一些已示范的有價值的操作呢?在最初的交互過程中,不僅能展現產品的價值,也能顯示出產品的個性。一旦用戶開始看到你的產品的價值,了解產品對自己的用處,他們將更樂于與你分享更多的信息。這種循序漸進的引導是一種盡可能推遲注冊過程的方法,同時還可以讓用戶使用和自定義你的應用或產品。

交互設計技巧:創(chuàng)造好的用戶體驗(1)(翻譯)

藍藍設計的小編

一個好的用戶界面具有較高的轉化率和易用性。換句話說,它既能滿足商業(yè)用途也便于使用。以下是我們發(fā)現的一些想法清單。

  1. 嘗試使用一列布局代替多列

一列布局會讓你對全局有更好的掌控。它也能讓你的用戶預先對整體的內容從上到下有一個大致的了解。然而多列布局則會讓用戶從頁面的核心內容上分散注意力從而增加額外的風險。最好的方法是用一個有邏輯的敘述然后在文末加上一個行動的口號來引導用戶。 

  2. 嘗試用禮物代替直接銷售

信息可視化圖表設計

用心設計

信息可視化包括了信息圖形、知識、科學、數據等的可視化表現形式,以及視覺可視化設計方面的進步與發(fā)展。地圖、表格、圖形,甚至包括文本在內,都是
信息的表現形式,無論它是動態(tài)的或是靜態(tài)的,都可以讓我們從中了解到我們想知道的內容,發(fā)現各式各樣的關系,達到最終解決問題的目的。信息可視化的意義就是在于運用形象化方式把不易被理解的抽象信息直觀地表現和傳達出來。

26副本

如何通過設計讓用戶更準確地做出選擇?

用心設計

前方高能,鑒于譯者是處女座,所以感覺本文的原作者也是處女座,文章沒有高深的策劃理論,但是把平常我們覺得很簡單的表單
設計思路挖得很深很透徹,將小小的最平常的一個選項設計應該采用哪種方案一一列出,在理之余,也把用戶的一些思維模式放出來。很多時候感覺我們經常在思考
一些大的華麗的東西,卻不知道其實每一個小的設計其實都可以鉆研、都可以有不同的設計方案。與喜歡鉆研交互設計的朋友們共勉~~英語能力有限,歡迎吐槽指

shejixuanze

交互設計系列之八:交互設計用戶體驗如何做調研和迭代

用心設計

真正的用戶體驗設計師并不是由畫線框圖的能力所造就的,更重要的是,他們懂得怎樣處理回饋信息,怎樣驗證想法,他們懂得做調研和迭代。他們知道草圖和線框原型只是整個設計流程當中的一小部分,它們是調研工作的結論產出,是用來做溝通的信息載體;它們有可能被放到演示文檔當中供產品、設計、技術開發(fā)等相關人員進行交流溝通,也有可能以高保真或紙面原型的形式被用作可用性測試。



日歷

鏈接

個人資料

藍藍設計的小編 http://sillybuy.com

存檔