首頁(yè)

用大屏帶你看不一樣的互聯(lián)網(wǎng)保險(xiǎn)

用心設(shè)計(jì)

從早幾年前移動(dòng)互聯(lián)網(wǎng)大行其道，到如今VR/AR逐漸進(jìn)入大家的視野，回過(guò)頭看，PC端的網(wǎng)頁(yè)設(shè)計(jì)和體驗(yàn)作為一個(gè)“舊課題”似乎不再是企業(yè)和設(shè)計(jì)的核心問(wèn)題。但是，我們真如想象中那樣遠(yuǎn)離電腦了么？

用大屏帶你看不一樣的互聯(lián)網(wǎng)保險(xiǎn) ——眾安保險(xiǎn)PC官網(wǎng)改版總結(jié)

評(píng)論(0) 瀏覽(4223)

前端Boostrap系列之一：稀世珍寶：270款圓滑的 Twitter Boostrap 矢量圖標(biāo)

藍(lán)藍(lán)設(shè)計(jì)的小編



如果你不那么在意許可證，那么還有很多類似的字體圖標(biāo)庫(kù)可以使用，最引人注目的是 Font Awesome。下載此字體時(shí)，你還會(huì)收到所有 SVG 格式的矢量圖標(biāo)，這樣你就可以修改這些字體，使其更加完善，并貢獻(xiàn)到 Github 上面。

 



評(píng)論(0) 瀏覽(2953)

新商業(yè)環(huán)境下設(shè)計(jì)師的轉(zhuǎn)型三部曲

用心設(shè)計(jì)

首先讓我們看看設(shè)計(jì)師面對(duì)的商業(yè)變化有哪些？ 縱觀中國(guó)互聯(lián)網(wǎng)飛速發(fā)展二十年來(lái)看，我們大致經(jīng)歷過(guò)三個(gè)時(shí)期，從PC時(shí)代到移動(dòng)互聯(lián)網(wǎng)時(shí)代，到我們正在降臨的物聯(lián)網(wǎng)時(shí)代。 在三個(gè)典型的不同時(shí)期，都有不同互聯(lián)網(wǎng)商業(yè)產(chǎn)品，構(gòu)建了相應(yīng)的用戶體驗(yàn)。

阿里巴巴UED總監(jiān)：新商業(yè)環(huán)境下設(shè)計(jì)師的轉(zhuǎn)型三部曲

評(píng)論(0) 瀏覽(3161)

IxDC全球設(shè)計(jì)體驗(yàn)大會(huì)那些事兒——ARK創(chuàng)新咨詢工作坊

資深UI設(shè)計(jì)者

服務(wù)設(shè)計(jì)


服務(wù)設(shè)計(jì)這個(gè)話題，這兩年非常熱門。原本大家所說(shuō)的體驗(yàn)設(shè)計(jì)，往往針對(duì)的是產(chǎn)品本身。其實(shí)，我們?cè)诎袮pp做出來(lái)之前，也要做很多功課，需要完成很多梳理挖掘的工作，并且需要建立全新的定位和思路等等。


所以，交互界面其實(shí)只是一種媒介，你透過(guò)數(shù)字產(chǎn)品界面享受到的實(shí)際上是一種服務(wù)。比如十年前，支付寶只是淘寶購(gòu)物時(shí)的支付功能，而現(xiàn)在，你可以直接在門店用手機(jī)付款，如此自然的轉(zhuǎn)變，其實(shí)是支付寶在戰(zhàn)略上首先考慮到的。比如在星巴克點(diǎn)單，服務(wù)生會(huì)通過(guò)屏幕上星享卡顯示出的信息跟客人對(duì)話。


大家可以把媒介的事情眼光放的更寬一點(diǎn)，它可能是人、也可能是屏幕、也可能是其它的任何東西，只要能進(jìn)行信息的交流和互動(dòng)，它就是一個(gè)媒介。所以，媒介都是一個(gè)大的服務(wù)系統(tǒng)和鏈條里去跟你接觸的一個(gè)窗口，也就是各個(gè)觸點(diǎn)的一個(gè)體現(xiàn)。

評(píng)論(0) 瀏覽(3463)

設(shè)計(jì)好看又好賣的企業(yè)產(chǎn)品官網(wǎng)

用心設(shè)計(jì)

