首頁(yè)

Loading設(shè)計(jì)思路分享

博博


UI妹兒 2018-05-04 10:44:21

如果您想訂閱本博客內(nèi)容,每天自動(dòng)發(fā)到您的郵箱中, 請(qǐng)點(diǎn)這里

Loading設(shè)計(jì)思路分享

Loading作為一個(gè)常見,并且?guī)в信潘缘膭?dòng)畫,已經(jīng)被各路大神表現(xiàn)的淋漓盡至。那么如何在眾優(yōu)秀作品下,做出一個(gè)性化的Loading動(dòng)畫?

Loading設(shè)計(jì)思路分享

Loading種類:

1.狀態(tài)類(進(jìn)度條):通常數(shù)據(jù)量很大,客戶端已知加載量,并能根據(jù)當(dāng)前加載速度計(jì)算出何時(shí)加載完成。

狀態(tài)型的Loading以進(jìn)度條類為基準(zhǔn),可以為用戶提供預(yù)期時(shí)間,多伴隨百分比進(jìn)度出現(xiàn)。進(jìn)度條的形式以線性的形式出現(xiàn),已知總量,降低用戶對(duì)期待時(shí)間的感受。無(wú)聊的等待會(huì)讓人厭煩,作為一個(gè)UI設(shè)計(jì)師需要關(guān)注每一個(gè)細(xì)節(jié),尤其是用戶的情緒并將引導(dǎo)到加載后的頁(yè)面。

By Piotr Adam Kwiatkowski

2.無(wú)狀態(tài)類(菊花):通常數(shù)據(jù)量比較小,客戶端無(wú)法預(yù)知加載量。

Loading設(shè)計(jì)思路分享

無(wú)狀態(tài)類的Loaing以菊花為代表,通常都是一組可以無(wú)限循環(huán)播放的動(dòng)畫。

無(wú)狀態(tài)類的Loaing如有需要可以做的特別一些:https://dribbble.com/search?q=loading

我們的App需要一個(gè)無(wú)狀態(tài)的Loading。

我始終相信設(shè)計(jì)的直覺很重要,抓住直覺的爆發(fā)點(diǎn),是一個(gè)成熟設(shè)計(jì)師必備的素質(zhì)。于是先按照最初的想法快速做了一版。

Loading設(shè)計(jì)思路分享

相信很多人對(duì)這個(gè)Loaing眼熟,當(dāng)然,這肯定不是我們要的效果,不過(guò)在制作這Loading的時(shí)候不斷的推翻自己的想法,時(shí)而清醒時(shí)而模糊,感覺突然找到了方向但瞬間也可能煙消云散。這種不斷反復(fù)的過(guò)程中還是收獲了很多。

Loading設(shè)計(jì)思路分享

既然是無(wú)限,循環(huán),表現(xiàn)上就不能過(guò)于缺乏趣味,這個(gè)度很難把握。形式感上面設(shè)計(jì)要簡(jiǎn)單,又要通過(guò)最直接的方法創(chuàng)造空間感,偶然間發(fā)現(xiàn)馬戲團(tuán)的拋球表演。突然間有了靈感,于是就沿著這個(gè)思路開始動(dòng)手設(shè)計(jì):

我嘗試去直接模仿拋棄的運(yùn)動(dòng),但是效果并不是很好,但是從Demo中可以看出,值得很入研究。

為此我們搜索了一下現(xiàn)實(shí)中的扔球效果:

Loading設(shè)計(jì)思路分享

經(jīng)過(guò)分析我們得出了第一條小球的運(yùn)動(dòng)路經(jīng)是一個(gè)無(wú)限的符號(hào)。

工作路經(jīng)確定后,導(dǎo)入C4D中進(jìn)行單球運(yùn)動(dòng)軌跡測(cè)

由于實(shí)例中,小球會(huì)受到重力以及加速度的影響,并非勻速運(yùn)動(dòng),但在實(shí)際Loading制作過(guò)程中,為了視覺效果,我們希望小球做勻速運(yùn)動(dòng)

發(fā)現(xiàn)問(wèn)題:小球在中心焦點(diǎn)位置出現(xiàn)明顯卡頓

起初我們認(rèn)為是速度曲線沒有調(diào)整好所導(dǎo)致的,但我們嘗試幾版后發(fā)現(xiàn)并不是這樣,最后我們發(fā)現(xiàn)導(dǎo)致這個(gè)問(wèn)題的原因是路經(jīng)節(jié)點(diǎn)問(wèn)題。

Loading設(shè)計(jì)思路分享

調(diào)整節(jié)點(diǎn)

通過(guò)調(diào)整節(jié)點(diǎn)后,不難發(fā)現(xiàn),中心焦點(diǎn)處的卡頓明顯不見了

為了加強(qiáng)透視效果,我們將球的大小和顏色進(jìn)行了關(guān)鍵幀處理,這已處理增加的景深對(duì)視覺的沖擊,使得空間感更強(qiáng)了。

看起來(lái)怪怪的。。。。。

為了使整個(gè)運(yùn)動(dòng)規(guī)律更加精準(zhǔn),我們發(fā)現(xiàn)運(yùn)動(dòng)的起點(diǎn)距離是關(guān)鍵,不懈的追求完美的情況下,總是會(huì)有頓悟的時(shí)刻,幸運(yùn)的是找到了問(wèn)題的所在

三個(gè)球勻速運(yùn)動(dòng)的情況下,應(yīng)該保證每相鄰兩個(gè)球之間路經(jīng)上的距離是相同的。

藍(lán)藍(lán)設(shè)計(jì)www.yvirxh.cn )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 平面設(shè)計(jì)服務(wù)

UI設(shè)計(jì) 如何讓你的配色更加舒服

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

色彩作為視覺感知的先覺條件,在很大程度上決定了作品的好壞以及給觀者留下什么樣的印象,人們感知到的即是通過(guò)色彩所傳遞出的情感,色彩作為一門獨(dú)立的學(xué)科,在基于其理論體系之上衍生出了眾多的搭配方法和技巧,在遵循色彩構(gòu)成的原理之上可以更好的幫助我們對(duì)色彩有深入的認(rèn)知和使用,對(duì)于色彩而言,除了要了解基本的構(gòu)成之外,在使用的過(guò)程中更重要的是要對(duì)色相,明度,飽和度有敏銳的觀察里和視覺感知力,通過(guò)三者不斷的變化和調(diào)整把控使色彩更加具有情感,讓視覺感知更加的舒適并滿足我們的實(shí)際的需求;

【css】背景顏色漸變,文字顏色漸變,邊框顏色漸變

seo達(dá)人

如果您想訂閱本博客內(nèi)容,每天自動(dòng)發(fā)到您的郵箱中, 請(qǐng)點(diǎn)這里

前言:css3的出現(xiàn)使得我們可以通過(guò)前端技術(shù),讓網(wǎng)頁(yè)內(nèi)容變得更豐富,更華麗。今天來(lái)玩玩好玩的顏色漸變。

一、背景顏色漸變。

[html] view plain copy
  1. <body>  
  2. <style>  
  3. .content { width:300px; height:100px; line-height:100px; text-align:center; font-size:32px; font-weight:bold;  
  4. background-image:-webkit-linear-gradient(left, red 0%, blue 30%, yellow 60%, green 90%);   
  5. }  
  6. </style>  
  7. <div class="content">淺色夏沫,夏末微涼</div>  
  8. </body>  

運(yùn)行效果


二、文字顏色漸變。

[html] view plain copy
  1. <body>  
  2. <style>  
  3. .content { width:300px; height:100px; line-height:100px; text-align:center; font-size:32px; font-weight:bold;  
  4. background-image:-webkit-linear-gradient(left, red 0%, blue 30%, yellow 60%, green 90%);   
  5. -webkit-background-clip:text; -webkit-text-fill-color:transparent; }  
  6. </style>  
  7. <div class="content">淺色夏沫,夏末微涼</div>  
  8. </body>  

運(yùn)行效果


三、邊框顏色漸變。

[html] view plain copy
  1. <body>  
  2. <style>  
  3. .content { width:300px; height:100px; line-height:100px; text-align:center; font-size:32px; font-weight:bold;   
  4. border:10px solid;  
  5. border-image:-webkit-linear-gradient(left, red 0%, blue 30%, yellow 60%, green 90%) 10; }  
  6. </style>  
  7. <div class="content">淺色夏沫,夏末微涼</div>  
  8. </body>   

運(yùn)行效果

藍(lán)藍(lán)設(shè)計(jì)www.yvirxh.cn )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)


淺談jQuery之動(dòng)畫

seo達(dá)人

如果您想訂閱本博客內(nèi)容,每天自動(dòng)發(fā)到您的郵箱中, 請(qǐng)點(diǎn)這里

背景

jQuery提供了JS未能提供的動(dòng)畫效果,利用jQuery的動(dòng)畫效果,可以極大的簡(jiǎn)化JS動(dòng)畫部分的邏輯

