072013-10

這篇文章向大家展示8個驚艷的 HTML5 和 JavaScript 。作為下一代網頁語言，HTML5 擁有很多讓人期待已久的新特性，越來越多的開發(fā)人員開始使用 HTML5 來制作各種交互性強、效果豐富的 Web 應用。下面這些驚艷的示例帶您體驗 Web 技術的魅力，相信你看完這些例子后會對未來的 Web 發(fā)展充滿無限期待。為了有更好的效果，建議在 Chrome 瀏覽器中瀏覽。

Crazy Tentacles

評論(0) 瀏覽(5621)

062013-10

18種焦點圖網站示例

圖像占據了網頁設計的中心舞臺。們已經看到了一些真正美麗的網站使用了圓滑圖像作為焦點，引人注目。在網頁設計中，從簡約設計的概念到全屏的背景圖片，有幾種不同的圖像使用方法。所以今天我們將告訴你一些啟發(fā)性的例子。聚集在這里的網站將證明美麗和高品質的圖像可以傳遞信息，彰顯個性并迎合用戶的喜好。

Taasky

評論(0) 瀏覽(6424)

052013-10

如何輸出有效的設計方案

藍藍設計的小編

在方案設計時，會出現(xiàn)一種情況：似乎已經輸出了所有可能的方案，但討論定稿時還是覺得不夠滿意，認為應該有更優(yōu)方案的輸出？什么原因導致了這種情況？如何輸出有效的設計方案？

● 什么是有效的設計方案？

“有效方案”，個人理解是“能夠實現(xiàn)預期目標的方案”，而不是“全部可能方案”的羅列。設計方案因方向不同、實現(xiàn)能力等不同，會得到不同階段的版本；但在這些前提一致時，方案應該是邏輯性唯一的，不應存在模棱兩可的輸出。

● 如何輸出有效的設計方案？

核心：有邏輯、有理由的輸出

Step1 確定產品目標
每一個產品都有其目標，這個環(huán)節(jié)極其重要，確定清楚后，在接下來的設計決策時，會起到方向判斷的作用。產品目標一定要和產品側討論確定，不要理所當然的給出判斷。以易迅購物車為例，其核心目標是讓用戶“快速下單”，其次才是“買更多”。

Step2 確定用戶群劃分
清晰產品目標后，我們需要對用戶在產品上的行為有個了解，才能知道他們需要什么。需要關注以下幾點：
① 用戶有哪些類型（比例、主要/輔助角色）
② 不同類型用戶會用你的產品來干什么
同樣以購物車為例，易迅以結算型用戶為主（主要角色——把購物車當做確定要買東西的籃子），其次是收藏型（輔助角色——把購物車作為可能買商品的聚合地，需要增刪商品）。

評論(0) 瀏覽(4528)

042013-10

設計管理流程的工具化

藍藍設計的小編

電商用戶體驗設計部（簡稱ecd）早期的設計管理是通過各leader跟產品經理收集和手工排需求的形式，但隨著產品需求的激增，團隊的擴大，每周的設計需求已從每周幾十單激增到幾百單，部門順應組建設計管理組，聚焦在流程和項目如何更，今天跟大家分享其中的工具化心得。

早期的設計部門的流程是這樣的：

產品經理寫一個設計需求的文檔，匯總多個需求到一個填寫規(guī)范的表格在每周統(tǒng)一時間寫給設計排期人（一般是leader，也有的是專門的項目PM）排期人拿到表格后在另外一份排期表格上填寫各類需求，處理人，完成時間等期間還需要通過電話和RTX溝通需要調整的需求，再把表格復制到郵件上發(fā)送郵件，整個流程下來需要多個表格樣式來記錄這些信息。也不方便后續(xù)統(tǒng)計需求和相關信息。后來公司大規(guī)模使用TAPD來提交需求，做信息需求管理，

評論(0) 瀏覽(5018)

032013-10

設計更優(yōu)的移動支付流程

藍藍設計的小編

譯者注：在電子商務中，我們發(fā)現(xiàn)用戶在支付環(huán)節(jié)的流失率非常高，支付流程的用戶體驗是至關重要的環(huán)節(jié)。本文介紹了一些移動端支付流程的方法，怎樣讓我們的支付流程更加易用。業(yè)余時間翻譯了這篇文章跟大家共享，若大家發(fā)現(xiàn)任何錯誤，歡迎隨時給予糾正。

原文地址：designing-a-better-mobile-checkout-process

數據顯示越來越多的用戶具有使用智能手機進行付款的傾向?！?這些用戶愿意在移動設備上完成購買嗎？ ”這個問題得到了迅速回答。2012年，美國移動電子商務銷售額飆升81%,形成了250億美元的市場。

