首頁(yè)

如何制作實(shí)用美觀的設(shè)計(jì)文檔

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

前言:最近準(zhǔn)備做一個(gè)設(shè)計(jì)文檔的分享,但是一直沒有時(shí)間整理好keynote ,這里先分享一個(gè)設(shè)計(jì)文檔模版,以及模版中每個(gè)元素的使用理由與方法。之后的設(shè)計(jì)文檔分享中,會(huì)加入更多的設(shè)計(jì)文檔案例來分析討論。

Here we go.

作為一個(gè)交互設(shè)計(jì)師,我們要全局掌握產(chǎn)品的背景,邏輯,用戶體驗(yàn)。但是,我們不能忽略設(shè)計(jì)過程中一個(gè)很關(guān)鍵的步驟,設(shè)計(jì)輸出。

如果我們用email 或者其他大海報(bào)的方式來輸出設(shè)計(jì)文檔,有沒有產(chǎn)品經(jīng)理會(huì)抱怨說看不懂?有沒有開發(fā)抱怨使用過程中效率低?在我之前的工作經(jīng)驗(yàn)中,我一直保持用一種方式來輸出設(shè)計(jì)文檔,InDesign + PDF ,在之前的產(chǎn)品同事與開發(fā)同事得到的反饋是好的,這里也希望分享并討論這個(gè)方式是不是適合我們騰訊的產(chǎn)品開發(fā)節(jié)奏。

用InDesign輸出 PDF 設(shè)計(jì)文檔的好處有不少,我這里先列舉幾點(diǎn):

超平面的觸覺設(shè)計(jì)

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

 作為緊隨潮流嗅覺靈敏的Graphic設(shè)計(jì)師,你有沒有留意到逐漸興起的“超平面”設(shè)計(jì)藝術(shù)?那些已經(jīng)習(xí)以為常地被繪制在平面上、被保存于數(shù)字文件中的圖形、元素,因?yàn)樵O(shè)計(jì)師們的想象力而被賦予了動(dòng)人的生命力,變身成為現(xiàn)實(shí)物質(zhì)、躍然出現(xiàn)在可以互動(dòng)的空間中。
它有一個(gè)需要去感受的名字——Tactile Design(觸覺設(shè)計(jì))。

qq訂票頁(yè)面交互的一些看法

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

本部分將結(jié)合已經(jīng)上線的QQ旅游訂票系統(tǒng)的分析,給出解決方案

從排隊(duì)等待談進(jìn)度條設(shè)計(jì)

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

排隊(duì)等待是一種日常中常見的現(xiàn)象,例如新年領(lǐng)開工利是、去排隊(duì)購(gòu)買首發(fā)的蘋果產(chǎn)品、每天中午去食堂排隊(duì)購(gòu)買午餐。排隊(duì)等待在我們的生活中無處不在且看似是一個(gè)簡(jiǎn)單的現(xiàn)象。即使是種簡(jiǎn)單的存在,但也有其復(fù)雜的一面,當(dāng)存在著很多條隊(duì)列時(shí),確定每條隊(duì)列是做什么的就變得困難了;在加入隊(duì)列后,人們會(huì)產(chǎn)生:大概要等多久?為什么隊(duì)伍很久沒有往前移動(dòng)?等諸多疑問。無法解釋的等待是令人煩躁的,不公平的等待則可能引發(fā)人們的怒火。