滑入滑出動(dòng)畫

  1. 滑入動(dòng)畫

    定義:以下拉方式動(dòng)畫效果將html內(nèi)容顯示出來(lái)

    使用方式:

    $(selector).slideDown(time,function) 
    $(selector).slideDown(2000) 
    $(selector).slideDown() 
    $(selector).slideDown(fast/normal/slow)

    time代表執(zhí)行動(dòng)畫的時(shí)間,function代表動(dòng)畫執(zhí)行完之后所要執(zhí)行的函數(shù)

  2. 滑出動(dòng)畫

    定義:以上滑方式動(dòng)畫效果將html內(nèi)容隱藏出來(lái)

    使用方式:

    $(selector).slideUp(time,function) 
    $(selector).slideUp(2000) 
    $(selector).slideUp() 
    $(selector).slideUp(fast/normal/slow)

    time代表執(zhí)行動(dòng)畫的時(shí)間,function代表動(dòng)畫執(zhí)行完之后所要執(zhí)行的函數(shù)

  3. 滑入滑出切換動(dòng)畫

    定義:在滑入滑出動(dòng)畫間切換

    使用方式:

    $(selector).slideToggle(time,function) 
    $(selector).slideToggle(2000) 
    $(selector).slideToggle() 
    $(selector).slideToggle(fast/normal/slow)

淡入淡出動(dòng)畫

  1. 淡入動(dòng)畫

    作用:讓元素以淡淡的進(jìn)入視線的方式展現(xiàn)出來(lái)

    使用方式

    $(selector).fadeIn(time,function) 
    $(selector).fadeIn(2000) 
    $(selector).fadeIn() 
    $(selector).fadeIn(fast/normal/slow)

  2. 淡出動(dòng)畫

    作用:讓元素以淡淡的離開視線的方式隱藏起來(lái)

    使用方式

    $(selector).fadeOut(time,function) 
    $(selector).fadeOut(2000) 
    $(selector).fadeOut() 
    $(selector).fadeOut(fast/normal/slow)

  3. 淡入淡出切換動(dòng)畫

    作用:讓元素在淡入淡出動(dòng)畫切換

    使用方式

    $(Selector).fadeToggle(time,function) 
    $(selector).fadeToggle(2000) 
    $(selector).fadeToggle() 
    $(selector).fadeToggle(fast/normal/slow)

  4. 修改opacity

    作用: 修改opacity的值

    使用方式

    $(Selector).fadeTo(time,opacity,function) 
    time可以是字符串,可以是具體數(shù)字 
    也可只有參數(shù)一、參數(shù)二

顯示隱藏動(dòng)畫

  1. 顯示動(dòng)畫

    作用: 將Html結(jié)構(gòu)顯現(xiàn)出來(lái)

    使用方式

    $(Selector).show(time,function) 
    $(selector).show(2000) 
    $(selector).show() 
    $(selector).show(fast/normal/slow)

  2. 隱藏動(dòng)畫

    作用: 將Html結(jié)構(gòu)隱藏起來(lái)

    使用方式

    $(Selector).hide(time,function) 
    $(selector).hide(2000) 
    $(selector).hide() 
    $(selector).hide(fast/normal/slow)

停止動(dòng)畫

  • 定義:停止正在執(zhí)行的動(dòng)畫

  • 使用方式:

    $(selector).stop() 
    stop()中可以有兩個(gè)參數(shù),參數(shù)一:后續(xù)動(dòng)畫是否執(zhí)行,參數(shù)二:當(dāng)前動(dòng)畫是否執(zhí)行完畢,默認(rèn)的是(false,false),注意第一個(gè)參數(shù),true代表的是后續(xù)動(dòng)畫不執(zhí)行 
    ———————————————————————————— 
    第一種:(false,false) 
    后續(xù)動(dòng)畫會(huì)執(zhí)行,當(dāng)前動(dòng)畫不會(huì)執(zhí)行完 
    第二種:(false,true) 
    后續(xù)動(dòng)畫會(huì)執(zhí)行,當(dāng)前動(dòng)畫會(huì)執(zhí)行完 
    第三種:(true,false) 
    后續(xù)動(dòng)畫不會(huì)執(zhí)行,當(dāng)前動(dòng)畫不會(huì)執(zhí)行完 
    第四種:(true,true) 
    后續(xù)動(dòng)畫不會(huì)執(zhí)行,當(dāng)前動(dòng)畫會(huì)執(zhí)行完

自定義動(dòng)畫

  • 作用:執(zhí)行一組CSS屬性的自定義動(dòng)畫

  • 使用方式:

    $(selector).animate({CSS定義},time,function())

藍(lán)藍(lán)設(shè)計(jì)www.yvirxh.cn )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)

基于jQuery的select2下拉框

周周

select2簡(jiǎn)介】
       select2.js是一個(gè)html select美化模擬類jquery插件,但是select2.js又遠(yuǎn)非簡(jiǎn)單的模擬美化那么簡(jiǎn)單,它還具有搜索功能,多選功能(可限制選擇數(shù)量),ajax方式加載數(shù)據(jù),可以設(shè)置placeholder……
【引入文件】
      <linkrel="stylesheet" href="./css/select2.css">
      <scriptsrc="./js/jquery-2.1.0.js"></script>
      <scriptsrc="./js/select2.full.js"></script>
select2的簡(jiǎn)單用法】


  • 設(shè)置禁用狀態(tài)disabled,如:$(".js-example-disabled").prop("disabled",false);
  • 默認(rèn)值設(shè)置:$("#select2").val("1").trigger("change");
  • 多選的默認(rèn)值可以使用:$("#select2").val(["1","2"]).trigger("change"); 這樣傳遞數(shù)組過(guò)
  • select2還有豐富的自定義事件

  JavaScript

$("#select2").on("select2:open", function (e) { log("select2:open", e); });
 
$("#select2").on("select2:close", function (e) { log("select2:close", e); });
 
$("#select2").on("select2:select", function (e) { log("select2:select", e); });
 
$("#select2").on("select2:unselect", function (e) { log("select2:unselect", e); });
 
$("#select2").on("change", function (e) { log("change"); });


select2的其他組件】

      一、多選效果
      效果圖

161511wc0em4p5ictpk0k6.gif



代碼如下
Html代碼

<div class="box1 div">

   <p>多選下拉框</p>

<select id="sel_menu1" multiple="multiple" class="form-control">

  <optgroup label="系統(tǒng)設(shè)置">

  <option value="1">用戶管理</option>

  <option value="2">角色管理</option>

  <option value="3">部門管理</option>

  <option value="4">菜單管理</option>

  </optgroup>

  <optgroup label="訂單管理">

  <option value="5">訂單查詢</option>

  <option value="6">訂單導(dǎo)入</option>

  <option value="7">訂單刪除</option>

  <option value="8">訂單撤銷</option>

  </optgroup>

  <optgroup label="基礎(chǔ)數(shù)據(jù)">

  <option value="9">基礎(chǔ)數(shù)據(jù)維護(hù)</option>

  </optgroup>

  </select>

</div>


JS代碼

$("#sel_menu1").select2({[/align]
         tags: true,
         maximumSelectionLength: 3 //最多能夠選擇的個(gè)數(shù)

      });


二、圖文結(jié)合效果
效果圖

161544vqrri760rldcbg5d.gif


代碼

Html代碼

<div class="box2 div">
     <p>圖文結(jié)合的效果</p>
     <select id="sel_menu2" class="js-example-templating js-states form-control">
          <optgroup label="系統(tǒng)設(shè)置">
  <option value="1">用戶管理</option>
   <option value="2">角色管理</option>
   <option value="1">部門管理</option>
  <option value="1">菜單管理</option>
  </optgroup>
  <optgroup label="訂單管理">
  <option value="1">訂單查詢</option>
  <option value="1">訂單導(dǎo)入</option>
   <option value="1">訂單刪除</option>
  <option value="1">訂單撤銷</option>
   </optgroup>
  <optgroup label="基礎(chǔ)數(shù)據(jù)">
  <option value="1">基礎(chǔ)數(shù)據(jù)維護(hù)</option>
  </optgroup>
      </select>
</div>

JS代碼

$("#sel_menu2").select2({
            templateResult: formatState,
            templateSelection: formatState
        });
        function formatState(state) {
            if (!state.id) {
                return state.text; 
            }
  var $state = $('<span><img src="./image/' + state.element.value.toLowerCase() + '.png" class="img-flag" /> ' + state.text + '</span>'
            );
            return $state;
        };


從已知探索未知的設(shè)計(jì)之道

資深UI設(shè)計(jì)者

從已知探索未知的設(shè)計(jì)之道
DESIGN
在尋找如何更好的“發(fā)現(xiàn)-解決問(wèn)題”過(guò)程中,受到MIT媒體實(shí)驗(yàn)室教授Neri Oxman文章《Design and Science - Krebs Cycle of Creativity》一文啟發(fā),區(qū)別于“點(diǎn)對(duì)點(diǎn)”的發(fā)現(xiàn)-解決問(wèn)題,為了從更高角度更好的解決問(wèn)題,類比克雷布斯循環(huán)和創(chuàng)造力的克氏循環(huán)(KCC),將“發(fā)現(xiàn)-解決”問(wèn)題/機(jī)會(huì)點(diǎn)這一過(guò)程整體系統(tǒng)化,嘗試提出系統(tǒng)性解決問(wèn)題之思考-行動(dòng)模型Krebs Cycle of Design,并以空間Feeds信息流產(chǎn)品舉例如何實(shí)踐Krebs Cycle of Design。



從已知探索未知的設(shè)計(jì)之道 - 系統(tǒng)性解決問(wèn)題之<思考-行動(dòng)>模型Krebs Cycle of Design

