首頁

注定超越前作:iOS 7 的7點人機交互改進

藍藍設(shè)計的小編

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

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

藍藍設(shè)計的小編

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

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

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

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

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

交互設(shè)計的職能

藍藍設(shè)計的小編

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

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

Ⅱ.交互設(shè)計在項目流程中的位置和任務:

項目前期的流程和節(jié)點:

了解交互設(shè)計

藍藍設(shè)計的小編

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

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

▎使用者模型不完善 ;

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

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

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

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

②.框架界面化

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

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

▎溝通障礙

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

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

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

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

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

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

5.小結(jié)

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

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


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

藍藍設(shè)計的小編

零:項目背景

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

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

藍藍設(shè)計的小編

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

  項目背景:

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

“設(shè)計之變”--從iPhone應用到iPad應用

藍藍設(shè)計的小編


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

搜索引擎用戶體驗分析

藍藍設(shè)計的小編

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

1.快速搜索

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

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

藍藍設(shè)計的小編

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

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

  想象這樣一個場景。當你走進一個繁忙的百貨公司,有人走進你伸手向你要錢:“請問可以給我一些零錢搭公共汽車嗎?”如果這個人不是乞丐,而是一個博士呢?

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

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

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

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

16點優(yōu)化用戶界面的方法

藍藍設(shè)計的小編

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

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

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

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

  

日歷

鏈接

個人資料

藍藍設(shè)計的小編 http://m.sillybuy.com

存檔