DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> WEB網站前端 >> 前端技巧 >> 理論普及——用戶體驗
理論普及——用戶體驗
編輯:前端技巧     

一、概念分析1:UE用戶體驗
英文叫做user experience,縮寫為UE, 或者UX。
當指電子商務網站的時候也被稱作顧客體驗(CUSTOMER EXPERIENCE). 它是指用戶訪問一個網站或者使用一個產品時的全部體驗。他們的印象和感覺,是否成功,是否享受,是否還想再來/使用。他們能夠忍受的問題,疑惑和BUG的程度
附英文原文供參考:
the user experience, mostly called "customer experience" when referring to e-commerce websites; the totality of the experience of a user when visiting a website. Their impressions and feelings. Whether they're successful. Whether they enjoy themselves. Whether they feel like coming back again. The extent to which they encounter problems, confusions, and bugs.

因為它是純主觀的,就帶有一定的不確定因素。個體差異也決定了每個用戶的 真實體驗是無法通過其他途徑來完全模擬或再現的。
但是對於一個界定明確的用戶群體來講,其用戶體驗的共性是能夠經由良好設計的實驗來認識到。
來自:百度知道
二、概念分析2:UE設計
步驟一:數據調查
數據可以帶來什麼?對於各頁面及路徑的pv(產品),uv(用戶)的總結,可以得到產品使用情況的一個大致概貌。
缺乏什麼?不了解用戶,不了解過程。
步驟二:用戶訪談
有什麼好處?產品和用戶之間的聯系,就像一個黑匣子。對用戶的訪談,就是一個試圖打開黑匣子的過程。
打開了黑匣子,我們就可以改造他們之間的路徑。從而使兩者無縫融合。就像是研究dna,對結構的研究可以重塑基因。反映到產品上,就是我們可以以用戶的心理模型去創造產品,或者是用富於創造的產品去影響用戶。
步驟三:產品分析
即使了解用戶,是否能提出有效的解決方案呢?此時,對於相關產品的研究就會作出幫助。如果說對用戶的需求,可以對產品有縱深的認識。那麼對產品的分析,有利於橫向去加深去產品的理解。為什麼做同一個功能,會產生出兩種不同的產品?差異表現在大體,也體現在細節,通過不斷的比較,會發現產品各功能間,產品和用戶間千絲萬縷的聯系。
步驟四:產品定位
定位本應在一個產品做出之前決定,可為什麼我會在此階段提出這個步驟呢?事實上,因前面工作的鋪墊。只有了解了用戶,了解了相關產品後,定位才會更加明確。最初時,時時需要一個定位,卻感覺模糊,在此刻,就清楚許多。能否改變,看造化了~~
步驟五:功能確認
基於對用戶和產品的分析,此時會提出一些新的功能。從產品長遠的發展,對用戶使用的引導,以及易用性綜合考慮,慎審地推出每一項功能。
步驟六:信息架構
產品的印象開始在腦海裡浮現。此時,將信息注入到產品結構中去。導航,管理等是很重要的幾項,需要格外小心。另外,不同的頁面有不同的信息,以及頁面與頁面間的信息跳轉,甚至是產品間的跳轉,每條信息都需要經過審核。如果對產品沒有幫助,或者對用戶是負擔,都不要向裡加。
步驟七:頁面原型
就個人而言,在頁面原型階段,除了用visio來畫結構圖,還是不自覺得要用ps去協助找感覺,這個過程,對自己而言也是一個迭代的過程。當然,之前那些階段,使整個產品的結構都在腦海裡快成型了,這個只需要把它落實到紙上。
原型的確認,需要堅持。如果是你自己做了這個過程,而且每一點都是經過思考的。那麼就去說服來自各方的反對。事實上,你要相信,人們相信思考的價值,只要你付出了,就有回報,最怕沒有付出天天在那裡抱怨。
步驟八:視覺設計
不必多說了。可能會比較多,icon,字體,區域的劃分,模塊的統一,css的定義,風格的設定~~~所有的一切,都要體現前面工作所得到的東西。
步驟清晰,但其實中間的過程可能更有意思。
首先要獲得運營人員的支持,如果他們不參與進來,整個過程會很難做。通過不斷的交流,他們可能會很樂意一起做用戶訪談等的工作。這個看你的溝通能力了。
然後獲得團隊其它同事的支持。需要不斷展示階段性成果,大家會慢慢認識到ue工作的作用。
有過這麼一次以後,團隊裡認識到這個職位的職能,以後就可以開展更深入的工作了。
上一頁12 下一頁 閱讀全文
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved