首頁(yè)

注定超越前作:iOS 7 的7點(diǎn)人機(jī)交互改進(jìn)

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

點(diǎn)擊查看原圖
中國(guó)時(shí)間 9 月 19 日凌晨,iOS 7 已如期推送到全球蘋(píng)果用戶(hù)手中。由 Jony Ive 掌控的人機(jī)交互界面,將從上而下主導(dǎo)蘋(píng)果接下來(lái)的設(shè)計(jì)走向。
 
和單單一款新型號(hào)手機(jī)相比,設(shè)計(jì)的影響更為深遠(yuǎn)。甚至有媒體認(rèn)為, 其實(shí) iOS 7 才是蘋(píng)果 2013 最重磅的年度產(chǎn)品。

原型的構(gòu)建與設(shè)計(jì)(Web版)

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

原型的概念說(shuō)的簡(jiǎn)單直白些就是用戶(hù)使用產(chǎn)品的界面模型,原型的設(shè)計(jì)主要包括三部分:①需求內(nèi)容的呈現(xiàn)  ②導(dǎo)航和鏈接   ③數(shù)據(jù)的交換

①需求內(nèi)容的呈現(xiàn)

1)文本,多媒體內(nèi)容的呈現(xiàn) 

最基礎(chǔ)的web頁(yè)面就是文字和多媒體的載體,通過(guò)文字和媒體把需求內(nèi)容呈現(xiàn)給訪問(wèn)者是Web設(shè)計(jì)最最基礎(chǔ)的部分,設(shè)計(jì)師需要將信息分主次的傳達(dá)給訪問(wèn)者,這是設(shè)計(jì)最基本的目的,之前我寫(xiě)過(guò)類(lèi)似的文章《視覺(jué)設(shè)計(jì)是為了表達(dá)信息》。其實(shí)不管是交互還是視覺(jué),都應(yīng)該具備排版組織能力,分得清主次,明白目標(biāo),懂得用戶(hù)群,才能談的上設(shè)計(jì)。

了解柵格,有排版功底的交互設(shè)計(jì)師可以省去很多溝通成本:

交互設(shè)計(jì)的職能

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

Ⅰ. 先了解一下交互設(shè)計(jì)的基本概念:

交互設(shè)計(jì)是一種目標(biāo)導(dǎo)向設(shè)計(jì),所有的工作內(nèi)容都是在圍繞著用戶(hù)行為去設(shè)計(jì)的。交互設(shè)計(jì)師通過(guò)設(shè)計(jì)用戶(hù)的行為,讓用戶(hù)更方便更有效率的去完成產(chǎn)品業(yè)務(wù)目標(biāo),獲得愉快的用戶(hù)體驗(yàn)。

Ⅱ.交互設(shè)計(jì)在項(xiàng)目流程中的位置和任務(wù):

項(xiàng)目前期的流程和節(jié)點(diǎn):

了解交互設(shè)計(jì)

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

4.交互設(shè)計(jì)如何開(kāi)展和融入開(kāi)發(fā)流程

我們先來(lái)梳理一下之前流程上遇到的兩個(gè)問(wèn)題:1.使用者模型不完善;2.溝通障礙

▎使用者模型不完善 ;

如何改善使用者模型,需要經(jīng)歷兩個(gè)過(guò)程:

①業(yè)務(wù)模型框架化

在產(chǎn)品的概念階段時(shí)期,交互設(shè)計(jì)師需要基關(guān)注用戶(hù)界面和整體結(jié)構(gòu),這個(gè)過(guò)程被稱(chēng)作“框架設(shè)計(jì)”,框架設(shè)計(jì)就是一種基于用戶(hù)目標(biāo)的導(dǎo)航架構(gòu)和流程設(shè)計(jì)。這個(gè)階段交互的產(chǎn)出物主要有導(dǎo)航架構(gòu)圖,流程圖和低保真線框圖。

上述的產(chǎn)出物都需要和產(chǎn)品經(jīng)理反復(fù)確認(rèn),以保證業(yè)務(wù)模型的完整。

②.框架界面化

在定義完功能模塊的頁(yè)面結(jié)構(gòu)和流程后,交互設(shè)計(jì)師還需要設(shè)計(jì)規(guī)劃使用者的操作,這些包括頁(yè)面元素的主次關(guān)系,小部件的處理,元素的組織,界面的引導(dǎo)等等。這個(gè)階段交互設(shè)計(jì)師需要提供原型demo:

原型demo 是一個(gè)過(guò)程,主要用于具象的表達(dá)業(yè)務(wù)需求和定義界面模型,是一種目標(biāo)導(dǎo)向的設(shè)計(jì)過(guò)程。這個(gè)過(guò)程可以是多次迭代的,是提煉產(chǎn)品質(zhì)量的主要手段。有了這個(gè)過(guò)程,我們之前所講的完善使用者模型才能夠得到解決,用戶(hù)體驗(yàn)設(shè)計(jì)的理念才可以真正得到實(shí)施。