作為互聯(lián)網(wǎng)的用戶體驗(yàn)實(shí)踐者-交互設(shè)計(jì)師,大大小小經(jīng)歷過(guò)很多不同種類不同維度的項(xiàng)目,比如成熟期產(chǎn)品的常規(guī)迭代項(xiàng)目(如社交指數(shù)、校園問(wèn)答、空間社交周報(bào)、Feeds新增禮物等),這時(shí)我是哪里需要就在那里的問(wèn)題解決者;也會(huì)和產(chǎn)品一起探索新的產(chǎn)品方向,經(jīng)歷從0到1的探索型項(xiàng)目(如視界、AR相機(jī)、ABCmouse等),此時(shí)我是主動(dòng)探索的問(wèn)題解決者。近兩年都在思考用戶體驗(yàn)設(shè)計(jì)師該如何在互聯(lián)網(wǎng)團(tuán)隊(duì)中發(fā)揮設(shè)計(jì)最大價(jià)值,最終達(dá)到“解決用戶問(wèn)題,創(chuàng)造美好產(chǎn)品體驗(yàn)”的終極目標(biāo)。結(jié)合自己的用戶體驗(yàn)設(shè)計(jì)從業(yè)經(jīng)歷,我嘗試給設(shè)計(jì)做個(gè)定義:

設(shè)計(jì)就是從已知探索未知的過(guò)程,是一個(gè)不斷解決問(wèn)題的過(guò)程。

具體來(lái)講,就是從發(fā)現(xiàn)問(wèn)題/機(jī)會(huì)點(diǎn)后,通過(guò)“How”等各種方法手段去解決問(wèn)題/機(jī)會(huì)點(diǎn)的整個(gè)過(guò)程。

而解決問(wèn)題/機(jī)會(huì)點(diǎn)的各種方法手段“How”就至關(guān)重要,在尋求“How”的過(guò)程中,受到MIT媒體實(shí)驗(yàn)室教授Neri Oxman文章《Design and Science - Krebs Cycle of Creativity》一文啟發(fā),Neri Oxman在《Design and Science - Krebs Cycle of Creativity》中提出的類似克雷布斯循環(huán)的創(chuàng)造力的克氏循環(huán)(KCC),創(chuàng)造性的將人類的創(chuàng)造力四種模式-科學(xué)、工程、設(shè)計(jì)和藝術(shù),形成創(chuàng)意循環(huán)的地圖假設(shè)并進(jìn)行了相應(yīng)解讀,闡釋了學(xué)科之間不再是割裂離散的孤島這一命題。感興趣的小伙伴可以使用傳送門:

英文版原文:《Age of Entanglement》https://jods.mitpress.mit.edu/pub/ageofentanglement。

中文翻譯版本之【設(shè)計(jì)讀本】媒體實(shí)驗(yàn)室教授Neri Oxman文章《糾纏時(shí)代》,揭示創(chuàng)意循環(huán)在科學(xué)、工程、設(shè)計(jì)與藝術(shù)中深層關(guān)系》:https://zhuanlan.zhihu.com/p/27951549。

拓展閱讀:《Design and Science byJoichi Ito》https://jods.mitpress.mit.edu/pub/designandscience

區(qū)別于“點(diǎn)對(duì)點(diǎn)”的解決問(wèn)題,為了從更高角度更好的解決問(wèn)題,類比克雷布斯循環(huán)和創(chuàng)造力的克氏循環(huán)(KCC),將“發(fā)現(xiàn)-解決”問(wèn)題/機(jī)會(huì)點(diǎn)這一過(guò)程整體系統(tǒng)化,嘗試提出系統(tǒng)性解決問(wèn)題之 < 思考-行動(dòng) > 模型-Krebs Cycle of Design。

系統(tǒng)性解決問(wèn)題之 < 思考-行動(dòng) > 模型主要包含以下8個(gè)階段:發(fā)現(xiàn)問(wèn)題/機(jī)會(huì)點(diǎn)- 系統(tǒng)性思考- 判斷問(wèn)題/機(jī)會(huì)點(diǎn)- 挖掘行動(dòng)- 挖掘出真正的問(wèn)題/機(jī)會(huì)點(diǎn) - 解決行動(dòng) - 構(gòu)建更好的產(chǎn)品(1小步)- 迭代進(jìn)化思考 - 重新發(fā)現(xiàn)問(wèn)題/機(jī)會(huì)點(diǎn)。


以空間Feeds為例,解析如何實(shí)踐Krebs Cycle of Design

前文講述了系統(tǒng)性解決問(wèn)題之 < 思考-行動(dòng) > 模型-Krebs Cycle of Design,接下來(lái)通過(guò)具體的項(xiàng)目,說(shuō)明如何通過(guò)“系統(tǒng)性解決問(wèn)題之 < 思考-行動(dòng) > 模型”全局解決問(wèn)題,這里采用一個(gè)從需求引發(fā)的未知產(chǎn)品探索,以QQ空間基礎(chǔ)Feeds信息流產(chǎn)品為例。


項(xiàng)目背景

作為騰訊典型社交產(chǎn)品,QQ空間已經(jīng)12年了,那么對(duì)于12年的空間Feeds信息流產(chǎn)品日常需求,整體來(lái)講具有以下3個(gè)特點(diǎn):需求量多(面對(duì)多個(gè)產(chǎn)品不斷快速迭代)、需求類型雜、需求內(nèi)容小。

基于這樣一個(gè)前提,為了更好的解決問(wèn)題,僅僅只做需求是不夠的,需要設(shè)計(jì)師發(fā)揮產(chǎn)品主人翁意識(shí),這樣首先我的角色定位無(wú)形中發(fā)生了變化,從單純的設(shè)計(jì)師(產(chǎn)品需求轉(zhuǎn)換者)轉(zhuǎn)變?yōu)楫a(chǎn)品設(shè)計(jì)師(產(chǎn)品需求洞察者)。

角色的變化,進(jìn)一步帶來(lái)了解決問(wèn)題思維模式的變化,從之前為單一用戶需求而設(shè)計(jì)的線性解決問(wèn)題思維模式轉(zhuǎn)變?yōu)閺狞c(diǎn)觸發(fā)的系統(tǒng)性解決問(wèn)題思維模式。

總的來(lái)講系統(tǒng)性解決問(wèn)題之 < 思考-行動(dòng) > 模型,以空間基礎(chǔ)Feeds信息流產(chǎn)品為例。主要有以下幾個(gè)階段,并且每一個(gè)階段都是上一個(gè)階段的自然轉(zhuǎn)化。

1. 提出產(chǎn)品需求/機(jī)會(huì)點(diǎn)。

2. 基于產(chǎn)品需求/機(jī)會(huì)點(diǎn),從點(diǎn)觸發(fā),通過(guò)系統(tǒng)性思考,全面的思考分析。

3. 基于系統(tǒng)性思考,判斷需求在系統(tǒng)中是否有價(jià)值。

4. 判斷有價(jià)值后,繼續(xù)深入挖掘更多的問(wèn)題和機(jī)會(huì)點(diǎn)。

5. 綜合判斷挖掘真正的問(wèn)題/機(jī)會(huì)點(diǎn)。

6. 確定真正的問(wèn)題/機(jī)會(huì)點(diǎn)后,針對(duì)性的進(jìn)行解決行動(dòng)。

7. 階段性的解決行動(dòng)后,就向構(gòu)建一個(gè)更好的產(chǎn)品邁出了一小步。

8. 構(gòu)建更好的產(chǎn)品后,為了產(chǎn)品后續(xù)更好發(fā)展,進(jìn)入新一輪的迭代進(jìn)化思考。

9. 迭代進(jìn)化思考后,就開始了新一輪的系統(tǒng)性解決問(wèn)題,構(gòu)建越來(lái)越好的產(chǎn)品和更加美好的體驗(yàn)。


1.提出產(chǎn)品需求/機(jī)會(huì)點(diǎn)

在互聯(lián)網(wǎng)公司,尤其是互聯(lián)網(wǎng)產(chǎn)品比較成熟時(shí)(如QQ空間Feeds信息流產(chǎn)品),設(shè)計(jì)師通常扮演者產(chǎn)品需求轉(zhuǎn)換者的角色,在常規(guī)迭代項(xiàng)目中面對(duì)產(chǎn)品經(jīng)理一個(gè)又一個(gè)的小點(diǎn)需求,很多設(shè)計(jì)師都是基于點(diǎn)對(duì)點(diǎn)的需求進(jìn)行功能細(xì)化,有些甚至可以直接開始詳細(xì)設(shè)計(jì);而系統(tǒng)性解決問(wèn)題思考行動(dòng)模型則建議“將產(chǎn)品需求直接轉(zhuǎn)換為詳細(xì)設(shè)計(jì)”的這一類設(shè)計(jì)師,在日常常規(guī)需求之外,可以跳出點(diǎn)對(duì)點(diǎn)的小需求,更加系統(tǒng)的思考需求&探索問(wèn)題和機(jī)會(huì)點(diǎn)。


2.系統(tǒng)性思考

