首頁(yè)

資深老鳥(niǎo)講述交互設(shè)計(jì)的三個(gè)階段

ui設(shè)計(jì)分享達(dá)人

交互設(shè)計(jì)是UI設(shè)計(jì)中的必不可少的一個(gè)過(guò)程,交互設(shè)計(jì)也要遵循一定的步驟,總體來(lái)說(shuō)要經(jīng)歷三個(gè)階段,那么具體是哪三個(gè)階段呢?下邊是以為資深老鳥(niǎo)為我們帶來(lái)的他的交互經(jīng)驗(yàn),希望對(duì)設(shè)計(jì)師們起到一定的幫助。

(1)讀文檔,明需求,多溝通,擅闡述。需求文檔類型多種多樣,無(wú)論哪種,首要任務(wù)是讀懂需求的內(nèi)容,透徹理解范圍層的含義,及相關(guān)的業(yè)務(wù)形態(tài)。把自己當(dāng)用戶代入思考,如何讓使用者快速上手,減少學(xué)習(xí)成本。一般情況下,拿到PM的需求文檔,我會(huì)先讀一遍,整理出整個(gè)文檔的架構(gòu)、要點(diǎn)、功能點(diǎn)等。記錄過(guò)程中不理解的內(nèi)容,羅列問(wèn)題清單,找PM溝通。溝通的效率也很重要,我會(huì)先聽(tīng)PM講完,然后用自己的話闡述一遍,助于理解。

PM 可以從谷歌 Sprint 學(xué)到的設(shè)計(jì)工作法

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



深挖產(chǎn)品設(shè)計(jì)背后的工作方式和工作流程,讓產(chǎn)品經(jīng)理受益匪淺。

Design Sprint Method (谷歌沖刺計(jì)劃)是由谷歌創(chuàng)投的 Jake Knapp 發(fā)明的一種產(chǎn)品設(shè)計(jì)工作法,是指由一支不超過(guò) 7 人的團(tuán)隊(duì),在 5 天之內(nèi),通過(guò) 5 個(gè)步驟,能夠快速解決產(chǎn)品難題的產(chǎn)品設(shè)計(jì)方法。其基礎(chǔ)概念來(lái)自于敏捷開(kāi)發(fā)、設(shè)計(jì)思考和個(gè)性游戲法,先后被 100 多家創(chuàng)業(yè)公司實(shí)踐,打造了諸如 Slack、 Nest、Blue Bottle Coffee 和 23andMe 等多個(gè)成功的互聯(lián)網(wǎng)產(chǎn)品。Image title

保證設(shè)計(jì)順暢!交互稿撰寫(xiě)過(guò)程中的六個(gè)要點(diǎn)

周周

@黃紅藝Designer :對(duì)于交互設(shè)計(jì)師而言,一個(gè)項(xiàng)目的開(kāi)始,是從接到產(chǎn)品經(jīng)理的需求文檔開(kāi)始的。從需求的確認(rèn)到交互稿的確認(rèn),再到產(chǎn)品開(kāi)發(fā)效果的確認(rèn),都考驗(yàn)著交互設(shè)計(jì)師設(shè)計(jì)能力以外的技巧。在這個(gè)過(guò)程中,有一些要點(diǎn)需要你知道,來(lái)保證你的設(shè)計(jì)過(guò)程更加順暢。

第一點(diǎn):確認(rèn)你所理解的需求是否正確

一千個(gè)人的眼中,就有一千個(gè)哈姆雷特。對(duì)于需求的理解也是一樣,我們拿到需求以后,要和產(chǎn)品經(jīng)理進(jìn)行溝通,將自己對(duì)需求的理解與簡(jiǎn)單的頁(yè)面構(gòu)思,闡述給產(chǎn)品經(jīng)理,以確定自己的理解與設(shè)計(jì)方向是否準(zhǔn)確。切忌,拿到需求就開(kāi)工去做,以為可以節(jié)省時(shí)間,卻不知錯(cuò)誤的理解和方向,讓你付出更多。

不要認(rèn)為,產(chǎn)品經(jīng)理給的需求就像數(shù)學(xué)定理一樣可以深入理解,詳細(xì)解讀,沒(méi)有那么多的產(chǎn)品經(jīng)理有這個(gè)功夫和能力去做這個(gè)事情。因此,溝通才是保證你對(duì)需求的理解,對(duì)設(shè)計(jì)方向正確把握的基石。

