首頁(yè)

8個(gè)驚艷的 HTML5 和 JavaScript 　

藍(lán)藍(lán)設(shè)計(jì)的小編

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

評(píng)論(0) 瀏覽(4730)

18種焦點(diǎn)圖網(wǎng)站示例

藍(lán)藍(lán)設(shè)計(jì)的小編

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

 

Taasky

Examples of Beautiful Image Usage in Web Design

評(píng)論(0) 瀏覽(5163)

如何輸出有效的設(shè)計(jì)方案

藍(lán)藍(lán)設(shè)計(jì)的小編

內(nèi)文版頭圖

在方案設(shè)計(jì)時(shí)，會(huì)出現(xiàn)一種情況：似乎已經(jīng)輸出了所有可能的方案，但討論定稿時(shí)還是覺(jué)得不夠滿意，認(rèn)為應(yīng)該有更優(yōu)方案的輸出？什么原因?qū)е铝诉@種情況？如何輸出有效的設(shè)計(jì)方案？

● 什么是有效的設(shè)計(jì)方案？

“有效方案”，個(gè)人理解是“能夠?qū)崿F(xiàn)預(yù)期目標(biāo)的方案”，而不是“全部可能方案”的羅列。設(shè)計(jì)方案因方向不同、實(shí)現(xiàn)能力等不同，會(huì)得到不同階段的版本；但在這些前提一致時(shí)，方案應(yīng)該是邏輯性唯一的，不應(yīng)存在模棱兩可的輸出。

● 如何輸出有效的設(shè)計(jì)方案？

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

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

Step2 確定用戶群劃分
清晰產(chǎn)品目標(biāo)后，我們需要對(duì)用戶在產(chǎn)品上的行為有個(gè)了解，才能知道他們需要什么。需要關(guān)注以下幾點(diǎn)：
① 用戶有哪些類(lèi)型（比例、主要/輔助角色）
② 不同類(lèi)型用戶會(huì)用你的產(chǎn)品來(lái)干什么
同樣以購(gòu)物車(chē)為例，易迅以結(jié)算型用戶為主（主要角色——把購(gòu)物車(chē)當(dāng)做確定要買(mǎi)東西的籃子），其次是收藏型（輔助角色——把購(gòu)物車(chē)作為可能買(mǎi)商品的聚合地，需要增刪商品） 。

評(píng)論(0) 瀏覽(3565)

設(shè)計(jì)管理流程的工具化

藍(lán)藍(lán)設(shè)計(jì)的小編


730

電商用戶體驗(yàn)設(shè)計(jì)部（簡(jiǎn)稱ecd）早期的設(shè)計(jì)管理是通過(guò)各leader跟產(chǎn)品經(jīng)理收集和手工排需求的形式，但隨著產(chǎn)品需求的激增，團(tuán)隊(duì)的擴(kuò)大，每周的設(shè)計(jì)需求已從每周幾十單激增到幾百單，部門(mén)順應(yīng)組建設(shè)計(jì)管理組，聚焦在流程和項(xiàng)目如何更，今天跟大家分享其中的工具化心得。

早期的設(shè)計(jì)部門(mén)的流程是這樣的：

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


評(píng)論(0) 瀏覽(3907)

設(shè)計(jì)更優(yōu)的移動(dòng)支付流程

藍(lán)藍(lán)設(shè)計(jì)的小編


1

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

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

數(shù)據(jù)顯示越來(lái)越多的用戶具有使用智能手機(jī)進(jìn)行付款的傾向?！?這些用戶愿意在移動(dòng)設(shè)備上完成購(gòu)買(mǎi)嗎？ ”這個(gè)問(wèn)題得到了迅速回答。2012年，美國(guó)移動(dòng)電子商務(wù)銷(xiāo)售額飆升81%,形成了250億美元的市場(chǎng)。

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

讓我們深入看一些移動(dòng)端結(jié)賬流程的例子。

1、 只保留重要信息

我們也許都回答過(guò)很多令人討厭的問(wèn)題，比如“你是怎么知道我們的？”這樣的問(wèn)題可能是對(duì)商家有用，對(duì)消費(fèi)者來(lái)說(shuō)沒(méi)有任何作用。然后這些消費(fèi)者需要付出辛苦賺來(lái)的錢(qián)，他們也更有權(quán)力決定是否關(guān)閉這個(gè)頁(yè)面。

雖然這些問(wèn)題在網(wǎng)頁(yè)上不那么重要，但是在移動(dòng)端卻是致命的。讓我們來(lái)看兩個(gè)例子

評(píng)論(0) 瀏覽(6210)

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

藍(lán)藍(lán)設(shè)計(jì)的小編

總結(jié)(藍(lán)注：這篇很棒！總結(jié)應(yīng)好好看看）

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




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


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


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


評(píng)論(0) 瀏覽(4239)

搜索初體驗(yàn)（一）

藍(lán)藍(lán)設(shè)計(jì)的小編

我的總結(jié)思路：①做什么？（搜索認(rèn)知）②誰(shuí)來(lái)使用？（用戶分析）③怎么做？（產(chǎn)品分析、體驗(yàn)功能）

一、搜索認(rèn)知

1、  定位

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

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

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

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

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

節(jié)約用戶查找商品時(shí)間，提高購(gòu)買(mǎi)轉(zhuǎn)化率。

 二、用戶分析

1、 目標(biāo)用戶

有目標(biāo)的查找某一類(lèi)商品

A、 目標(biāo)模糊

① 只明確場(chǎng)景，確定了要干嘛去解決什么問(wèn)題，只明確了要買(mǎi)什么大品類(lèi)的東西；

② 什么都沒(méi)明確，閑來(lái)沒(méi)事逛逛，看看有沒(méi)有什么東西是自己想買(mǎi)的。

B、 目標(biāo)

明確目標(biāo)，確定了要買(mǎi)什么品類(lèi)(甚至具體到了二三級(jí)品類(lèi))，什么價(jià)位的，甚至什么風(fēng)格的東西；

2、 用戶任務(wù)

任務(wù)：尋找目標(biāo)產(chǎn)品

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

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

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

3、 用戶客觀條件

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

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

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

2、硬件要求

A、PC端：鼠標(biāo)、鍵盤(pán)、觸摸板（難操作，減少浮動(dòng)不定控件）手繪板

B、移動(dòng)端：觸屏鍵盤(pán)、觸屏手寫(xiě)


評(píng)論(0) 瀏覽(5477)

metroui網(wǎng)站css俱全，各色控件代碼方便調(diào)用

藍(lán)藍(lán)設(shè)計(jì)的小編

藍(lán)藍(lán)分享：

祝訂閱博客的網(wǎng)友們國(guó)慶節(jié)快樂(lè)！

http://metroui.org.ua/， metroui網(wǎng)站css俱全，各色控件代碼方便調(diào)用。截圖如下：


點(diǎn)擊查看原圖

評(píng)論(0) 瀏覽(4590)

通過(guò)潛意識(shí)情感來(lái)驅(qū)動(dòng)用戶行為（51活動(dòng)小結(jié)）

藍(lán)藍(lán)設(shè)計(jì)的小編

內(nèi)文版頭圖

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

評(píng)論(0) 瀏覽(4630)

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

藍(lán)藍(lán)設(shè)計(jì)的小編

頭圖
團(tuán)隊(duì)活動(dòng)

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

評(píng)論(0) 瀏覽(4530)

日歷

鏈接

個(gè)人資料

存檔