從已知的需求、問(wèn)題和機(jī)會(huì)點(diǎn)出發(fā),從點(diǎn)觸發(fā)設(shè)計(jì)師全局思考產(chǎn)品。通過(guò)系統(tǒng)性思考,了解產(chǎn)品整體系統(tǒng),該部分思考的維度和方法,通常從商業(yè)、產(chǎn)品、項(xiàng)目、用戶等多角度思考,如商業(yè)工具(理解商業(yè)的商業(yè)模式畫布)、產(chǎn)品工具(了解行業(yè)位置的SWOT分析法、發(fā)散創(chuàng)意的搜尋領(lǐng)域圖和思維導(dǎo)圖)、產(chǎn)品工具(理解階段目標(biāo)的目標(biāo)分解圖)、用戶研究工具(量化理解用戶的問(wèn)卷和訪談、定性用戶研究的可用性測(cè)試&焦點(diǎn)小組、模擬分析場(chǎng)景的體驗(yàn)地圖)。而以QQ空間Feeds信息流產(chǎn)品為例,闡述如何更全局的系統(tǒng)性思考產(chǎn)品。

系統(tǒng)性思考第1步:從日常繁瑣的小需求中跳出,從資源輸入-內(nèi)容輸出維度,全局的了解空間的整體產(chǎn)品體系,比如核心UGC業(yè)務(wù)、運(yùn)營(yíng)相關(guān)業(yè)務(wù)、分支業(yè)務(wù)、廣告業(yè)務(wù)等。

系統(tǒng)性思考第2步:基于資源輸入-內(nèi)容輸出維度全局了解產(chǎn)品體系后,針對(duì)Feeds信息流模塊,梳理出資源輸入類型和各個(gè)類型所包含內(nèi)容,以及觸達(dá)用戶的內(nèi)容輸出Feeds類型以及包含內(nèi)容信息,分析輸入輸出不同對(duì)象關(guān)系,明確空間Feeds信息流的空間樞紐作用,為下一步判斷需求/問(wèn)題/機(jī)會(huì)點(diǎn)的價(jià)值提供依據(jù)。


3. 判斷問(wèn)題和機(jī)會(huì)點(diǎn)在整個(gè)系統(tǒng)中是否有價(jià)值

基于系統(tǒng)性思考,分析判斷需求在系統(tǒng)中是否有價(jià)值。對(duì)于QQ空間Feeds信息流產(chǎn)品,通過(guò)產(chǎn)品的系統(tǒng)性思考,會(huì)發(fā)現(xiàn)Feeds基于空間的樞紐作用,連接空間各個(gè)業(yè)務(wù)內(nèi)容,并以Feeds產(chǎn)品形態(tài)分發(fā)給UGC和PGC用戶。因此Feeds信息流的產(chǎn)品設(shè)計(jì)優(yōu)化對(duì)于整個(gè)空間而言,都有極大的商業(yè)和用戶價(jià)值。


4. 深入挖掘行動(dòng)

判斷問(wèn)題/機(jī)會(huì)點(diǎn)有價(jià)值后,繼續(xù)縱向深入挖掘更多的問(wèn)題和機(jī)會(huì)點(diǎn),該部分思考的維度和方法可從需求挖掘和設(shè)計(jì)調(diào)研/用戶研究?jī)蓚€(gè)維度,從產(chǎn)品、用戶等多角度思考,如現(xiàn)有問(wèn)題挖掘的日常積累法、數(shù)據(jù)定量分析法、用戶調(diào)研訪談等定性研究、頭腦風(fēng)暴等涌現(xiàn)挖掘法、用戶核心行為的全鏈路分析法等。下面以QQ空間Feeds信息流產(chǎn)品,舉例如何深入進(jìn)行挖掘行動(dòng)。

挖掘行動(dòng)第1步:從項(xiàng)目團(tuán)隊(duì)內(nèi)部(產(chǎn)品&開發(fā)&設(shè)計(jì)師)收集現(xiàn)有痛點(diǎn)問(wèn)題,并將問(wèn)題梳理歸類整理,確定內(nèi)部收集痛點(diǎn)問(wèn)題重要程度優(yōu)先級(jí)。

挖掘行動(dòng)第2步:從用戶“發(fā)表-瀏覽-互動(dòng)”的Feeds信息流相關(guān)的核心行為路徑切入,收集用戶/專家反饋,并分析確定用戶核心行為路徑哪些問(wèn)題與Feeds相關(guān)。


5. 判斷確定真正的問(wèn)題和機(jī)會(huì)點(diǎn)

挖掘行動(dòng)后,就可以從產(chǎn)品內(nèi)部、用戶本身等多維度得到N個(gè)問(wèn)題和機(jī)會(huì)點(diǎn),通過(guò)對(duì)問(wèn)題和機(jī)會(huì)點(diǎn)整理判斷分析,得出真正的問(wèn)題和機(jī)會(huì)點(diǎn)。如針對(duì)空間Feeds信息流產(chǎn)品真正的問(wèn)題點(diǎn)和機(jī)會(huì)點(diǎn)有2個(gè):Feeds缺失系統(tǒng)化、Feeds關(guān)鍵觸點(diǎn)暴露的用戶問(wèn)題。


6. 解決行動(dòng)

確定真正的問(wèn)題/機(jī)會(huì)點(diǎn)后,針對(duì)性的進(jìn)行解決行動(dòng)。不同的問(wèn)題和機(jī)會(huì)點(diǎn),可根據(jù)需要采用適合的解決行動(dòng)。下面僅以QQ空間Feeds信息流產(chǎn)品,舉例如何進(jìn)行解決行動(dòng)。

解決行動(dòng)第1步:針對(duì)有多個(gè)問(wèn)題和機(jī)會(huì)點(diǎn)的情況,首先需要明確解決問(wèn)題的優(yōu)先級(jí),這里可以參考評(píng)估優(yōu)先級(jí)的方法-知覺圖、C-BOX圖表(來(lái)自代爾夫特設(shè)計(jì)指南《設(shè)計(jì)方法與策略》),定義問(wèn)題管理四象限,從“重要程度+緊急程度”兩個(gè)維度分析確定解決問(wèn)題優(yōu)先級(jí),其中橫坐標(biāo)軸代表緊急程度,從左到右緊急程度降低;縱坐標(biāo)代表重要程度,從上到下重要程度降低。正所謂建造房子地基很重要,F(xiàn)eeds缺失系統(tǒng)化代表Feeds信息流的地基不穩(wěn),在地基打牢之后我們可以有針對(duì)性的解決用戶關(guān)鍵觸點(diǎn)暴露的問(wèn)題,分優(yōu)先級(jí)逐步推進(jìn)解決問(wèn)題。因此形成了以解決“Feeds缺失系統(tǒng)化”為基礎(chǔ),有節(jié)奏的探索解決Feeds關(guān)鍵觸點(diǎn)暴露問(wèn)題的解決策略。


解決行動(dòng)第2步:解決“Feeds缺失系統(tǒng)化”,即Feeds設(shè)計(jì)系統(tǒng)化,也就是將整個(gè)Feeds產(chǎn)品體系化,進(jìn)行設(shè)計(jì)的規(guī)范化和組件化,并在設(shè)計(jì)層面和開發(fā)層面統(tǒng)一共享資源,并應(yīng)用到產(chǎn)品的后續(xù)迭代中。而設(shè)計(jì)系統(tǒng)化的典型代表Material Design,就通過(guò)從真實(shí)世界觀察到數(shù)字世界模擬,構(gòu)建了一個(gè)數(shù)字世界觀,包含設(shè)計(jì)理念、設(shè)計(jì)原則、設(shè)計(jì)元素(如輸入框、按鈕、文字等控件/組件)、設(shè)計(jì)模式(如空狀態(tài)、手勢(shì)、搜索等)、工具等內(nèi)容。 關(guān)于設(shè)計(jì)系統(tǒng)化(design system感興趣的小伙伴可以查看《design systems》一書,購(gòu)買書籍鏈接:https://www.smashingmagazine.com/design-systems-book/。

Feeds設(shè)計(jì)系統(tǒng)化主要有以下3個(gè)階段:明確設(shè)計(jì)系統(tǒng)化目標(biāo) - 明確設(shè)計(jì)系統(tǒng)化思路 - 設(shè)計(jì)系統(tǒng)化過(guò)程。

首先是明確設(shè)計(jì)系統(tǒng)化目標(biāo),明確預(yù)期目標(biāo)有助于我們?cè)陧?xiàng)目后期更好的評(píng)估系統(tǒng)化設(shè)計(jì)的價(jià)值和效果,空間Feeds信息流產(chǎn)品主要從3個(gè)維度明確目標(biāo):規(guī)范化(形成Feeds基礎(chǔ)設(shè)計(jì)體系,保障Feeds整體設(shè)計(jì)統(tǒng)一性)、提升效率(可以快速?gòu)?fù)用,保質(zhì)保量的支撐業(yè)務(wù)需求的快速迭代)、可持續(xù)原則(一句話就是跟得上潮流,不斷的迭代進(jìn)化)。

其次是是明確設(shè)計(jì)系統(tǒng)化思路,明確了目標(biāo)之后,需要定義如何進(jìn)行Feeds設(shè)計(jì)系統(tǒng)化的思路,主要有以下4個(gè)階段:場(chǎng)景類目梳理- 抽象框架- 填充細(xì)節(jié)內(nèi)容 - 建立設(shè)計(jì)規(guī)范。


在明確了設(shè)計(jì)系統(tǒng)化思路后,依據(jù)思路,通過(guò)以下4個(gè)階段一步一步構(gòu)建Feeds設(shè)計(jì)系統(tǒng)化:場(chǎng)景類目梳理- 抽象框架- 填充細(xì)節(jié)內(nèi)容 - 建立設(shè)計(jì)規(guī)范。

設(shè)計(jì)系統(tǒng)化第1步:場(chǎng)景類目梳理,從場(chǎng)景出發(fā)歸類所有的Feeds類型。