那么,在需求交流之前你要準(zhǔn)備好什么呢?第一,認(rèn)真研究需求,理解需求;第二,是你在研究需求時(shí),發(fā)現(xiàn)的問(wèn)題,最好整理出來(lái),以便在討論時(shí)提出,讓產(chǎn)品經(jīng)理為你解答,而不是自己”以為“;第三,如果時(shí)間充足,最好整理出界面的框架,或者用草圖來(lái)展示你的設(shè)計(jì)思路,看產(chǎn)品經(jīng)理是否認(rèn)可你的設(shè)計(jì)。

對(duì)于討論中形成的共識(shí),最好以郵件的形式發(fā)出,一方面可以作為會(huì)議紀(jì)要,便于隨時(shí)解答疑惑,另一方面,是立字為證,防止需求的隨意變更。

uisdc-6-20161031

軟件界面設(shè)計(jì)之交互設(shè)計(jì)的5大要素

ui設(shè)計(jì)分享達(dá)人

在軟件界面設(shè)計(jì)過(guò)程中,交互設(shè)計(jì)也起著至關(guān)重要的作用,那么交互設(shè)計(jì)都有哪五大要素呢?

①  為目標(biāo)群設(shè)計(jì)(Goal-driven Design):為你的目標(biāo)用戶群做設(shè)計(jì)。像調(diào)研或者訪談形式的用戶研究,能幫助你塑造目標(biāo)用戶群的人物特征。這可以讓你為用戶目標(biāo)定制app的工作流程,以滿足他們的需求。

你還在用輪播圖嗎?

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

輪播圖(Carousels)這樣的交互方式,在web時(shí)代似乎已經(jīng)司空見(jiàn)慣。當(dāng)一群人在會(huì)議室里爭(zhēng)奪首屏焦點(diǎn)圖的優(yōu)先級(jí)時(shí),使用輪播圖,似乎能夠不費(fèi)吹灰之力地解決這場(chǎng)爭(zhēng)端,沒(méi)有人是輸家。然而,輪播圖這種方式真的有效嗎?如何設(shè)計(jì)才能帶給用戶更好的體驗(yàn)?zāi)兀?

事實(shí)上,“萬(wàn)能和事佬”輪播圖的點(diǎn)擊率通常都很低,轉(zhuǎn)化效果也并不好,卻往往占用了頁(yè)面最搶眼的大面積位置。想象這么一個(gè)場(chǎng)景:當(dāng)你走進(jìn)圖書(shū)館想找一本特定的書(shū)閱讀時(shí),一個(gè)銷售員擋在你面前讓你先看一個(gè)大廣告圖,然后等你還沒(méi)讀完具體講了什么內(nèi)容時(shí),他又突然換了一張,是不是很惹人厭呢?大部分輪播圖的設(shè)計(jì)也是如此。

不重視微交互的UI設(shè)計(jì)不是好設(shè)計(jì)…

ui設(shè)計(jì)分享達(dá)人

UI設(shè)計(jì)的細(xì)節(jié)很重要,它不僅僅體現(xiàn)在靜態(tài)的元素上,動(dòng)效和微交互也是如今UI和UX設(shè)計(jì)中最重要的細(xì)節(jié)。想要打造優(yōu)秀的移動(dòng)端UI設(shè)計(jì),微交互和動(dòng)效設(shè)計(jì)是繞不開(kāi)的問(wèn)題,今天的文章我們來(lái)聊聊這個(gè)~


呈現(xiàn)系統(tǒng)狀態(tài)


        對(duì)于UI的狀態(tài)設(shè)計(jì),“系統(tǒng)應(yīng)當(dāng)始終通過(guò)合理的反饋告知用戶當(dāng)前正在發(fā)生的事情,所處的狀態(tài)?!边@也就意味著界面需要通過(guò)反饋?zhàn)層脩裘靼装l(fā)生了什么,而無(wú)需用戶猜測(cè)。而帶有動(dòng)效的微交互正是以提供視覺(jué)反饋而聞名。

UI設(shè)計(jì)之交互設(shè)計(jì)的詳細(xì)流程

ui設(shè)計(jì)分享達(dá)人

交互設(shè)計(jì)階段都有哪些流程呢?一般來(lái)說(shuō),交互設(shè)計(jì)分為分析階段、設(shè)計(jì)階段、配合階段和驗(yàn)證階段四個(gè)步驟。那么,每一個(gè)步驟都應(yīng)該怎么去開(kāi)展工作,具體怎么去執(zhí)行呢,下面我們就來(lái)詳細(xì)的分享下每個(gè)階段的工作內(nèi)容:

