首頁(yè)

數(shù)據(jù)驅(qū)動(dòng)的界面設(shè)計(jì)-20150706早讀課

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

1. 用戶(hù)不同，數(shù)據(jù)不同

任何時(shí)候設(shè)計(jì)一套復(fù)雜的系統(tǒng)，都不可避免要為很多用戶(hù)和角色進(jìn)行設(shè)計(jì)。總裁、經(jīng)理和分析師是幾個(gè)常見(jiàn)角色，每個(gè)都有自己的工作流程和對(duì)數(shù)據(jù)的需求。

定義好角色，產(chǎn)生不同視角，這本身就是一種藝術(shù)。我就不在此詳細(xì)解釋了。如果你對(duì)此有興趣，請(qǐng)看Cooper的這篇有用的文章。

關(guān)于角色，重要的一點(diǎn)是預(yù)先確定好，圍繞它們來(lái)組織信息結(jié)構(gòu)與線框圖。

下面是我們?nèi)ツ曜龅囊豢罱】祱?bào)告應(yīng)用的最終成品。這套系統(tǒng)有著不同的用戶(hù)群，他們各自都需要不同的數(shù)據(jù)管理。創(chuàng)建了關(guān)鍵角色后，我們每次評(píng)審會(huì)將它們放在旁邊。

2

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

簡(jiǎn)約之道 – 最小化界面設(shè)計(jì)的起源

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

設(shè)計(jì)師Brian Danaher的個(gè)人網(wǎng)站，在15寸MacBook Pro上瀏覽時(shí)，留白占據(jù)了絕大部分空間；不同灰度的文字搭配一種關(guān)鍵色 – 屬于很多設(shè)計(jì)師所公認(rèn)的那種比較典型的極簡(jiǎn)風(fēng)格。

02-minimalist-ui-ux-design.png

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

只有設(shè)計(jì)師看得懂！菜鳥(niǎo)跟老鳥(niǎo)使用PHOTOSHOP的差別

博博

photoshop-user-habit-difference-1

以為計(jì)算機(jī)里有Photoshop，你就是設(shè)計(jì)師？使用Photoshop的方式百百種，你是設(shè)計(jì)了一年還是設(shè)計(jì)了十年，從細(xì)節(jié)就可以看得出來(lái)（附上老鳥(niǎo)設(shè)計(jì)師常用的幾個(gè)快捷技巧） >>>

除了大量使用快捷鍵是基本以外，老鳥(niǎo)設(shè)計(jì)師跟菜鳥(niǎo)設(shè)計(jì)師在使用Photoshop時(shí)有著各種不同。McCann Prague在他們的征人啟事上加入可愛(ài)的idea，讓你看見(jiàn)他們想征的老鳥(niǎo)跟菜鳥(niǎo)設(shè)計(jì)師之間的差別。

第一次碰Photoshop時(shí)的版本

ps20150403 (1)

老鳥(niǎo)：Photoshop 6.0

新手：Photoshop CS 5

圖層的整理

ps20150403 (2)

老鳥(niǎo)：群組、上色分類(lèi)。

新手：無(wú)。

引導(dǎo)線的使用

ps20150403 (3)

老鳥(niǎo)：簡(jiǎn)單明了、了解響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)。

新手：過(guò)度使用。

是說(shuō)從Photoshop版本來(lái)看，他們想征的老鳥(niǎo)應(yīng)該是創(chuàng)意總監(jiān)等級(jí)了吧！

附網(wǎng)易同學(xué)分享的Photoshop技巧秘籍：

psjq201504031

技巧1：快速標(biāo)注尺寸

你是否曾在制作規(guī)范中，讓標(biāo)注尺寸搞的頭暈眼花！你是否曾在視覺(jué)走查中，讓標(biāo)注尺寸弄的怒氣報(bào)表！此時(shí)已經(jīng)陷入了無(wú)限的腦補(bǔ)中，不能自拔……..

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

數(shù)據(jù)驅(qū)動(dòng)的界面設(shè)計(jì)

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

“儀表板”、“大數(shù)據(jù)”、“數(shù)據(jù)可視化”、“數(shù)據(jù)分析”——越來(lái)越多人和企業(yè)，開(kāi)始運(yùn)用他們的數(shù)據(jù)來(lái)做一些有趣的事情。在我的職業(yè)生涯中，有幸參與一大批數(shù)據(jù)為重的界面設(shè)計(jì)，我要在此分享一些觀點(diǎn)，講講如何造就這種特殊且有意義的產(chǎn)品。

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