的設(shè)計(jì)可視化

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

       每一天,人們都淹沒在信息的海洋中。用戶在主動(dòng)獲取和被動(dòng)接受過程中,都始終避免不開一個(gè)“效率”的訴求。在這信息海洋,用戶目前面對(duì)了什么樣的困境呢?

        1  一些設(shè)計(jì)細(xì)節(jié)的 “隱藏式”、“折疊式”、“漸進(jìn)式”設(shè)計(jì)消耗了用戶的快速認(rèn)知訴求;

        2  偏于復(fù)雜和龐大的功能,給界面呈現(xiàn)帶來了負(fù)擔(dān),加重了用戶操作映射的錯(cuò)亂,讓用戶理解也模棱兩可;

        3  設(shè)計(jì)過多的操作點(diǎn)擊,用戶手部肌肉不停運(yùn)動(dòng),切換不同頁(yè)面去查看;

        ……

       作為信息傳達(dá)的設(shè)計(jì)師,如何讓信息更直觀清晰、剔除不確定性理解,是工作中的重中之重。而“可視化”就是多種傳遞信息方式中的一種,對(duì)于信息可視化、視覺化、圖形化,也成了設(shè)計(jì)圈熱捧的觀點(diǎn)和研究方向。

誰能抓住女用戶——淺談消費(fèi)分享社區(qū)

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

 作為一名新時(shí)代女性,自認(rèn)為永無止盡追求外表女人,內(nèi)心爺們的獨(dú)立境界是一件很酷的事情。為了達(dá)到這個(gè)目的,淘寶沒少逛書也是沒少念啊。雖然離標(biāo)桿還存在遙遠(yuǎn)的一段距離,可在這個(gè)過程中,從默默無聞的小買家搖身一變?yōu)殡p金磚且略有經(jīng)驗(yàn)的淘寶買家,來談?wù)勏M(fèi)分享社區(qū)的那些事兒應(yīng)該略懂個(gè)一二滴。

  請(qǐng)問如今網(wǎng)上購(gòu)物,有多少童鞋還那么傻那么天真到淘寶上直接搜索,然后點(diǎn)擊銷量排行再逐個(gè)查看對(duì)比最后下訂單的?如果電腦前可愛的你還遵循著這套老方法,那就凹凸了哈。互聯(lián)網(wǎng)信息萬變,最近行業(yè)內(nèi)最暗潮涌起的領(lǐng)域莫過于“推薦購(gòu)物、購(gòu)物搜索、購(gòu)物社區(qū)”等導(dǎo)購(gòu)方向的產(chǎn)品。當(dāng)然這消息我也是看白鴉兄的博客里(http://uicom.net/blog/ )說的,白鴉兄對(duì)電子商務(wù)導(dǎo)購(gòu)領(lǐng)域的真知灼見還是挺深刻的,推薦拜讀。

  今天筆者充當(dāng)一名典型的愛美女性用戶,還有之前對(duì)消費(fèi)分享社區(qū)產(chǎn)品的體驗(yàn)與研究,和大家淺談一下這塊新興領(lǐng)域的事兒。也給男同胞們普及一下這方面的訊息,因?yàn)樽顬闊衢T的幾個(gè)消費(fèi)分享社區(qū)產(chǎn)品是拒絕男性用戶的喔!

我的阿里框架升級(jí)項(xiàng)目總結(jié)(談體驗(yàn)優(yōu)化與用戶習(xí)慣的延續(xù))

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

我的阿里作為阿里巴巴用戶的操作后臺(tái),在前面兩年的時(shí)間里,從阿里助手,到工作平臺(tái),再到我的阿里,經(jīng)過幾次信息架構(gòu)和整體的調(diào)整,搭建了現(xiàn)在的基礎(chǔ)框架。變化總是存在一定的風(fēng)險(xiǎn),甚至?xí)斐捎脩舻钟|和流失,尤其是類似我的阿里這種用戶操作的功能集合,變化的過程更是糾結(jié)而痛苦,而如何把這樣的風(fēng)險(xiǎn)降到,并在不知不覺中,讓用戶習(xí)慣了每一點(diǎn)優(yōu)化。

 

基于我的阿里框架雛形,從框架優(yōu)化升級(jí)的系列項(xiàng)目過程中總結(jié)了幾個(gè)關(guān)鍵點(diǎn)跟大家一起分享:

系統(tǒng)郵件體驗(yàn)設(shè)計(jì)

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