設(shè)計(jì)系統(tǒng)化第2步:抽象框架,首先將所有Feeds類型每個(gè)的結(jié)構(gòu)模塊化,其次通過(guò)“類比-分析-聚類”歸類同類型框架,最后設(shè)定Feeds框架應(yīng)用策略(不同框架的每個(gè)模塊可采用LEGO自由組合策略)。

設(shè)計(jì)系統(tǒng)化第3步:填充細(xì)節(jié)內(nèi)容,補(bǔ)充A/B框架類型中的填充元素(控件/組件等內(nèi)容)。

設(shè)計(jì)系統(tǒng)化第4步:建立Feeds設(shè)計(jì)規(guī)范,提升產(chǎn)品設(shè)計(jì)效率,為后續(xù)設(shè)計(jì)夯實(shí)基礎(chǔ)。

Feeds設(shè)計(jì)系統(tǒng)化項(xiàng)目,在產(chǎn)品設(shè)計(jì)內(nèi)部也得到了廣泛好評(píng),一定程度上提升了產(chǎn)品設(shè)計(jì)效率。


解決行動(dòng)第3步:有節(jié)奏的探索解決Feeds關(guān)鍵觸點(diǎn)暴露問(wèn)題,也就是Feeds設(shè)計(jì)有亮點(diǎn)。設(shè)計(jì)有亮點(diǎn)的探索聚焦用戶的核心使用路徑,在關(guān)鍵觸點(diǎn)上發(fā)現(xiàn)亮點(diǎn)設(shè)計(jì)機(jī)會(huì)點(diǎn)。


首先是聚焦用戶核心行為路徑,從用戶觸點(diǎn)切入,深挖不同關(guān)鍵觸點(diǎn),收集用戶/專家的反饋,并針對(duì)用戶的關(guān)鍵觸點(diǎn)問(wèn)題探索出相應(yīng)的解決方案。


其次在有了這么多的亮點(diǎn)解決方案后,先做哪一個(gè)再做哪一個(gè),我們需要明確亮點(diǎn)設(shè)計(jì)功能實(shí)踐優(yōu)先級(jí)。此時(shí)就需要回歸產(chǎn)品目標(biāo)用戶群,深度探索目標(biāo)用戶的特性,比如QQ空間的使用用戶群體為95后,他們具有“創(chuàng)造、個(gè)性、有趣、表達(dá)”等特性,他們愛玩的產(chǎn)品有“彈幕、變聲語(yǔ)音、斗圖、鬼畜視頻”,這些產(chǎn)品都具有“DIY、個(gè)性互動(dòng)、滿足成就感”等心理因素,因此針對(duì)8個(gè)Feeds亮點(diǎn)解決方案,優(yōu)先在互動(dòng)層面實(shí)踐快評(píng)表情。


接下來(lái)就是如何進(jìn)行快評(píng)表情產(chǎn)品設(shè)計(jì),首先明確快評(píng)表情產(chǎn)品設(shè)計(jì)思路,主要有以下4個(gè)階段:定義產(chǎn)品需求-明確產(chǎn)品目標(biāo)-探索用戶趣味表達(dá)心智模型-定義具體的解決策略

在明確了產(chǎn)品設(shè)計(jì)思路后,依據(jù)思路,通過(guò)以下4個(gè)階段逐步推進(jìn)快評(píng)表情亮點(diǎn)化設(shè)計(jì):定義產(chǎn)品需求-明確產(chǎn)品目標(biāo)-探索用戶趣味表達(dá)心智模型-定義具體的解決策略。

亮點(diǎn)設(shè)計(jì)第1步:定義產(chǎn)品需求,需要明確正在設(shè)計(jì)的產(chǎn)品需求到底是什么?該需求要解決什么問(wèn)題,或者滿足了用戶哪一方面的訴求;比如在QQ空間快評(píng)表情產(chǎn)品設(shè)計(jì)中,由于快評(píng)表情可能存在空間多個(gè)用戶場(chǎng)景(如Feeds評(píng)論、發(fā)表Feeds、直播場(chǎng)景等)。為了快速上線快評(píng)表情,驗(yàn)證其可促進(jìn)用戶活躍度,首先確定了快評(píng)表情的具體產(chǎn)品需求,將其使用場(chǎng)景縮小為優(yōu)化Feeds評(píng)論表情功能。

亮點(diǎn)設(shè)計(jì)第2步:明確產(chǎn)品設(shè)計(jì)目標(biāo),確定了產(chǎn)品做什么后,為了更好的評(píng)估衡量設(shè)計(jì)效果,我們需要在具體設(shè)計(jì)前先定義設(shè)計(jì)預(yù)期目標(biāo)。如快評(píng)表情產(chǎn)品需求中,在具體設(shè)計(jì)之前,明確了產(chǎn)品設(shè)計(jì)預(yù)期目標(biāo),如增加評(píng)論趣味性、增強(qiáng)用戶互動(dòng)欲望、提升用戶活躍度等。

亮點(diǎn)設(shè)計(jì)第3步:探索用戶趣味表達(dá)心智模型,明確了產(chǎn)品設(shè)計(jì)目標(biāo)后,我們需要更深層次的挖掘用戶使用產(chǎn)品心理動(dòng)機(jī),從而探索用戶的一個(gè)使用心智模型,心智模型有助于我們?cè)诟吒顚用孀層脩羰褂卯a(chǎn)品過(guò)程中超出預(yù)期。如快評(píng)表情設(shè)計(jì)中,基于目標(biāo)用戶探索用戶互動(dòng)心智模型,發(fā)現(xiàn)了以用戶互動(dòng)訴求為基礎(chǔ),滿足用戶個(gè)性化、專屬感、控制感的深層心理動(dòng)機(jī),從而可以讓用戶達(dá)到最終的成就感,建立起用戶與產(chǎn)品的情感聯(lián)系。

亮點(diǎn)設(shè)計(jì)第4步:定義具體的解決策略,分析了目標(biāo)用戶特性和動(dòng)機(jī)后,可以嘗試定義“如何做”的產(chǎn)品設(shè)計(jì)策略,搭建/聚焦用戶使用核心路徑,在核心路徑上明確用戶關(guān)鍵觸點(diǎn),并基于核心路徑形成關(guān)鍵頁(yè)面,并最后給出用戶超越預(yù)期的產(chǎn)品體驗(yàn)。如快評(píng)表情設(shè)計(jì)中,由于是原有的評(píng)論表情優(yōu)化,因此在定義解決策略時(shí),首先聚焦評(píng)論表情的核心路徑,基于核心路徑尋求機(jī)會(huì)點(diǎn),并且根據(jù)機(jī)會(huì)點(diǎn)搭建全新的快評(píng)表情使用路徑。


定義了具體的設(shè)計(jì)解決策略后,就進(jìn)入詳細(xì)的交互設(shè)計(jì)階段,此處僅由于內(nèi)容篇幅太長(zhǎng),僅做簡(jiǎn)要的一些核心點(diǎn)說(shuō)明。主要有3點(diǎn):

1. 聚焦用戶評(píng)論核心路徑,找到評(píng)論表情關(guān)鍵觸點(diǎn),探索設(shè)計(jì)機(jī)會(huì)點(diǎn)。

2. 基于評(píng)論核心路徑機(jī)會(huì)點(diǎn),新增用戶關(guān)鍵觸點(diǎn),加強(qiáng)用戶與產(chǎn)品、用戶與用戶之間互動(dòng)反饋。

3. 搭建用戶使用新路徑,通過(guò)主動(dòng)觸發(fā)和被動(dòng)觸發(fā)機(jī)制,強(qiáng)化推薦互動(dòng)。


7. 解決行動(dòng)結(jié)果-構(gòu)建更好的產(chǎn)品體驗(yàn)

階段性的解決行動(dòng)后,比如進(jìn)行了Feeds設(shè)計(jì)系統(tǒng)化打好根基,探索了快評(píng)表情的亮點(diǎn)設(shè)計(jì)后,已經(jīng)向構(gòu)建一個(gè)更好的產(chǎn)品邁出了一小步。無(wú)論從產(chǎn)品內(nèi)部評(píng)價(jià)和上線后數(shù)據(jù)驗(yàn)證結(jié)果來(lái)看,均達(dá)到當(dāng)時(shí)的一個(gè)小小目標(biāo)。如產(chǎn)品數(shù)據(jù)驗(yàn)證部分方法感興趣的,可查看“用戶行為數(shù)據(jù)分析”等方法。


8. 迭代進(jìn)化思考

正所謂“潮流是在不斷發(fā)展變化的”,互聯(lián)網(wǎng)圈的發(fā)展更是日新月異,因此為了后續(xù)產(chǎn)品發(fā)展的更好,需要進(jìn)入新一輪的迭代進(jìn)化思考。如果設(shè)計(jì)師在橫向有一個(gè)屬于自己的設(shè)計(jì)中心(或者設(shè)計(jì)團(tuán)隊(duì)),可以定期挖掘討論創(chuàng)意想法,沉淀為創(chuàng)意資源庫(kù),從而更好的發(fā)揮設(shè)計(jì)中心橫向優(yōu)勢(shì),合力擴(kuò)大影響力。如QQ空間內(nèi)部就有Qzone idea的創(chuàng)意小組,定期輸出創(chuàng)意想法,討論,并向上匯報(bào)推動(dòng)產(chǎn)品側(cè)落地。