值得注意的是，這些成交貢獻只有一部分來自于app。根據調查顯示，61％-81％的用戶更傾向于在移動端的網頁上來完成購物的各種操作：研究商品和價格，查看商品詳情，參加促銷活動，下單和支付等。比起功能相互獨立的app，他們更傾向于在瀏覽器中來進行購物（來獲得瀏覽與支付環(huán)節(jié)之間的無縫體驗）。

讓我們深入看一些移動端結賬流程的例子。

1、 只保留重要信息

我們也許都回答過很多令人討厭的問題，比如“你是怎么知道我們的？”這樣的問題可能是對商家有用，對消費者來說沒有任何作用。然后這些消費者需要付出辛苦賺來的錢，他們也更有權力決定是否關閉這個頁面。

雖然這些問題在網頁上不那么重要，但是在移動端卻是致命的。讓我們來看兩個例子

評論(0) 瀏覽(7143)

022013-10

【譯文】用戶界面設計，打好基礎

藍藍設計的小編

總結(藍注：這篇很棒！總結應好好看看）

為了盡可能提供最佳的用戶體驗，重要的是用戶界面設計師要緊跟著基本的設計原則，重要的原則：

首先，給視覺分區(qū)，不同的區(qū)域從本質上代表不同的功能，界面要保持簡潔、一致的結構。這給用戶帶來了清晰的易于理解的導航，可以隨時找到需要的內容。

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

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

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

評論(0) 瀏覽(5565)

012013-10

搜索初體驗（一）

藍藍設計的小編

我的總結思路：①做什么？（搜索認知）②誰來使用？（用戶分析）③怎么做？（產品分析、體驗功能）

一、搜索認知

1、定位

在電子商務中的搜索通常稱為站內搜索

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

2、站內搜索兩個主要部分：

搜索入口和搜索結果頁面

3、站內搜索主要解決的問題

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

二、用戶分析

1、目標用戶

有目標的查找某一類商品

A、目標模糊

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

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

B、目標

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

2、用戶任務

任務：尋找目標產品

完成任務的途徑：

A、 B2C用戶 ①站內搜索目標商品②導航

B、 C2C用戶①站內搜索目標商品②站內搜索店鋪，通過店鋪查找目標商品③導航

3、用戶客觀條件

1、網絡環(huán)境

A、寬帶網絡&無線網絡（網絡速度快慢對用戶略有影響）

B、移動流量（移動用戶注重流量，操作路徑不能太長，跳轉刷新次數不能太多）

2、硬件要求

A、PC端：鼠標、鍵盤、觸摸板（難操作，減少浮動不定控件）手繪板

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

評論(0) 瀏覽(6681)

302013-9

metroui網站css俱全，各色控件代碼方便調用

藍藍設計的小編

藍藍分享：

祝訂閱博客的網友們國慶節(jié)快樂！

http://metroui.org.ua/， metroui網站css俱全，各色控件代碼方便調用。截圖如下：

評論(0) 瀏覽(5524)

292013-9

通過潛意識情感來驅動用戶行為（51活動小結）

藍藍設計的小編

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

評論(0) 瀏覽(6248)

282013-9

寫給被科技包圍的人們：我們應該如何調養(yǎng)自己的身體

藍藍設計的小編

這是一篇關于身體，關于如何調養(yǎng)好我們飽受折騰的身體的文章。之所以想寫這部分的內容，蓋因本人在去年底曾因工作和生活的忙碌無節(jié)律而不得不住院休養(yǎng)了一個月，在那個時候萌生了寫點東西讓更多的人關注自己的身體的念頭。從醫(yī)院回來，我開始慢慢了解這方面的知識，同時調整和改變自己的工作和生活。在互聯(lián)網行業(yè)工作的我們大多還比較年輕，總覺得自己身體好，可以毫無顧忌地、瘋狂地工作和玩樂?？蓪嶋H上，身體的養(yǎng)護是從一點一滴開始的，一些簡單的習慣有時候就可以讓你受益終生，更何況我們完全可以利用當下飛速發(fā)展的科技協(xié)助我們保養(yǎng)好身體。因此，我不僅會分享在過去一年多時間里學到的事情，也會分享一些能夠輔助我們保養(yǎng)身體的app和可穿戴設備

評論(0) 瀏覽(5881)

首頁

8個驚艷的 HTML5 和 JavaScript

18種焦點圖網站示例

如何輸出有效的設計方案

設計管理流程的工具化

設計更優(yōu)的移動支付流程