分析階段大致分為需求分析,用戶場(chǎng)景模擬和競(jìng)品分析三塊。需求分析對(duì)于一個(gè)產(chǎn)品來(lái)說(shuō),是必須的。如果說(shuō)設(shè)計(jì)原則是所有涉及的出發(fā)點(diǎn)話,那么用戶需求就是本次設(shè)計(jì)的出發(fā)點(diǎn)。用戶場(chǎng)景模擬,旨在了解產(chǎn)品的現(xiàn)有交互以及用戶使用產(chǎn)品的習(xí)慣等。競(jìng)品分析是因?yàn)槊總€(gè)設(shè)計(jì)者的思維都會(huì)有局限性,看到別人的設(shè)計(jì)會(huì)有觸類旁通的好處,也能給自己的設(shè)計(jì)過(guò)程帶來(lái)啟發(fā)。

UI設(shè)計(jì)之交互設(shè)計(jì)的六大設(shè)計(jì)原則

ui設(shè)計(jì)分享達(dá)人

說(shuō)起UI設(shè)計(jì),就不得不提一提交互設(shè)計(jì)。交互設(shè)計(jì)是定義、設(shè)計(jì)人造系統(tǒng)的行為的設(shè)計(jì)領(lǐng)域,它定義了兩個(gè)或多個(gè)互動(dòng)的個(gè)體之間交流的內(nèi)容和結(jié)構(gòu),使之互相配合,共同達(dá)成某種目的。那么,交互設(shè)計(jì)師在整個(gè)交互的過(guò)程中需要遵循哪些設(shè)計(jì)原則呢?我們根據(jù)自身經(jīng)驗(yàn)總結(jié)了交互設(shè)計(jì)的六大設(shè)計(jì)原則如下:

(1)可視性:可視性,簡(jiǎn)而言之就是指的看的程度。交互設(shè)計(jì)師在交互的過(guò)程中,這點(diǎn)是首先要規(guī)劃好的。功能可視性越好,越方便用戶發(fā)現(xiàn)和了解使用方法。功能可視性把握不好的話,也就很難達(dá)成良好的用戶體驗(yàn)效果。也有可能直接導(dǎo)致整個(gè)設(shè)計(jì)的失敗。因此,交互設(shè)計(jì)的第一項(xiàng)原則就是可視性。

微交互對(duì)優(yōu)秀的UI設(shè)計(jì)師有多重要?

ui設(shè)計(jì)分享達(dá)人

微交互對(duì)優(yōu)秀的UI設(shè)計(jì)師有多重要?UI設(shè)計(jì)的細(xì)節(jié)很重要,它不僅僅體現(xiàn)在靜態(tài)的元素上,動(dòng)效和微交互也是如今UI和UX設(shè)計(jì)中最重要的細(xì)節(jié)。想要打造優(yōu)秀的移動(dòng)端UI設(shè)計(jì),微交互和動(dòng)效設(shè)計(jì)是繞不開(kāi)的問(wèn)題,今天我們一起來(lái)聊聊這個(gè)~

著名魔術(shù)師 Dariel Fitzkee 曾經(jīng)說(shuō)過(guò):“魔術(shù)是表演和細(xì)節(jié)的藝術(shù)?!倍换ピO(shè)計(jì)同樣是如此。設(shè)計(jì)師大多能夠很好的控制設(shè)計(jì)的大方向,但是細(xì)節(jié)處理不當(dāng)?shù)脑挘瑫?huì)讓優(yōu)秀的設(shè)計(jì)方案功虧一簣,要不怎么說(shuō)“細(xì)節(jié)當(dāng)中藏有魔鬼”呢?也正是因此,那些精心設(shè)計(jì)的微交互會(huì)讓用戶體驗(yàn)顯得精巧而到位。

關(guān)于iOS10鎖屏界面交互的一次嚴(yán)肅地分析

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

iOS說(shuō):“清晰度,咱倆分手吧”


以往的iOS鎖屏界面非常簡(jiǎn)單直接,但是來(lái)到今年的iOS10,情況發(fā)生非常大的變化,在開(kāi)始認(rèn)真嚴(yán)肅地為大家分析(tucao)之前我想先說(shuō)明一些東西:

Image title

日歷

鏈接

個(gè)人資料

存檔