在談到企業(yè)產(chǎn)品的營(yíng)銷時(shí)（本文中提到的“企業(yè)產(chǎn)品”是指“給企業(yè)客戶使用的軟件/應(yīng)用”），一種觀點(diǎn)認(rèn)為客戶肯定是靠線下推廣來(lái)獲取的，另一種觀點(diǎn)認(rèn)為應(yīng)該讓用戶主動(dòng)購(gòu)買而不是被動(dòng)推銷，持這種觀點(diǎn)的公司尤其重視通過(guò)產(chǎn)品官網(wǎng)來(lái)獲客。無(wú)論持哪種觀點(diǎn)，不可否認(rèn)的是官網(wǎng)是客戶對(duì)你產(chǎn)品的第一印象，很多潛在客戶在購(gòu)買之前都是先通過(guò)官網(wǎng)來(lái)了解產(chǎn)品的。然而很多公司在產(chǎn)品官網(wǎng)設(shè)計(jì)這件事上投入的精力還不及線下推廣的萬(wàn)分之一，有的只把官網(wǎng)當(dāng)作擺設(shè)，粗制濫造套個(gè)模板結(jié)束，甚至還忽略了移動(dòng)端適配。

如何設(shè)計(jì)好看又好賣的企業(yè)產(chǎn)品官網(wǎng)

評(píng)論(0) 瀏覽(3849)

騰訊內(nèi)部分享！一個(gè)工作坊的完整設(shè)計(jì)流程劇透

資深UI設(shè)計(jì)者

我上周參加了一個(gè)工作坊，也算是ThoughtWorks與我所在團(tuán)隊(duì)的交流活動(dòng)。如果你有了解過(guò)IXDC，你能夠在15年的活動(dòng)中找到四個(gè)由他們團(tuán)隊(duì)組織的工作坊，其在一個(gè)就與我上周參加的那個(gè)相同——《從1到100》。如果我今天把這篇文章發(fā)出去，就算是這個(gè)工作坊的劇透了吧（也是經(jīng)過(guò)他們?cè)试S了的）。

這個(gè)工作坊講的是一個(gè)完整的設(shè)計(jì)方法，即拿到一個(gè)項(xiàng)目需求，如何從設(shè)計(jì)思考（DesignThinking）開(kāi)始，確定用戶畫(huà)像，構(gòu)建場(chǎng)景地圖，頭腦風(fēng)暴，繪制故事版，設(shè)計(jì)產(chǎn)品，直至用戶測(cè)試。他們把整個(gè)流程分為四個(gè)階段：

  • 探索：用戶、需求
  • 定義：目標(biāo)、資源
  • 設(shè)計(jì)：產(chǎn)品形態(tài)
  • 驗(yàn)證：測(cè)試反饋
評(píng)論(0) 瀏覽(3714)

為了用戶！讓你的UI更加安全穩(wěn)妥的5種設(shè)計(jì)策略

資深UI設(shè)計(jì)者

我們現(xiàn)在所面臨的網(wǎng)絡(luò)安全問(wèn)題一直都很嚴(yán)峻。無(wú)論是更改社交媒體帳號(hào)，注冊(cè)新論壇，還是下載新的APP，我們都的數(shù)字身份一直都存在各種各樣的潛在安全風(fēng)險(xiǎn)。開(kāi)發(fā)團(tuán)隊(duì)花費(fèi)了大量的時(shí)間精力投入到開(kāi)發(fā)和設(shè)計(jì)當(dāng)中，改進(jìn)流程，優(yōu)化加密方案，來(lái)規(guī)避這些問(wèn)題。

黑客攻擊有網(wǎng)絡(luò)安全專家和開(kāi)發(fā)者來(lái)應(yīng)對(duì)，而用戶所面對(duì)的多數(shù)問(wèn)題，則更多的需要設(shè)計(jì)師來(lái)動(dòng)腦筋解決。通過(guò)流程和UI優(yōu)化，設(shè)計(jì)師能夠讓用戶盡可能地規(guī)避一些潛在的安全問(wèn)題，即使這個(gè)過(guò)程中可能會(huì)產(chǎn)生體驗(yàn)上的障礙和不適。

1、不同內(nèi)容的交互界面應(yīng)該看起來(lái)不同

每當(dāng)用戶要執(zhí)行關(guān)鍵性的任務(wù)或者操作的時(shí)候，比如更改賬戶設(shè)置與密碼，這個(gè)時(shí)候用戶應(yīng)該保持緊張和專注，那么設(shè)計(jì)上就應(yīng)該幫助他們進(jìn)入這樣的狀態(tài)。因此，UI 應(yīng)該讓用戶清楚他們應(yīng)該做什么。

評(píng)論(0) 瀏覽(3446)

設(shè)計(jì)的溝通：每一步都算數(shù)

用心設(shè)計(jì)

