用戶體驗(yàn)設(shè)計(jì)的精髓，在于恰到好處的設(shè)計(jì)出最合適的用戶場(chǎng)景體驗(yàn)，而這種體驗(yàn)是不知不覺(jué)給予用戶同時(shí)能讓用戶在觸點(diǎn)的那個(gè)瞬間怦然心動(dòng)，那如何讓用戶心動(dòng)呢？阿里同學(xué)專門(mén)組建了一個(gè)團(tuán)隊(duì)來(lái)研究這方面，現(xiàn)在初步方法有了，來(lái)學(xué) >>>

古人云：“動(dòng)人心者，莫先乎情?！?，同樣的我們從約翰.奈斯比特的語(yǔ)言中窺見(jiàn)：”無(wú)論何處都需要高補(bǔ)償?shù)那楦校鐣?huì)中高技術(shù)的越多，我們就越渴望高情感的環(huán)境，用設(shè)計(jì)軟性的一面來(lái)平衡技術(shù)硬的一面。設(shè)計(jì)作為人的創(chuàng)造性活動(dòng)，不是摒除激情或者情感，而是要?jiǎng)?chuàng)造一種中性的、能容納和激起使用者情感的東西，這種東西是一種境界。”

今天我們來(lái)聊聊如何理性的進(jìn)行設(shè)計(jì)，談?wù)?/span>產(chǎn)品經(jīng)理和設(shè)計(jì)師在工作的過(guò)程中怎么樣把幾何學(xué)融入到作品中。幾何設(shè)計(jì)學(xué)的由來(lái)設(shè)計(jì)本來(lái)就是一種理性的科學(xué)門(mén)類，審美因人而異，只有言之有理的設(shè)計(jì)才能說(shuō)服別人，運(yùn)用幾何學(xué)的手法就是設(shè)計(jì)師的利器之一，科學(xué)的設(shè)計(jì)并不會(huì)限制你的創(chuàng)意，它只會(huì)幫助你的作品成為精品的必要手段之一。

從古至今，人類從自然界中得到過(guò)無(wú)數(shù)的啟示，其中就包含黃金分割。這個(gè)從貝類完美的生長(zhǎng)方式中提煉出的曲線，改變了所有人的審美。

在我的小心臟都快停跳了的時(shí)候，我的電影突然出現(xiàn)了。

這一點(diǎn)都不人性化好嗎？

在一天的使用過(guò)程中，我很可能存在多次記賬的需求，這也意味著我會(huì)頻繁打開(kāi)這個(gè)產(chǎn)品，簡(jiǎn)單和可以讓我更快的完成任務(wù)。記賬因?yàn)樯婕暗劫Y金這個(gè)問(wèn) 題，所以它同樣需要一定的安全性。如果要給這個(gè) App 一個(gè)定位的話，我認(rèn)為它是一款 “能滿足大眾基本記賬需求的輕便的移動(dòng)記賬 App ” 。

基于以上的思考，很快就產(chǎn)出了以下稿子：

編者按：今天這篇干貨聊的是人們最討厭的兩個(gè)狀態(tài) —— 軟件報(bào)錯(cuò)和加載緩慢。如何提高這兩個(gè)糟心狀態(tài)的用戶體驗(yàn)呢？作者從不少交互上的細(xì)節(jié)做了考量推敲，附上大神的意見(jiàn)和實(shí)戰(zhàn)案例，特別有現(xiàn)實(shí)參考價(jià)值。

從0開(kāi)始設(shè)計(jì)一款A(yù)PP產(chǎn)品架構(gòu)時(shí)，我們?cè)谙胧裁矗?

不妨來(lái)看看微信產(chǎn)品架構(gòu)的背后，或許你會(huì)有自己的答案。

對(duì)于第1個(gè)問(wèn)題我是這樣考慮的。首先確定產(chǎn)品的用戶群和使用場(chǎng)景，這里的用戶群是產(chǎn)品中實(shí)際存在的、互斥的幾個(gè)群體，分類方法很多，以產(chǎn)品自身特征來(lái)確定，也可以在前期用研的基礎(chǔ)上來(lái)確定。基于此思路就產(chǎn)生下面的一個(gè)思維圖:

在這篇教程中，我們將看看如何使用一個(gè)免費(fèi)的Web應(yīng)用程序IcoMoon將矢量圖轉(zhuǎn)換成Web字體。然后在看看如何使用生成的字體通過(guò)css應(yīng)用到Web頁(yè)面中。

使用字體圖標(biāo)的優(yōu)勢(shì)

字體圖標(biāo)除了圖像清晰度之外，比位圖還有哪些優(yōu)勢(shì)呢。

適用性：一個(gè)圖標(biāo)字體比一系列的圖像（特別是在Retina屏中使用雙倍大小的圖像）要小。一旦圖標(biāo)字體加載了，你的圖標(biāo)就會(huì)馬上渲染出來(lái)，不需要下載一個(gè)圖像。

可擴(kuò)展性：圖標(biāo)字體可以用過(guò)font-size屬性設(shè)置其任何大小。這使您能夠隨時(shí)輸出不同大小的圖標(biāo)，然而，使用位圖，你必須得為每個(gè)不同大小的圖像輸出一個(gè)不同文件。

對(duì)于網(wǎng)頁(yè)瀏覽者來(lái)說(shuō)，按鈕控件的幾種變化可以說(shuō)是再熟悉不過(guò)的一種機(jī)制了：一般使用鼠標(biāo)瀏覽時(shí)最容易感受到的有 Normal、Hover 以及 Archive 這三種效果，分別為按鈕平時(shí)的狀態(tài)、鼠標(biāo)游標(biāo)移到上方的效果、以及點(diǎn)擊按鈕時(shí)的效果。

多數(shù)時(shí)候，我們?cè)?a href="http://yvirxh.cn/web.html" target="_blank">網(wǎng)頁(yè)中看到的地圖，都是用百度/谷歌地圖來(lái)顯示公司、機(jī)構(gòu)或者店鋪的地理位置。然而，地圖在網(wǎng)頁(yè)中的使用真的就只能這么單調(diào)么？

加入一點(diǎn)想象力，添加一些技術(shù)支持，你會(huì)發(fā)現(xiàn)地圖可以讓整個(gè)網(wǎng)頁(yè)的逼格拔高不止一個(gè)層次！

將原始的、額外加入的地圖元素轉(zhuǎn)化成極具吸引力和視覺(jué)沖擊力的組成部分，需要進(jìn)行相當(dāng)程度的調(diào)整，加入和互動(dòng)元素：微妙的動(dòng)效、基于多媒體的工具、動(dòng)態(tài)指針、扁平化的風(fēng)格、Lowpoly風(fēng)的插畫(huà)、現(xiàn)代風(fēng)的線條圖標(biāo)，甚至是略顯古怪的草圖也能讓地圖煥發(fā)出生命力。