首頁

【譯文】用戶界面設(shè)計,打好基礎(chǔ)

藍藍設(shè)計的小編

總結(jié)(藍注:這篇很棒!總結(jié)應(yīng)好好看看)

為了盡可能提供最佳的用戶體驗,重要的是用戶界面設(shè)計師要緊跟著基本的設(shè)計原則,重要的原則:
首先,給視覺分區(qū),不同的區(qū)域從本質(zhì)上代表不同的功能,界面要保持簡潔、一致的結(jié)構(gòu)。這給用戶帶來了清晰的易于理解的導(dǎo)航,可以隨時找到需要的內(nèi)容。
 




第二,尊重您設(shè)計的設(shè)備特點。每個設(shè)備都有其優(yōu)勢和劣勢。分析和利用他們 用戶的優(yōu)勢。


第三,去除凌亂,而不是功能。畢竟,用戶為什么使用你的應(yīng)用第一位是功能(表面上),使用標簽、下拉菜單、智能關(guān)聯(lián)方法,僅提供用戶特殊情況下最可能需要的工具或者信息。


第四,與用戶存在同理心,不要輕易的進行設(shè)計決策。注意,即使一個最小的設(shè)計決策也可能對用戶的潛意識層面影響非常深,把自己放在他們的位置去創(chuàng)建一個界面,不僅視覺順暢,從長遠來看也是非常的方便易用。


搜索初體驗(一)

藍藍設(shè)計的小編

我的總結(jié)思路:①做什么?(搜索認知)②誰來使用?(用戶分析)③怎么做?(產(chǎn)品分析、體驗功能)

一、搜索認知

1、  定位

在電子商務(wù)中的搜索通常稱為站內(nèi)搜索

與谷歌百度等搜索引擎的區(qū)別在于:搜索結(jié)果更為,更為時效

2、  站內(nèi)搜索兩個主要部分:

搜索入口和搜索結(jié)果頁面

3、  站內(nèi)搜索主要解決的問題

節(jié)約用戶查找商品時間,提高購買轉(zhuǎn)化率。

 二、用戶分析

1、 目標用戶

有目標的查找某一類商品

A、 目標模糊

① 只明確場景,確定了要干嘛去解決什么問題,只明確了要買什么大品類的東西;

② 什么都沒明確,閑來沒事逛逛,看看有沒有什么東西是自己想買的。

B、 目標

明確目標,確定了要買什么品類(甚至具體到了二三級品類),什么價位的,甚至什么風(fēng)格的東西;

2、 用戶任務(wù)

任務(wù):尋找目標產(chǎn)品

完成任務(wù)的途徑:

A、 B2C用戶 ①站內(nèi)搜索目標商品②導(dǎo)航

B、 C2C用戶①站內(nèi)搜索目標商品②站內(nèi)搜索店鋪,通過店鋪查找目標商品③導(dǎo)航

3、 用戶客觀條件

1、網(wǎng)絡(luò)環(huán)境

A、 寬帶網(wǎng)絡(luò)&無線網(wǎng)絡(luò)(網(wǎng)絡(luò)速度快慢對用戶略有影響)

B、 移動流量(移動用戶注重流量,操作路徑不能太長,跳轉(zhuǎn)刷新次數(shù)不能太多)

2、硬件要求

A、PC端:鼠標、鍵盤、觸摸板(難操作,減少浮動不定控件)手繪板

B、移動端:觸屏鍵盤、觸屏手寫


通過潛意識情感來驅(qū)動用戶行為(51活動小結(jié))

藍藍設(shè)計的小編

內(nèi)文版頭圖

現(xiàn)在我們見到的大部分推廣活動往往都以折扣,抽獎作為噱頭。長期的價格戰(zhàn)轟炸來刺激消費心理的方式已經(jīng)讓用戶形成一定的疲勞感甚至是抵觸感,因此,我們思考能否在勞動節(jié)這個比較傳統(tǒng)但是特點鮮明的節(jié)日中通過新的創(chuàng)意來達到我們活動目的呢?

從“以用戶為中心的設(shè)計”到“用戶參與式設(shè)計”: participatory design理念及其應(yīng)用(上篇)

藍藍設(shè)計的小編

UCD中常用的用戶研究方法——問卷、一對一訪談、焦點小組等,更多是將用戶作為研究的客體,通過用戶語言表述的觀點,了解用戶的期望、需求。而北歐和北美近幾十年、尤其最近十幾年在工業(yè)設(shè)計領(lǐng)域,逐漸興起的用戶參與式設(shè)計(participatory design,PD),倡導(dǎo)將用戶更深入的融入到設(shè)計過程中,培養(yǎng)用戶的主人翁意識,激發(fā)并調(diào)動他們的積極性和主動性。

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

藍藍設(shè)計的小編

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

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

藍藍設(shè)計的小編

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

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

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

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

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

交互設(shè)計的職能

藍藍設(shè)計的小編

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

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

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

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

了解交互設(shè)計

藍藍設(shè)計的小編

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

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

▎使用者模型不完善 ;

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

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

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

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

②.框架界面化

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

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

▎溝通障礙

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

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

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

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

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

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

5.小結(jié)

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

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


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

藍藍設(shè)計的小編

零:項目背景

百度網(wǎng)盟推廣平臺是配合網(wǎng)盟推廣用戶的在線營銷平臺,推廣客戶可以在平臺上實現(xiàn)全方位的推廣管理,包括搭建賬戶結(jié)構(gòu)、配置預(yù)算、定向方式、監(jiān)控賬戶投放效果等等復(fù)雜的賬戶操作。但是由于系統(tǒng)的復(fù)雜度和功能性的增加,原有的系統(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ǔ)服務(wù),而對于產(chǎn)品本身的功能介紹,品牌推廣以及下載服務(wù)提供的版面較少。雖然網(wǎng)站提供的相關(guān)社交服務(wù)能夠更好的提高產(chǎn)品活躍度,不過由于國際QQ的用戶群體與QQ的用戶群體存在著很大的差異,很大一部分使用國際QQ的用戶并沒有用過QQ,對于產(chǎn)品本身甚至是功能使用還不是很熟悉。而新版國際QQ官網(wǎng)的主要目標是以宣傳和推廣國際QQ品牌為主,相應(yīng)的加入適量的社交服務(wù)。減少網(wǎng)站后期的運營壓力,強化品牌風(fēng)格,并且舊版官網(wǎng)整體視覺風(fēng)格已經(jīng)相對過時。在這個背景下,有必要對國際QQ官網(wǎng)進行一次大改版。

日歷

鏈接

個人資料

藍藍設(shè)計的小編 http://363858.cn

存檔