建站常識
從品牌網(wǎng)站看交互設(shè)計
2009-08-10 08:05:00
最近在研究品牌如何演繹,當然,看的時候沒有忘記本行,分析了一下他們的交互設(shè)計~~
路易威登LV
上圖采用膠片展示多組信息——大片展示品牌渲染。
利用膠片或者類似相冊的展示方式,能夠展示更多的信息,視覺焦點放到上部,用動態(tài)或者滾動的選擇方式讓用戶繼續(xù)瀏覽下去。
比較適合主題醒目,品牌放大的頁面。
上圖采用多圖展示細節(jié)方式——展示品牌的細節(jié)品質(zhì)優(yōu)勢。
品牌注重物品的質(zhì)量和細節(jié)的設(shè)計。用多個單圖表現(xiàn)同一個物品的不同細節(jié),甚至可以做到放大每一個紐扣或皮質(zhì)紋路。所謂好東西不怕看細節(jié),用小圖給用戶造成一種高質(zhì)的心理。
上圖是點擊某個細節(jié)后展示整個物品——強調(diào)細節(jié)和整體的關(guān)聯(lián)。
細節(jié)和整體的關(guān)聯(lián),質(zhì)量和款式表現(xiàn),在看細節(jié)的同時,可以對比整體的款式,相互融合。有的時候我們在做設(shè)計的時候,往往追求“酷、炫”的效果,其實在表現(xiàn)實質(zhì)需求的本質(zhì)時,也不乏新穎的表現(xiàn)。
LV的網(wǎng)站的設(shè)計場景和出發(fā)心理:
整體品牌形象(告訴你,我是什么) 》 選中你關(guān)心的類 》 看看細節(jié)品質(zhì) 》 不僅質(zhì)量好,整體款式更好 》 引導購買
再收集一個例子(yoka):
演繹搭配,不能單單的推給用戶搭配好的物品,而是引導用戶如何才能搭配出合適自己的裝扮。也就是說簡單的搭配列表也許滿足不了用戶的需求。
上圖按照:你的現(xiàn)狀是什么(調(diào)查) 》 看看其他人是這樣的(達人秀) 》 你該怎么搭配(咨詢引導搭配方式) 》 找到你的特點,開始搭配吧(上圖右側(cè))
想到什么:
西貝學習到設(shè)計一個網(wǎng)站,不僅僅按照品牌推廣的邏輯,單純的采用交互技巧來滿足用戶的需求。其實,關(guān)注用戶購物的流程方式,循序漸進的利用現(xiàn)實場景模式進行引導也許會更好。一個簡單的物品列表設(shè)計也許可以演繹出比較豐富的用戶需求。不要單純的從形式來表現(xiàn)需求,而應(yīng)該深入的分析需求,按照用戶的真實場景,更加合理的表現(xiàn)形式。
Gucci
上圖是物品的列表——用不同造型的同類物品展示品牌趨勢。
品牌引導流行趨勢。
很多時候大家都會這樣說“今年流行什么?流蘇?條紋? ”。
說明物品的品牌特點推廣和物品的展示有一定的關(guān)聯(lián)性。
上圖很聰明的把造型相似的物品放到一起,體現(xiàn)造型的優(yōu)勢。但是本頁面有個統(tǒng)一的特點,都是有金屬配飾和細跟表現(xiàn)。順理成章的表現(xiàn)了趨勢和品牌的統(tǒng)一。
試想:造型不同或者類型不同的鞋子,放到一起,都是簡單的物品,給一個統(tǒng)一的列表,有翻頁。
如下圖,這樣就看不出品牌特點和造型優(yōu)點。
通過以上的例子想到什么?
》 交互不僅僅考慮頁面的排版。
》 交互設(shè)計要深入了解需求的本身。
》 交互設(shè)計可以把簡單的東西變的更加讓人接收,TA不僅僅傳遞了信息,還演繹了需求的內(nèi)涵。
》 一個小小的改善,那怕只是列表的簡單分區(qū)。只要處理恰當就可以得到意想不到的收獲。
》 設(shè)計永遠離不開思考用戶場景。
》 交互可以考慮的更多,如何平衡產(chǎn)品價值和界面表現(xiàn)也有很多技巧可以使用。
原文:http://www.xibeidesign.cn/?p=447
近期更新
- [2023-06-25 23:22:29] 優(yōu)秀網(wǎng)站設(shè)計的五大特點
- [2023-04-27 14:05:55] Html 5 響應(yīng)式網(wǎng)站設(shè)計制作
- [2023-04-10 11:07:30] 網(wǎng)站建設(shè)制作流程知多少
- [2022-10-14 10:11:30] 做網(wǎng)站設(shè)計應(yīng)該更看重框架搭建還是視覺觀感?
- [2022-08-09 15:57:48] 以“產(chǎn)品”思維搭建網(wǎng)站!
- [2022-08-08 09:12:57] 一家公司的網(wǎng)站應(yīng)該有哪些板塊內(nèi)容?
- [2022-08-05 09:28:06] 企業(yè)網(wǎng)站建設(shè)為什么要設(shè)置新聞板塊?
- [2022-07-04 15:58:06] 網(wǎng)站首頁設(shè)計的好看,這個網(wǎng)站就成功了一大半!
- [2022-05-20 09:34:19] 網(wǎng)站后臺管理系統(tǒng)是什么?有什么作用?
- [2022-05-17 11:29:32] 作為消費者,應(yīng)該如何選擇一家水平高的網(wǎng)站建設(shè)公司
- [2022-05-17 11:27:01] 高端網(wǎng)站定制與模板化網(wǎng)站應(yīng)該怎么選擇?
- [2022-04-22 16:00:41] 現(xiàn)在高端的網(wǎng)站設(shè)計都有哪些新的趨勢?
延伸閱讀
- [2010-12-15 08:53:00] 關(guān)于網(wǎng)站地圖
- [2009-12-19 09:46:00] 交互設(shè)計(2):“有效性”之“可及”
- [2009-06-15 14:38:00] 再談交互設(shè)計、用戶體驗設(shè)計工作
- [2010-11-25 08:34:00] 兼容心理模型和系統(tǒng)模型的交互設(shè)計
- [2010-09-25 15:03:00] 交互設(shè)計雜七雜八
- [2009-10-21 08:10:00] 設(shè)計師挖掘用戶需求淺談
- [2007-05-24 17:06:00] 釋疑交互設(shè)計師的幾個問題
- [2016-09-05 12:34:00] 網(wǎng)頁設(shè)計模板賞析
- [2009-06-23 08:11:00] 細節(jié)決定成敗 總結(jié)項目中的交互設(shè)計
- [2010-03-18 08:41:00] 什么是交互設(shè)計
- [2010-09-06 08:19:00] 關(guān)于設(shè)計文檔的分析
- [2010-06-02 08:47:00] 專題模板(v4.0)視覺升級隨筆
解決方案
輪胎行業(yè)網(wǎng)站設(shè)計解決方案 機械行業(yè)網(wǎng)站設(shè)計解決方案 房地產(chǎn)行業(yè)網(wǎng)站設(shè)計解決方案 科技企業(yè)網(wǎng)站設(shè)計解決方案 電子家電網(wǎng)站設(shè)計解決方案 食品行業(yè)網(wǎng)站設(shè)計解決方案 集團公司網(wǎng)站設(shè)計解決方案 企事業(yè)單位網(wǎng)站設(shè)計解決方案 外貿(mào)行業(yè)網(wǎng)站設(shè)計解決方案 健身運動網(wǎng)站設(shè)計解決方案 美容與化妝品網(wǎng)站設(shè)計解決方案 建筑設(shè)計行業(yè)網(wǎng)站設(shè)計解決方案 物流行業(yè)網(wǎng)站設(shè)計解決方案
TAGS關(guān)鍵字
膠南網(wǎng)站建設(shè)公司 微官網(wǎng)帶來的好處 html和css 網(wǎng)站改版 網(wǎng)站交互設(shè)計 青島網(wǎng)站建設(shè) 青島不錯的英文網(wǎng)站建設(shè)公司 青島網(wǎng)站案例 官網(wǎng)建設(shè) 集團性網(wǎng)站 營銷型網(wǎng)站 手機網(wǎng)站 搜索引擎蜘蛛 網(wǎng)站規(guī)劃 新的元素 網(wǎng)站SEO 青島海洋投資集團 青島開發(fā)區(qū)建站公司 青島高端網(wǎng)站建設(shè)公司哪家好 網(wǎng)站開發(fā) 青島網(wǎng)站優(yōu)化 H5專題頁面 高端網(wǎng)站設(shè)計 H5定制設(shè)計 如何做網(wǎng)站優(yōu)化 審美 網(wǎng)頁設(shè)計 用戶界面 官網(wǎng)網(wǎng)站建設(shè) 青島高端網(wǎng)站設(shè)計公司哪家好