▎溝通障礙

在產(chǎn)品開(kāi)發(fā)過(guò)程中,各個(gè)部門(mén)的合作與溝通存在著障礙,而產(chǎn)生交互職位之后,這些問(wèn)題都能夠得到解決。

①產(chǎn)品與設(shè)計(jì)的溝通

在框架階段,交互設(shè)計(jì)師利用信息架構(gòu)圖和流程圖能夠?qū)I(yè)務(wù)需求確定下來(lái)。

在框架界面化階段,對(duì)于用戶(hù)的操作和界面元素也能夠用原型demo表達(dá)出來(lái),而且修改成本低,可以快速的迭代。

②產(chǎn)品、設(shè)計(jì)與開(kāi)發(fā)、測(cè)試的溝通

交互設(shè)計(jì)師利用原型demo做評(píng)審測(cè)試是個(gè)非常的方法,這樣的方法能夠不僅能夠直觀的表達(dá)需求,而且可以提供早期的用戶(hù)測(cè)試,讓很多之前無(wú)法預(yù)見(jiàn)的問(wèn)題及時(shí)的拋出來(lái),原型demo是貫穿概念階段和實(shí)現(xiàn)階段的最佳表達(dá)方式,而這些都對(duì)于交互設(shè)計(jì)提出了更高的要求。

5.小結(jié)

寫(xiě)了這么多內(nèi)容,主要是想說(shuō)明一下為什么要有交互設(shè)計(jì)和交互設(shè)計(jì)能夠解決什么問(wèn)題。如果決策者不能夠明白這些道理,UCD的方法很難開(kāi)展起來(lái);如果從業(yè)者不能夠明白這些道理,所做的工作也會(huì)是盲目和無(wú)效的。我想通過(guò)這篇文章幫助一些新手明白自己工作的任務(wù)和目的,少走些彎路。

下個(gè)章節(jié)講「交互設(shè)計(jì)的職能」,會(huì)具體到交互設(shè)計(jì)的工作是如何展開(kāi)和結(jié)束…


效率優(yōu)先 適度設(shè)計(jì)——網(wǎng)盟投放平臺(tái)體驗(yàn)優(yōu)化項(xiàng)目總結(jié)

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

零:項(xiàng)目背景

百度網(wǎng)盟推廣平臺(tái)是配合網(wǎng)盟推廣用戶(hù)的在線營(yíng)銷(xiāo)平臺(tái),推廣客戶(hù)可以在平臺(tái)上實(shí)現(xiàn)全方位的推廣管理,包括搭建賬戶(hù)結(jié)構(gòu)、配置預(yù)算、定向方式、監(jiān)控賬戶(hù)投放效果等等復(fù)雜的賬戶(hù)操作。但是由于系統(tǒng)的復(fù)雜度和功能性的增加,原有的系統(tǒng)對(duì)新功能的支撐顯得有些捉襟見(jiàn)肘,所以在今年8月份,我們開(kāi)始了對(duì)系統(tǒng)體驗(yàn)的分析和優(yōu)化工作。

國(guó)際QQ新版官網(wǎng)項(xiàng)目總結(jié)

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

項(xiàng)目總結(jié):騰訊QQ國(guó)際版官網(wǎng)改版總結(jié),互聯(lián)網(wǎng)的一些事

  項(xiàng)目背景:

  國(guó)際QQ官網(wǎng)是宣傳國(guó)際QQ品牌的主力站點(diǎn)、下載國(guó)際QQ的重要入口。舊版國(guó)際QQ官網(wǎng)更加偏向于一個(gè)門(mén)戶(hù)類(lèi)網(wǎng)站,重點(diǎn)提供相關(guān)新聞資訊,互動(dòng)社區(qū),群組推薦等基礎(chǔ)服務(wù),而對(duì)于產(chǎn)品本身的功能介紹,品牌推廣以及下載服務(wù)提供的版面較少。雖然網(wǎng)站提供的相關(guān)社交服務(wù)能夠更好的提高產(chǎn)品活躍度,不過(guò)由于國(guó)際QQ的用戶(hù)群體與QQ的用戶(hù)群體存在著很大的差異,很大一部分使用國(guó)際QQ的用戶(hù)并沒(méi)有用過(guò)QQ,對(duì)于產(chǎn)品本身甚至是功能使用還不是很熟悉。而新版國(guó)際QQ官網(wǎng)的主要目標(biāo)是以宣傳和推廣國(guó)際QQ品牌為主,相應(yīng)的加入適量的社交服務(wù)。減少網(wǎng)站后期的運(yùn)營(yíng)壓力,強(qiáng)化品牌風(fēng)格,并且舊版官網(wǎng)整體視覺(jué)風(fēng)格已經(jīng)相對(duì)過(guò)時(shí)。在這個(gè)背景下,有必要對(duì)國(guó)際QQ官網(wǎng)進(jìn)行一次大改版。