總的來(lái)講,系統(tǒng)化解決問(wèn)題<思考-行動(dòng)>模型可以你“找對(duì)事 & 做對(duì)事”,“如何做設(shè)計(jì)的亮點(diǎn)深挖四部曲”具體化做對(duì)事的過(guò)程,兩者相輔相成,合力打造更美好的產(chǎn)品體驗(yàn)。


瀑布流,到敏捷開發(fā),到設(shè)計(jì)思維,最后到精益創(chuàng)新

資深UI設(shè)計(jì)者

各公司開發(fā)成功產(chǎn)品的方式已經(jīng)在根本上發(fā)生了變化。智能手機(jī)、社交網(wǎng)絡(luò)或云計(jì)算等新技術(shù)使蘋果、谷歌或亞馬孫等科技巨頭在大約20年內(nèi)成為最有價(jià)值的公司。

這是我的第一篇系列文章“精益創(chuàng)新——如何在今天開發(fā)成功的產(chǎn)品”。這是多年來(lái)創(chuàng)新的轉(zhuǎn)變和產(chǎn)品開發(fā)的方法論。

所有這些變化的發(fā)生是由于人們消費(fèi)產(chǎn)品的方式發(fā)生了轉(zhuǎn)變而造成。為了迎合用戶行為和對(duì)產(chǎn)品期待的變化,科技公司必須將產(chǎn)品方向轉(zhuǎn)變?yōu)楦`活、更敏捷、特別是以用戶為中心上,即從瀑布流到敏捷設(shè)計(jì)再到精益設(shè)計(jì)。

雖然現(xiàn)在仍然有95%的大型組織在用瀑布模型開發(fā)新產(chǎn)品,但行業(yè)領(lǐng)頭公司已經(jīng)在率先使用精益設(shè)計(jì)作為方法了。

 

瀑布模型(20世紀(jì)70年代)Waterfall 

瀑布模型是序列順序的處理方法,進(jìn)程就像瀑布一樣穩(wěn)定地推向目標(biāo)。它要求項(xiàng)目產(chǎn)出全面的計(jì)劃并提前開發(fā)。

瀑布過(guò)程

由于前期設(shè)計(jì)和分析花費(fèi)了大量的時(shí)間和精力,設(shè)計(jì)變更會(huì)使成本變得更高,尤其是設(shè)計(jì)后階段。每個(gè)設(shè)計(jì)節(jié)點(diǎn)都有清晰的目標(biāo),達(dá)成后將進(jìn)入下一個(gè)階段。這樣防止了客戶在最后發(fā)布前評(píng)論和反饋。即使征求了建議,項(xiàng)目在接受反饋方面也不那么靈活。雖然瀑布模型是一種不那么靈活的方法,但它對(duì)需要執(zhí)行“計(jì)劃”的團(tuán)隊(duì)(在預(yù)算范圍內(nèi))更有益。

 

敏捷開發(fā)(20世紀(jì)90年代)Agile 

隨著互聯(lián)網(wǎng)的興起,瀑布模型漫長(zhǎng)的開發(fā)周期已經(jīng)不再能夠提前規(guī)劃人們的需求。同時(shí),隨著電子商務(wù)的全球化和新經(jīng)濟(jì)模式的到來(lái)引發(fā)了更多的競(jìng)爭(zhēng)。公司在開發(fā)產(chǎn)品的周期中不得不對(duì)市場(chǎng)趨勢(shì)作出反應(yīng),因此,需要一個(gè)靈活的產(chǎn)品開發(fā)步驟。

“敏捷”指的是由17個(gè)軟件工程師發(fā)布于2001年2月的一份宣言,他們必須就輕量開發(fā)方法進(jìn)行討論。它基于迭代的方法,而不是像瀑布模型一樣在項(xiàng)目之初就進(jìn)行深入的規(guī)劃。開發(fā)團(tuán)隊(duì)為了保證首先完成最重要的任務(wù),他們會(huì)不斷調(diào)整項(xiàng)目的工作范圍。

每次迭代的目的是為了實(shí)現(xiàn)一個(gè)可交付的產(chǎn)品。隨著來(lái)自終端用戶的持續(xù)反饋得到鼓勵(lì),敏捷開發(fā)能對(duì)不斷變化的需求作出反應(yīng),因?yàn)殡S著時(shí)間推移它們都是被需要的。因此,在管理和減少需求變化的風(fēng)險(xiǎn)方面,這些方法對(duì)項(xiàng)目來(lái)說(shuō)是正確的選擇。

 

設(shè)計(jì)思維(21世紀(jì)初)Design Thinking 

我們都知道以人為中心的設(shè)計(jì),設(shè)計(jì)思維作為一個(gè)概念已經(jīng)存在一段時(shí)間了,只是名稱不同(以用戶為中心的設(shè)計(jì)、服務(wù)設(shè)計(jì))。設(shè)計(jì)思維因得益于它解決問(wèn)題的技巧和科學(xué)的方法而成為時(shí)尚。設(shè)計(jì)思維過(guò)程和方法的普及與2001年的IDEO有關(guān)。

“設(shè)計(jì)思維是一種以人為本的創(chuàng)新方法,它從設(shè)計(jì)師工具箱里汲取了靈感,將用戶的需求、技術(shù)的可能性和商業(yè)成功的要求結(jié)合起來(lái)?!?/span>

湯姆布朗,IDEO創(chuàng)始人。

“設(shè)計(jì)師工具箱”是一個(gè)與設(shè)計(jì)師的方法和過(guò)程有關(guān)的應(yīng)用——包括思考創(chuàng)造力、靈活的創(chuàng)意以及對(duì)用戶行為和需求的清晰理解。設(shè)計(jì)思維是一個(gè)由4個(gè)基礎(chǔ)階段組成的結(jié)構(gòu)化流程。

從目標(biāo)群體的發(fā)現(xiàn)階段開始,所確定的需求和問(wèn)題將被合成一些主要的見解。這些見解是概念階段的基礎(chǔ),這個(gè)階段的目標(biāo)是產(chǎn)出許多想法,而最有希望的想法將被作為原型進(jìn)行開發(fā)。原型測(cè)試是最后一個(gè)階段,這個(gè)階段需要確保解決方案滿足目標(biāo)群體的需求。

設(shè)計(jì)思維之所以產(chǎn)生,是因?yàn)榇蠊救狈?chuàng)新能力,無(wú)法開發(fā)出能滿足客戶需求和客戶問(wèn)題的創(chuàng)新產(chǎn)品。如今,大多數(shù)的公司都使用分析思維來(lái)作為運(yùn)營(yíng)方式。這種分析思維阻礙了創(chuàng)造性(打破常規(guī))思維的發(fā)展,而這種創(chuàng)造性思維是破壞性創(chuàng)新所必需的。

這種創(chuàng)造性,特別是大膽的思考(有些稱為“瘋狂思考”)與設(shè)計(jì)概念有關(guān)。為了創(chuàng)新,企業(yè)必須具備設(shè)計(jì)能力。為了設(shè)計(jì),一個(gè)組織需要內(nèi)部融合設(shè)計(jì),以孕育出一種培養(yǎng)創(chuàng)造思維的文化。

設(shè)計(jì)思維的顯著差異在于將用戶置于每項(xiàng)活動(dòng)的中心。此外,以人為本的設(shè)計(jì)強(qiáng)調(diào)體驗(yàn)勝于效率,因?yàn)榱己玫捏w驗(yàn)是用戶與產(chǎn)品互動(dòng)的動(dòng)力。

 

精益創(chuàng)新(創(chuàng)業(yè)公司——21世紀(jì)初)Lean Innovation

2011年,隨著Eric Ries《精益創(chuàng)業(yè)》這本書的出版,創(chuàng)新和產(chǎn)品開發(fā)實(shí)踐已經(jīng)向精益方向發(fā)展。精益創(chuàng)業(yè)的目標(biāo)是避免開發(fā)那些沒人需要的產(chǎn)品或服務(wù)。精益過(guò)程包含用戶反饋和產(chǎn)品早期實(shí)驗(yàn)。

精益創(chuàng)新以“失敗來(lái)了成功還會(huì)遠(yuǎn)嗎?”的哲學(xué)而聞名。開發(fā)者接受這種失敗,因?yàn)樗麄儷@得突破性成功前是要需要不斷學(xué)習(xí)的。

精益方法也常被稱為“客戶開發(fā)”。它的目標(biāo)是在搭建最終產(chǎn)品前,找出用戶想要什么。精益的原則是建立你正在試著測(cè)試的假設(shè)和設(shè)想,而你通過(guò)在這些實(shí)驗(yàn)的學(xué)習(xí),將會(huì)取得進(jìn)步。

 

科技推動(dòng)全球競(jìng)爭(zhēng)

數(shù)字化和巨大的變革速度不再允許公司在不考慮客戶需求的情況下簡(jiǎn)單地生產(chǎn)產(chǎn)品。在過(guò)去,向客戶提供錯(cuò)誤的產(chǎn)品只會(huì)導(dǎo)致項(xiàng)目失敗。而今天,持續(xù)不能交付客戶所需的產(chǎn)品,將導(dǎo)致整個(gè)商業(yè)模式的失敗。諾基亞或柯達(dá)只是這里提到的兩個(gè)最著名的失敗案例。

智能手機(jī)、云計(jì)算和開源等技術(shù)使得產(chǎn)品的開發(fā)速度更快、成本更低。開發(fā)產(chǎn)品或進(jìn)入市場(chǎng)的的門檻比以往任何時(shí)候都要低。這意味今天有更多的全球競(jìng)爭(zhēng)。公司需要專注于了解用戶和他們想要什么??蛻艨梢院苋菀椎剞D(zhuǎn)向其它產(chǎn)品。品牌忠誠(chéng)度對(duì)消費(fèi)者決策的影響逐年下降。

 

專注于商業(yè)模式,而不僅僅是產(chǎn)品(Focus on business models, not only on products)

精益和設(shè)計(jì)思維都是以客戶為中心、基于迭代的方法??蛻魠⑴c和反饋是取得進(jìn)展的動(dòng)力。精益創(chuàng)新的關(guān)鍵不同之處在于,它在圍繞產(chǎn)品考慮整個(gè)商業(yè)模式時(shí)更進(jìn)一步。

亞馬遜成為電子商務(wù)的領(lǐng)導(dǎo)者的原因之一是他們對(duì)客戶服務(wù)的堅(jiān)定承諾。雖然他們沒有靠這個(gè)掙過(guò)一分錢,但是卻幫亞馬遜獲得了客戶的信任和忠誠(chéng)。如今,成功的公司區(qū)別于他們的商業(yè)模式,而不是他們的產(chǎn)品供應(yīng)。

 

確保用戶持續(xù)參與(Engage customers continuously)

在新世界中,成功的公司將有一個(gè)共同點(diǎn):對(duì)用戶行為和需求的超常理解。隨著行為和需求的快速變化,確保建立客戶需求的唯一途徑就是讓用戶持續(xù)的參與到項(xiàng)目中來(lái)。準(zhǔn)確的用戶理解是長(zhǎng)期商業(yè)模式成功的基石。

 

結(jié)合設(shè)計(jì)思維、精益設(shè)計(jì)和敏捷開發(fā)

雖然設(shè)計(jì)思維,精益設(shè)計(jì)和敏捷開發(fā)可以單獨(dú)使用,但是最好的結(jié)果來(lái)自這些方法的結(jié)合。設(shè)計(jì)思維有助于深入了解客戶的需求和行為,而敏捷開發(fā)則有助于地開發(fā)和交付解決方案,精益方法的實(shí)踐幫助我們?cè)谟脩魠⑴c的假設(shè)測(cè)試中可以獲得更直接的驗(yàn)證和學(xué)習(xí)。

當(dāng)持續(xù)使用“開發(fā)–測(cè)試–學(xué)習(xí)”這個(gè)模式循環(huán),就可以逐步接近一個(gè)成功的產(chǎn)品和有率的商業(yè)模式。

UI設(shè)計(jì)師基礎(chǔ)設(shè)計(jì)規(guī)范

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

UI設(shè)計(jì)的基本規(guī)范,包括網(wǎng)頁(yè)設(shè)計(jì)和APP設(shè)計(jì)的規(guī)范羅列

界面欣賞

博博

  • 如果您想訂閱本博客內(nèi)容,每天自動(dòng)發(fā)到您的郵箱中, 請(qǐng)點(diǎn)這里

    萬(wàn)聚制作 2018-05-15 13:30:00

素材源自網(wǎng)絡(luò)

這是我們收集UI / UX交互的一周時(shí)間,以增強(qiáng)您的用戶界面靈感。我們專注于酷炫的動(dòng)畫,布局設(shè)計(jì),用戶體驗(yàn)思考等等。我們正在從靜態(tài),動(dòng)態(tài)甚至是現(xiàn)場(chǎng)原型混合它,這可能是一個(gè)偉大的每周系列書簽!本周,我們對(duì)交互/轉(zhuǎn)換的關(guān)注較少。本周我們一直在挖掘一些動(dòng)畫,但我們發(fā)現(xiàn)的主要是靜態(tài)的。我們有各種各樣的組合,恰到好處地為您提供創(chuàng)意提升。

用戶界面靈感:國(guó)外設(shè)計(jì)大神UI設(shè)計(jì)作品欣賞,每一張都是壁紙!

用戶界面靈感:國(guó)外設(shè)計(jì)大神UI設(shè)計(jì)作品欣賞,每一張都是壁紙!

用戶界面靈感:國(guó)外設(shè)計(jì)大神UI設(shè)計(jì)作品欣賞,每一張都是壁紙!

用戶界面靈感:國(guó)外設(shè)計(jì)大神UI設(shè)計(jì)作品欣賞,每一張都是壁紙!

用戶界面靈感:國(guó)外設(shè)計(jì)大神UI設(shè)計(jì)作品欣賞,每一張都是壁紙!

用戶界面靈感:國(guó)外設(shè)計(jì)大神UI設(shè)計(jì)作品欣賞,每一張都是壁紙!

用戶界面靈感:國(guó)外設(shè)計(jì)大神UI設(shè)計(jì)作品欣賞,每一張都是壁紙!

用戶界面靈感:國(guó)外設(shè)計(jì)大神UI設(shè)計(jì)作品欣賞,每一張都是壁紙!

用戶界面靈感:國(guó)外設(shè)計(jì)大神UI設(shè)計(jì)作品欣賞,每一張都是壁紙!

用戶界面靈感:國(guó)外設(shè)計(jì)大神UI設(shè)計(jì)作品欣賞,每一張都是壁紙!

用戶界面靈感:國(guó)外設(shè)計(jì)大神UI設(shè)計(jì)作品欣賞,每一張都是壁紙!

用戶界面靈感:國(guó)外設(shè)計(jì)大神UI設(shè)計(jì)作品欣賞,每一張都是壁紙!

用戶界面靈感:國(guó)外設(shè)計(jì)大神UI設(shè)計(jì)作品欣賞,每一張都是壁紙!

用戶界面靈感:國(guó)外設(shè)計(jì)大神UI設(shè)計(jì)作品欣賞,每一張都是壁紙!

用戶界面靈感:國(guó)外設(shè)計(jì)大神UI設(shè)計(jì)作品欣賞,每一張都是壁紙!

用戶界面靈感:國(guó)外設(shè)計(jì)大神UI設(shè)計(jì)作品欣賞,每一張都是壁紙!

用戶界面靈感:國(guó)外設(shè)計(jì)大神UI設(shè)計(jì)作品欣賞,每一張都是壁紙!

用戶界面靈感:國(guó)外設(shè)計(jì)大神UI設(shè)計(jì)作品欣賞,每一張都是壁紙!

用戶界面靈感:國(guó)外設(shè)計(jì)大神UI設(shè)計(jì)作品欣賞,每一張都是壁紙!

袋鼠云:可視化大屏打造智能數(shù)據(jù)方案全閉環(huán)

博博

袋鼠云:可視化大屏打造智能數(shù)據(jù)方案全閉環(huán)

袋鼠云 2018-05-17 15:37:32

如果您想訂閱本博客內(nèi)容,每天自動(dòng)發(fā)到您的郵箱中, 請(qǐng)點(diǎn)這里


編者按:距熱情似火的618國(guó)民年中購(gòu)物節(jié)已經(jīng)不到兩個(gè)月時(shí)間,去年京東商城最終以累計(jì)下單金額高達(dá)1199億元(行業(yè)口徑)的戰(zhàn)績(jī)收官。而記者了解到每年借著“京東618”“雙11”這兩股全民消費(fèi)熱潮的新零售品牌遠(yuǎn)遠(yuǎn)不止淘寶與京東兩家,已成為了整個(gè)產(chǎn)業(yè)鏈方方面面品牌的推廣盛宴。

因此,每年的618購(gòu)物節(jié)參與的企業(yè)數(shù)量可謂“蕓蕓之眾”,這場(chǎng)一年比一年盛大的狂歡節(jié)也對(duì)支撐其后的運(yùn)算資源、網(wǎng)絡(luò)平臺(tái)、存儲(chǔ)與挖掘大數(shù)據(jù)提出了更高更嚴(yán)苛的要求。針對(duì)各家的技術(shù)資源體系、技術(shù)運(yùn)維團(tuán)隊(duì)、大數(shù)據(jù)智能技術(shù)水平也成為了企業(yè)高管的“第一關(guān)注”。

而記者采訪了多家新零售企業(yè)的CIO,提及如何更好地應(yīng)對(duì)即將到來(lái)的今年“618”,他們大多表示:“增加服務(wù)器及運(yùn)算資源、優(yōu)化技術(shù)架構(gòu)提高冗余、完成即時(shí)大數(shù)據(jù)挖掘分析是今年的三大要?jiǎng)?wù)?!钡拇_,在保證全民購(gòu)物節(jié)完美的用戶操作體驗(yàn)之外,對(duì)自身企業(yè)在這場(chǎng)沒有硝煙的商戰(zhàn)中獲得的寶貴數(shù)據(jù)充分分析并加以利用也成為了CIO們所考量的重點(diǎn),讓精準(zhǔn)營(yíng)銷落地同時(shí)指導(dǎo)未來(lái)的市場(chǎng)規(guī)劃。

如何更好的挖掘大型項(xiàng)目節(jié)點(diǎn)中企業(yè)獲得的巨量數(shù)據(jù)?如何將挖掘數(shù)據(jù)中的信息得以簡(jiǎn)明有效的呈現(xiàn),最終迅速指導(dǎo)市場(chǎng)策略?記者在618前夕走訪了國(guó)內(nèi)新銳的數(shù)據(jù)智能解決方案企業(yè)——袋鼠云。

袋鼠云:可視化大屏打造智能數(shù)據(jù)方案全閉環(huán)

袋鼠云這家在去年完成6000萬(wàn)人民幣A輪融資的數(shù)據(jù)智能新銳公司,在今年動(dòng)作頻頻,完善提升自身數(shù)據(jù)智能產(chǎn)品線研發(fā)的同時(shí),也在今年大量引入高端人才,全面完善數(shù)據(jù)智能整體品牌價(jià)值。

記者在采訪中了解到,袋鼠云致力于打造從企業(yè)數(shù)據(jù)資源規(guī)劃與獲取、數(shù)據(jù)質(zhì)量分析與提升、數(shù)據(jù)整體建模與數(shù)據(jù)資產(chǎn)管理、數(shù)字化標(biāo)簽引擎建立、數(shù)字指標(biāo)體系梳理與計(jì)算、數(shù)據(jù)應(yīng)用規(guī)劃與實(shí)現(xiàn)、數(shù)據(jù)可視化大屏呈現(xiàn)等全閉環(huán)的企業(yè)智能數(shù)據(jù)解決方案。最終以數(shù)據(jù)為最可靠的技術(shù)基礎(chǔ),通過(guò)袋鼠云的數(shù)據(jù)內(nèi)容策劃團(tuán)隊(duì)的有效建模,配以令人印象深刻的專業(yè)視覺設(shè)計(jì),通過(guò)可視化大屏將簡(jiǎn)明有效且具沖擊力的數(shù)據(jù)內(nèi)容呈現(xiàn)在領(lǐng)導(dǎo)或者客戶面前。

袋鼠云這家在去年完成6000萬(wàn)人民幣A輪融資的數(shù)據(jù)智能新銳公司,在今年動(dòng)作頻頻,完善提升自身數(shù)據(jù)智能產(chǎn)品線研發(fā)的同時(shí),也在今年大量引入高端人才,全面完善數(shù)據(jù)智能整體品牌價(jià)值。

記者在采訪中了解到,袋鼠云致力于打造從企業(yè)數(shù)據(jù)資源規(guī)劃與獲取、數(shù)據(jù)質(zhì)量分析與提升、數(shù)據(jù)整體建模與數(shù)據(jù)資產(chǎn)管理、數(shù)字化標(biāo)簽引擎建立、數(shù)字指標(biāo)體系梳理與計(jì)算、數(shù)據(jù)應(yīng)用規(guī)劃與實(shí)現(xiàn)、數(shù)據(jù)可視化大屏呈現(xiàn)等全閉環(huán)的企業(yè)智能數(shù)據(jù)解決方案。最終以數(shù)據(jù)為最可靠的技術(shù)基礎(chǔ),通過(guò)袋鼠云的數(shù)據(jù)內(nèi)容策劃團(tuán)隊(duì)的有效建模,配以令人印象深刻的專業(yè)視覺設(shè)計(jì),通過(guò)可視化大屏將簡(jiǎn)明有效且具沖擊力的數(shù)據(jù)內(nèi)容呈現(xiàn)在領(lǐng)導(dǎo)或者客戶面前。

袋鼠云CEO在采訪中向記者介紹了典型客戶“中國(guó)茅臺(tái)”可視化大屏項(xiàng)目實(shí)施情況,他告訴記者:“世界第一白酒品牌“中國(guó)茅臺(tái)”之所以選擇袋鼠云建設(shè)數(shù)據(jù)可視化大屏項(xiàng)目,主要是基于要解決全面打造企業(yè)數(shù)據(jù)中臺(tái)以及將中國(guó)茅臺(tái)品牌能力直觀生動(dòng)地呈現(xiàn)給領(lǐng)導(dǎo)與參觀客戶?!?

袋鼠云:可視化大屏打造智能數(shù)據(jù)方案全閉環(huán)

“基于此,袋鼠云為他們從數(shù)據(jù)管理與應(yīng)用方式方法上改變思路, 有些甚至是全新的角度與理念,目的也是為了讓‘中國(guó)茅臺(tái)’的企業(yè)數(shù)據(jù)價(jià)值更好的被利用?!彼嬖V記者:“因?yàn)槊┡_(tái)品牌社會(huì)面很廣,袋鼠云后期基于數(shù)據(jù),提供的諸如輿情分析系統(tǒng)、反黃牛數(shù)據(jù)系統(tǒng)等富有社會(huì)成效的定制功能,獲得客戶的高度認(rèn)可?!?

數(shù)據(jù)智能(DI)不僅僅是把數(shù)據(jù)放在一起,而是要聚集產(chǎn)生化學(xué)反應(yīng)?!爸袊?guó)茅臺(tái)”這個(gè)客戶應(yīng)用就很典型,他繼續(xù)向記者介紹:“我們給客戶的數(shù)據(jù)分析與決策都是動(dòng)態(tài)的,實(shí)時(shí)監(jiān)控大屏即時(shí)展現(xiàn)茅臺(tái)酒的交易總額是多少?哪個(gè)地區(qū)的茅臺(tái)酒目前是銷量最高的?哪些客戶最熱衷于他們的產(chǎn)品?這些動(dòng)態(tài)的數(shù)據(jù)分析結(jié)果都能實(shí)時(shí)呈現(xiàn)在展會(huì)現(xiàn)場(chǎng)的可視化大屏幕上。另外茅臺(tái)做的可視化大屏,也直觀地體現(xiàn)了茅臺(tái)用戶群體的年輕化趨勢(shì),這和我們之前想象中茅臺(tái)的消費(fèi)者較高年齡層的情況不一樣。這次可視化大屏解決方案幫助茅臺(tái)更清晰地了解了自己的終端用戶,要知道以前客戶數(shù)據(jù)分散在經(jīng)銷商、渠道商那里,到底誰(shuí)喝了茅臺(tái)酒,茅臺(tái)集團(tuán)是無(wú)法獲知的。”

袋鼠云:可視化大屏打造智能數(shù)據(jù)方案全閉環(huán)
袋鼠云:可視化大屏打造智能數(shù)據(jù)方案全閉環(huán)
袋鼠云:可視化大屏打造智能數(shù)據(jù)方案全閉環(huán)

而實(shí)時(shí)采集數(shù)據(jù),實(shí)時(shí)處理分析數(shù)據(jù)也是袋鼠云口中的“一大門檻”。記者了解到,類似袋鼠云這樣的從數(shù)據(jù)采集--數(shù)據(jù)存儲(chǔ)--數(shù)據(jù)應(yīng)用--數(shù)據(jù)呈現(xiàn)整體打造閉環(huán)的數(shù)據(jù)智能解決方案服務(wù)商在行業(yè)里具有很大優(yōu)勢(shì)。在中國(guó)茅臺(tái)的典型方案中這一點(diǎn)就展露無(wú)遺。他向記者介紹:“中國(guó)茅臺(tái)選擇過(guò)去傳統(tǒng)服務(wù)商時(shí),手機(jī)端與電腦端的開發(fā)商是不同的,因此移動(dòng)端和PC端后臺(tái)數(shù)據(jù)沒有打通,形成了非即時(shí)的數(shù)據(jù)孤島。而采用了袋鼠云“全域”智能數(shù)據(jù)解決方案后,所有的標(biāo)準(zhǔn)制定都是相同的,數(shù)據(jù)得以深入而全面的加工。而精準(zhǔn)營(yíng)銷、反黃牛、打標(biāo)簽、輿情監(jiān)測(cè)、秒殺系統(tǒng)等等富有成效的模型都是基于企業(yè)數(shù)據(jù)的被統(tǒng)一聯(lián)結(jié)并做出實(shí)時(shí)分析結(jié)果?!?

記者談到實(shí)時(shí)數(shù)據(jù)可視化這個(gè)部分時(shí),袋鼠云CEO顯得自信滿滿。他告訴記者:“數(shù)據(jù)的實(shí)時(shí)性采集非常重要,“袋鼠云”實(shí)現(xiàn)了TB級(jí)別甚至是PB級(jí)別的大數(shù)據(jù)進(jìn)行實(shí)時(shí)處理,實(shí)現(xiàn)秒級(jí)反饋是最基本的要求?!彼^續(xù)告訴記者:“這得益于袋鼠云的技術(shù)團(tuán)隊(duì)多數(shù)來(lái)自于阿里云,針對(duì)業(yè)務(wù)暴增、惡劣環(huán)境等極端情況下的峰值保障應(yīng)急處理的技術(shù)與能力具有相當(dāng)?shù)慕?jīng)驗(yàn)。”記者還了解到,袋鼠云現(xiàn)在的技術(shù)團(tuán)隊(duì)都曾經(jīng)歷過(guò)“天貓雙11”等等大型活動(dòng),并協(xié)助茅臺(tái)、百草味、秒錢、申通E等多家公司順利完成了大促護(hù)航等工作。

記者觀察:一方面基于人才技術(shù)優(yōu)勢(shì)打造團(tuán)隊(duì)“硬氣功”,另一方面深化客戶項(xiàng)目落地可視化效果的“軟實(shí)力”,在袋鼠云眼中一個(gè)睥睨新業(yè)界的發(fā)展藍(lán)圖已清晰可見。

藍(lán)藍(lán)設(shè)計(jì)www.yvirxh.cn )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)

日歷

鏈接

個(gè)人資料

存檔