寫(xiě)在前面：

設(shè)計(jì)是一門溝通的藝術(shù)，跟信息的溝通，跟設(shè)計(jì)的溝通，跟人的溝通，都是在溝通中獲取信息，達(dá)到目的。

下面我分享幾個(gè)自身工作的經(jīng)驗(yàn)，希望對(duì)大家有所幫助。


設(shè)計(jì)的溝通：每一步都算數(shù)

評(píng)論(0) 瀏覽(3510)

來(lái)做一個(gè)數(shù)據(jù)可視化報(bào)表 遇見(jiàn)大數(shù)據(jù)可視化系列文章之三

資深UI設(shè)計(jì)者

上篇文章簡(jiǎn)單的介紹了數(shù)據(jù)可視化的基礎(chǔ)，將數(shù)據(jù)進(jìn)行設(shè)計(jì)可視化后，可以讓我們有一種全新的方式去認(rèn)識(shí)數(shù)據(jù)，改變對(duì)數(shù)據(jù)的呈現(xiàn)和思考方式。那現(xiàn)在就讓開(kāi)始做一份數(shù)據(jù)的可視化表，一步步的來(lái)看下我們?nèi)绾潍@取數(shù)據(jù)，以及如何進(jìn)行可視化的展示。

在上章內(nèi)容中，提到了關(guān)于【數(shù)據(jù)可視化迭代過(guò)程】的步驟，這也能看出整個(gè)過(guò)程包含的步驟，大致有：

  1. 確定主題 - 2．?dāng)?shù)據(jù)獲得 - 3.圖表選擇（表達(dá)）- 4圖表繪制

當(dāng)然了我們也可以看到可視化是要一個(gè)不斷迭代的過(guò)程，步驟之間都需要多次的迭代修改的。

確定主題

這肯定是第一步了，在做數(shù)據(jù)可視化的時(shí)候，首先你要明了你要做什么，想要從數(shù)據(jù)獲中取什么信息，有了目標(biāo)才能明確的往下做。

那我們這次還是來(lái)做關(guān)于空氣質(zhì)量PM2.5的數(shù)據(jù)展示，了解歷年來(lái)PM2.5的實(shí)際情況和發(fā)展趨勢(shì)。

評(píng)論(0) 瀏覽(2990)

從四大維度，全方位剖析APP應(yīng)該如何設(shè)計(jì)好「分享功能」

資深UI設(shè)計(jì)者

為了借助社交產(chǎn)品的流量，讓用戶主動(dòng)分享APP中的內(nèi)容到社交平臺(tái)來(lái)達(dá)到拉新和促活的目的，市場(chǎng)上絕大多數(shù)APP都有第三方分享的功能，它是內(nèi)容分發(fā)的最有效途徑，并且大大降低了企業(yè)的營(yíng)銷成本。

作為用戶和產(chǎn)品之間的橋梁，社交分享在產(chǎn)品的發(fā)展過(guò)程中扮演了重要的角色。尤其是剛上線的產(chǎn)品，很難通過(guò)產(chǎn)品的內(nèi)部體系來(lái)實(shí)現(xiàn)快速的用戶增長(zhǎng)，所以會(huì)更加依賴于分享來(lái)達(dá)到廣泛的傳播，獲取目標(biāo)用戶。

在常用的社交分享組件中，微信（微信好友和朋友圈）、微博、QQ（QQ好友和QQ空間）是三大主要平臺(tái)，而其中微信憑借高達(dá)9.38億的月活躍用戶以及高達(dá)29%的日均手機(jī)應(yīng)用使用率，成為各款A(yù)PP選擇最多、排位最靠前的分享途徑。即便同樣是騰訊系下的QQ，也在QQ空間中加入了分享到微信好友和朋友圈的功能。

用戶分享內(nèi)容到社交媒體或好友，不應(yīng)該是一種粗暴的強(qiáng)制行為。我們應(yīng)該在保證產(chǎn)品本身內(nèi)容有吸引力的核心前提下，仔細(xì)揣摩用戶心理，結(jié)合產(chǎn)品本身的特色，在不同情境下提供給用戶最合適的分享平臺(tái)及方式，讓用戶分享成為一種水到渠成的自然行為，甚至在某些時(shí)候還能給用戶帶來(lái)一些小的驚喜就更棒了。

下面我們會(huì)從不同維度來(lái)分析一下APP的社交分享功能設(shè)計(jì)，看看這里面有哪些值得探討之處。

評(píng)論(0) 瀏覽(3104)

日歷

鏈接

個(gè)人資料

存檔