“設(shè)計(jì)之變”--從iPhone應(yīng)用到iPad應(yīng)用

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


在做APP的iPad版本設(shè)計(jì)時(shí),我們常常需要考慮:如何在延續(xù)iPhone版本設(shè)計(jì)特色和優(yōu)點(diǎn)同時(shí),充分利用iPad的特性更好地進(jìn)行設(shè)計(jì)。本文從iPad和iPhone的差異性入手,試圖總結(jié)這一設(shè)計(jì)過(guò)程中需要注意的問(wèn)題。

搜索引擎用戶(hù)體驗(yàn)分析

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

搜索能夠幫助用戶(hù)在海量的數(shù)據(jù)庫(kù)中實(shí)現(xiàn)大海撈針,是產(chǎn)品最核心的模塊之一。本篇是從設(shè)計(jì)的角度介紹搜索模塊,包含Web和ios兩個(gè)平臺(tái),下面直接開(kāi)始正文:

1.快速搜索

搜索是幫助用戶(hù)簡(jiǎn)單快速的匹配相關(guān)內(nèi)容,最簡(jiǎn)單的search box主要包含兩個(gè)元素:①文本框   ②按鈕(可以隱藏用回車(chē)代替)

你的產(chǎn)品是用戶(hù)心里最想要的嗎?

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

你的產(chǎn)品是用戶(hù)心里最想要的嗎?,互聯(lián)網(wǎng)的一些事

  編者按:本文作者 Nir Eyal 在NirAndFar.com上撰寫(xiě)心理學(xué)、科技和商業(yè)的交叉內(nèi)容的文章。

  想象這樣一個(gè)場(chǎng)景。當(dāng)你走進(jìn)一個(gè)繁忙的百貨公司,有人走進(jìn)你伸手向你要錢(qián):“請(qǐng)問(wèn)可以給我一些零錢(qián)搭公共汽車(chē)嗎?”如果這個(gè)人不是乞丐,而是一個(gè)博士呢?

  作為法國(guó)研究的一部分,研究者想要知道,只是通過(guò)一些特別推敲的話,他們是否可以改變?nèi)藗兘o予一個(gè)陌生人多少錢(qián)。他們發(fā)現(xiàn)了一個(gè)簡(jiǎn)單而有效的方法可以讓人們給出雙倍的錢(qián)。

  這個(gè)詞句的改變不僅增加了人們給陌生人搭公共汽車(chē)的錢(qián),也有效地提升了慈善捐款和志愿調(diào)查的參與度。事實(shí)上,最近一個(gè)包含 42 項(xiàng)研究、涉及超過(guò) 22000 名參與者的總結(jié)分析指出,在請(qǐng)求最后附上的只字片語(yǔ)可以獲得人們的認(rèn)同,使接受請(qǐng)求的可能性提高一倍。

  那么,研究者發(fā)現(xiàn)的神奇詞句究竟是什么呢?那就是“但是你可以自由選擇接受或是拒絕”。

  這個(gè)發(fā)出請(qǐng)求的技巧表明了,如果我們確信選擇是自由的,則更有可能被說(shuō)服。這種效果不僅在面對(duì)面的互動(dòng)中被觀察到,也存在于電子郵件交流中。盡管研究沒(méi)有直接關(guān)注產(chǎn)品和服務(wù)如何運(yùn)用這種方法,但是研究提供了幾個(gè)具有操作性的觀點(diǎn)來(lái)指導(dǎo)公司影響用戶(hù)行為。

16點(diǎn)優(yōu)化用戶(hù)界面的方法

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

優(yōu)異的用戶(hù)界面可以讓用戶(hù)用得順心,從而提高轉(zhuǎn)化率(conversion rate),換言之,好的 UI 在使用與銷(xiāo)售層面上形成雙贏。本文整理了16點(diǎn)優(yōu)化用戶(hù)界面的方法,希望對(duì)大家有所幫助。

  單欄型式優(yōu)于多欄

  單欄型式讓你更能掌握自己的內(nèi)容,從頂部到底部一氣嗬成,用故事引導(dǎo)讀者,最終是要誘引他們「采取行動(dòng)」(call to action,下稱(chēng) CTA,意指下載或消費(fèi)等目的);而多欄反而可能導(dǎo)致讀者分心。

16點(diǎn)優(yōu)化用戶(hù)界面的方法,互聯(lián)網(wǎng)的一些事

  

日歷

鏈接

個(gè)人資料

存檔