亚洲另类97色波,四季久久免费一区二区三区四区,丰满蜜桃精品视频网,国产在线观看无码九色8X视频亚洲中文字幕久久精品无码喷水_国产精品无码一区二区

首頁

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

藍藍設計的小編

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

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

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

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

互聯(lián)網時代,軟件如何做市場調研?

藍藍設計的小編

在互聯(lián)網時代,誰有互聯(lián)網思維?馬化騰,雷軍,周鴻祎他們有。他們?yōu)槭裁从谢ヂ?lián)網思維?因為他們都是產品經理!所謂的“互聯(lián)網思維”其實就是產品經理的日常工作方法。這篇文章是一位資深產品經理寫的故事,看過后,就算不是IT人,你也一定會有所收獲。

一家軟件公司接到了一個項目:開發(fā)某報業(yè)集團的圖片管理系統(tǒng),老板決定成立一個跨部門的項目組來負責這個圖片系統(tǒng)。任務由產品經理張曉龍負責,韓冰配合張曉龍的工作。

他們商量了一下,決定盡快開一個項目啟動會。會議的目的有兩個,一個是大家互相認識一下,另外一個就是一起討論一下對于這個項目的看法,以及下一步的工作安排。

挖掘產品痛點的神器:用戶角色模型

藍藍設計的小編

各位已經工作了的小伙伴們,你們在跟公司領導或是開發(fā)、銷售等其他人討論產品的設計問題是不是經常聽到這么兩個問題:“我也是用戶啊,我就覺得xxx功能提好的啊”,“如果用戶需要xxx功能怎么辦”?

通常這個時候你是怎么回答的呢?是不是覺的他們好不講道理但又卻無法反駁?那今天老D給你講一個案例,一個故事講什么為什么需要用戶角色模型。

一家汽車公司準備設計一款新車,他們的產品種類廣泛,一直以來的主要銷售對象是如下幾類人:

 A是個富二代,喜歡跑車,因為馬力足、外形酷、好玩;

B是個家庭主婦,希望自己的車能安全、舒適、空間大;

C是個零售店主,經常拉貨,所以希望自己的車解釋耐用;

D是個上班族,希望停車方便、省油;

E是個農民,希望能夠結實耐用動力強勁;

F..;

G...;

還有很多小眾的用戶需求


交互設計分享(一)

藍藍設計的小編

如果你看了很多優(yōu)秀的設計,但是自己卻仍然還覺得有所欠缺。來看看作者梳理的掌握交互設計的方法吧。

最近兩個月給公司的伙伴們做交互設計的分享,這是第一期分享的內容。在這次分享中,我認真梳理了交互設計師掌握和精通這門技藝的方法。我認為,如果想成為拔尖的設計師,只有這條路可走。

什么是交互設計

用戶界面有兩部分的設計:交互設計和視覺設計。在下圖中,左邊和右邊分別是微信的交互設計和視覺設計。

jiaohu1

交互設計 vs. 視覺設計

交互設計師的核心能力

藍藍設計的小編

1.png


交互設計師的核心能力其實是三者的交集,這個也很容易看到,為什么交互其實是易學難精的,也就是你每放大一點點,你需要在每個維度上都放大很多,產品維度而言,如果你知道商業(yè)目標,產品功能,運營策略是如何制定出來,那你從源頭上就找到了和產品經理對話的能力,開發(fā)維度而言,核心來講,是你得知道技術的約束邊界,知道可行性把握有多大,如果你還知道實現(xiàn)機制,,那你也能就找到了和開發(fā)工程師愉快合作的基石,設計維度,不多講,具備足夠的設計美感和設計品味是應該的,對設計規(guī)范、用戶習慣了解越多,越能知道設計不應該做什么,不干舍本逐末的事,從這個模型上,這也很容易解釋,為什么一個好的交互設計師要涉獵產品,開發(fā),UI知識,做到最好比較全面的知識結構,我們經常講用戶體驗,講體驗設計,其實有句話我一直很認同,誰講的不記得了“體驗是個人的,體檢設計不是”。

順便講講我覺得重要的交互設計師好習慣。

html5動效系列二十六:分享幾款HTML5 動畫圖表

藍藍設計的小編

一款基于HTML5 Canvas的折線圖表,這款HTML5折線圖表的特點有兩個,一個是圖表是有動畫效果的,即在圖表初始化的時候帶有動畫;第二個是這個HTML5折線圖表可以讓你動態(tài)添加數(shù)據節(jié)點,并且用折線平滑地連接,Canvas是這款折線圖的一個畫板。

html5-canvas-animated-line

html5動效系列二十五:純CSS3響應式分頁插件

藍藍設計的小編

這次我們要來看一款純CSS3實現(xiàn)的響應式分頁插件,對于分頁插件,之前我們也分享過一些,都是基于jQuery分頁插件。這款CSS3分頁插件可以完全自定義分頁條的樣式,包括鼠標滑過時的背景顏色、頁碼的數(shù)量以及前后翻頁的按鈕。

css3-responsive-paging

html5動效系列二十四:分享幾款CSS3菜單導航

藍藍設計的小編

這是一款基于純CSS3的菜單導航,這款菜單非常有個性,菜單背景是一頁古老的筆記本紙張,菜單項像是浮動的文字一樣嵌入在紙張上。鼠標滑過菜單項時會出現(xiàn)不同的背景線條,顯得相當可愛。這款CSS3菜單導航非常適合在個人博客中使用。

css3-menu-personal

html5動效系列二十三:基于HTML5 Canvas的圖表插件Chart.js

藍藍設計的小編

chart.js是一款基于HTML5 Canvas的圖表插件,chart.js的功能非常強大,它不僅提供了常見的柱形圖、折線圖、餅狀圖,而且還提供了環(huán)形圖、雷達圖,樣式外觀多樣,圖表的色彩搭配也比較清新。chart.js還有一個特點就是圖表在初始化的時候有彈性動畫,這也是HTML5 Canvas的一大功勞。

chartjs-html5-canvas

html5動效系列二十二:HTML5 Canvas折線圖表和柱形圖表

藍藍設計的小編

今天要分享的一款HTML5 Canvas圖表應用提供了折線圖和柱形圖兩種,這款HTML5圖表在初始化數(shù)據的時候有一種漸現(xiàn)的動畫,我們可以將這款圖表應用在統(tǒng)計頁面上。

html5-line-and-column-chart

日歷

鏈接

個人資料

藍藍設計的小編 http://www.teruid.com

存檔