Apple Watch用戶(hù)體驗(yàn)測(cè)評(píng)界與面-關(guān)于工作的那點(diǎn)事兒

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

微小的目標(biāo)觸點(diǎn)

人類(lèi)的指觸輸入比鼠標(biāo)輸入需要更大的觸及區(qū)域已經(jīng)不是什么新鮮的話(huà)題了。無(wú)論個(gè)人喜好，人們的手指比鼠標(biāo)的屏幕光標(biāo)要寬大很多。一般成功穩(wěn)妥的指觸輸入需要的區(qū)域大小是：1cmx1cm（1平方厘米，大約一個(gè)指甲蓋的面積），從蘋(píng)果腕 表來(lái)看，似乎蘋(píng)果已經(jīng)接受這種微小的指觸輸入的方式。當(dāng)你在解鎖腕表屏幕的時(shí)候，你需要在一個(gè)很迷你的數(shù)字屏上輸入你的密碼。并且，蘋(píng)果通過(guò)若干個(gè)中心聚 集向外擴(kuò)散的小圓來(lái)表示應(yīng)用程序，這就使得啟動(dòng)應(yīng)用程序其實(shí)是一次冒險(xiǎn)和挑戰(zhàn)，因?yàn)榧幢阄挥谧钪行牡哪莻€(gè)看似最大的圓對(duì)我們最小的手指來(lái)說(shuō)也還是太小。而 且辨認(rèn)這些圖標(biāo)還需要很好的眼力，以及愿意通過(guò)滾動(dòng)使它們成功對(duì)焦的意志力。此外，如果你想刪掉某個(gè)應(yīng)用程序同樣需要很好的運(yùn)氣才行，因?yàn)槲挥趫D標(biāo)左上角 的小圓x只適合嬰兒的手指！（雖然人們可以通過(guò)觸摸整個(gè)圖標(biāo)來(lái)刪除程序，但事實(shí)上大多數(shù)用戶(hù)還是會(huì)嘗試去觸及那個(gè)小圓x，因?yàn)橛脩?hù)已經(jīng)習(xí)慣于點(diǎn)擊含有x的 小格子來(lái)關(guān)閉或刪除程序了。盡管蘋(píng)果試圖通過(guò)填補(bǔ)一些可觸的區(qū)域來(lái)減小用戶(hù)誤觸率，但還是無(wú)法真正解決人們“胖胖的手指”問(wèn)題，因?yàn)閺奈覀兊臏y(cè)試中得知用 戶(hù)會(huì)嘗試在可視的觸及區(qū)域內(nèi)觸摸屏幕。）

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

你真的從用戶(hù)場(chǎng)景出發(fā)了嗎

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

我們總是說(shuō)，要從用戶(hù)場(chǎng)景出發(fā)。

我們總是說(shuō)，同樣的需求在不同的用戶(hù)場(chǎng)景下可能會(huì)有不同功能設(shè)計(jì)模式。

我們總是說(shuō)，所有的交互設(shè)計(jì)在沒(méi)有充分理解用戶(hù)場(chǎng)景下的設(shè)計(jì)都屬于自嗨行為。

我們總是這樣說(shuō)。

從用戶(hù)場(chǎng)景出發(fā)，快說(shuō)爛掉的句子。但是，你真的從用戶(hù)場(chǎng)景出發(fā)了嗎。因?yàn)闊o(wú)論你的腦補(bǔ)能力如何強(qiáng)大，如果你都沒(méi)有出發(fā)，去實(shí)際的體驗(yàn)，那么你還是在自嗨，所以還需自重。

那么現(xiàn)在從實(shí)際出發(fā)，身體力行，去觀察身邊的人如何使用這些林林種種產(chǎn)品吧。

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

開(kāi)發(fā)新產(chǎn)品？揭秘商業(yè)設(shè)計(jì)師能扮演的五種角色

周周

5-commercial-designer-roles-1

在咨詢(xún)行業(yè)，投行等高手聚集的機(jī)構(gòu)，有一群分析師替客戶(hù)診斷大量信息，提供建議，做出結(jié)論。在設(shè)計(jì)公司里，這群分析師卻換了個(gè)名字，叫做「商業(yè)設(shè)計(jì)師」，到底商業(yè)設(shè)計(jì)師在做些什么呢？來(lái)看揭秘 >>>

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

日歷

鏈接

個(gè)人資料

存檔