每天我的郵箱都會(huì)收到很多系統(tǒng)郵件。有些是網(wǎng)購(gòu)訂單的狀態(tài)通知,有些是網(wǎng)站活動(dòng)宣傳,有些是社交網(wǎng)站消息提醒。相信大家也都有和我一樣的煩惱:怎么老是這么多垃圾郵件!淹沒掉我重要的郵件啦!煩死啦!!你們有沒有為我們著想?。?! 其實(shí)從交互的交互來看這些郵件,還是有很多的學(xué)習(xí)地方的,俗話說:三人行,必有我?guī)熝?。擇其善者而從之,其不善者而改之。所以今天我們來一起從分析下這些郵件。

我們先來普及郵件的幾個(gè)概念棕色字摘抄于同事heidi的博文 —— 讓電子郵件更給力 ):

幾個(gè)重要的假設(shè)前提

     1. 很少有人愿意閱讀長(zhǎng)郵件 ——除非你告訴他不讀會(huì)怎么樣,賦予他責(zé)任

     2. 很少有人愿意無理由主動(dòng)做什么事情 ——特別可做可不做時(shí),除非價(jià)值觀特別好,喜歡多管閑事

      3.很少有人會(huì)仔細(xì)閱讀你的郵件 ——千萬不要發(fā)一封面向很多人的郵件,然后指望大家都在里面仔細(xì)閱讀找出你期待他做什么事情。

不好的郵件特征

    1.寫成散文,長(zhǎng)而枯燥,又期待人去閱讀——這是不現(xiàn)實(shí)的  

      2.重點(diǎn)不突出,反而依賴收件人去提取關(guān)鍵信息:時(shí)間、行動(dòng)、目標(biāo)

     3.群發(fā),導(dǎo)致郵件無針對(duì)性——《影響力》一書的觀點(diǎn)時(shí),如此會(huì)導(dǎo)致責(zé)任感被稀釋和分散,發(fā)送的人越多,真正有價(jià)值的回應(yīng)會(huì)越少

與此對(duì)應(yīng),好的電子郵件應(yīng)該讓收件人一眼就掃到 重點(diǎn):是什么,作為收件人,我需要在什么時(shí)間做什么。

我們對(duì)系統(tǒng)郵件給一個(gè)區(qū)分:1.不必要處理郵件(純宣傳郵件),2.必要處理郵件(購(gòu)物訂單狀態(tài)通知),3.可選處理郵件(社交網(wǎng)站消息提醒)

后臺(tái)系統(tǒng)規(guī)范設(shè)計(jì)心得

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

后臺(tái)系統(tǒng)采用一整套UI,為什么會(huì)形式各異?能統(tǒng)一并帶來更好的體驗(yàn)嗎?基于交互設(shè)計(jì)師自己的內(nèi)心疑問,我們迫切的產(chǎn)出一套設(shè)計(jì)規(guī)范用于統(tǒng)一后臺(tái)操作系統(tǒng),利于用戶使用習(xí)慣的培養(yǎng)和延續(xù),降低學(xué)習(xí)成本,提高使用效率,有效提高開發(fā)效率,方便功能的優(yōu)化擴(kuò)展?;诂F(xiàn)有的系統(tǒng),我們抽絲剝繭,才有了如今的階段性成果。

用戶是誰?需求是什么?交互設(shè)計(jì)師對(duì)于一個(gè)項(xiàng)目最基本的了解就是源于這兩個(gè)問題。我們做這次規(guī)范也是如此。。。。。。

不看不見de視覺,不知不覺de設(shè)計(jì)

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

隱形的尺寸、邊緣的思量、手勢(shì)的語匯、動(dòng)畫的語法… 看得見的視覺,看不見的視覺背后的設(shè)計(jì)故事——阿里巴巴中國(guó)站無線產(chǎn)品經(jīng)驗(yàn)總結(jié)…

日歷

鏈接

個(gè)人資料

存檔