介紹

這里所描述的過程將使你能夠創建一個簡單的基于jQuery / XML的解析器和搜索機制。此過程將通過一個AJAX請求檢索XML，然后在jQuery中分析數據，為搜索機制做準備。該解決方案將基于不區分大小寫的全部或部分關鍵字匹配地返回結果。來自于關鍵字搜索的返回結果設置將被格式化為一個直接鏈接到相應網站的超鏈接。jQuery搜索方法非常類似于Mike Endale的一個項目，不過增加了一個DOM解析器，正則表達式以及結果集分組。

背景

客戶端需要一個簡單的搜索工具來查找基于關鍵字搜索的本地內部網站。關鍵字搜索必須不區分大小寫，并允許返回部分匹配的結果。歸咎于客戶端內容管理系統的架構，因此（SharePoint）只能執行客戶端腳本。其解決方案的另一個障礙是，源數據將來自多個源。數據被存儲在多個Excel電子表格，CSV文件和MS Access數據庫內。這就對我們提出了這樣的需要：開發具有一系列查詢和一個宏的Access解決方案，充當可合并、擦洗，并最后格式化數據作為XML輸出的偽ETL。對于這個解決方案的目的，我們將詳細介紹JavaScript XML分析器的設計，而不是偽Access ETL宏工具的設計。

使用代碼

該解決方案的做法是利用一個簡單的基于JavaScript / XML的搜索來發送數據結果到HTML / JavaScript前端。前端將引用腳本：jQuery，XML和CSS文件。XML格式將因為它的可讀性和它是數據交換行業標準格式之一的事實而被使用。 XML數據將通過使用AJAX的客戶端jQuery解析，并通過Internet Explorer 11呈現。

解決方案將使用RegExp對象來處理關鍵字匹配，驗證和特殊字符處理。RegExp對象字符串將檢查危險語法從而提高解決方案的穩定性和整體可用性。

我們將默認使用JavaScript分組功能來返回匹配結果作為折疊的紀錄集。折疊的記錄集線項目將被URL鏈接到相關的Project Workspace網站。在擴展的組記錄集下，結果將存在于相關的子記錄中，當通過On Click事件展開的時候。

編者按：可以說現如今的移動端UI設計中，卡片式設計撐起了半壁江山，它隨性自由又充滿了邏輯和組織性，它不僅流行著，而且還正在變得更加流行。它長盛不衰的秘密到底何在？讀下去~

個性化的用戶體驗是目前網頁和APP設計的大趨勢。個性化的新體驗大多建立在單獨內容的聚合體之上，而多類型的內容想要聚合起來，卡片式的界面則是最合適的載體。如今你所看到的UI界面設計，卡片式設計幾乎無處不在，從新聞類站點到游戲界面，從物流APP到社交媒體，等等等等。今天的文章將會詳細解釋卡片式設計對于設計師的意義，以及常見的卡片式設計的功能與特性。

在今年的UX Weeks大會上，Jim Kalbach組織了一場Mapping Experience的工作坊，提出在產品和服務之間關系日益密切的今天，如何形成一個服務生態系統，是商業競爭中的重點。其實阿里巴巴集團在早前就提出了“商業生態”這個概念，但是到底應該如何做？Jim提出：想要在競爭中勝出，其中非常重要的，就是必須清楚的了解自己提供的各種產品和服務是如何相互作用的，以及是怎樣在用戶的生活中發生影響的。

其實在整個行業以及設計咨詢工作中，很多這方面的工具已經被大量的討論和使用了，像服務藍圖、用戶旅程圖和用戶體驗地圖等等。這些圖表工具都試圖提供一個系統化的視角，以可視化的表達方式，讓你有機會洞察到體驗改善和業務增長的機會。

編者按：如何形成自己的設計方法，建立交付物的衡量標準，優化協同模式。在這篇文章里，你可以看到一個阿里專業設計師是如何進行自我提升的。

鴻影：如果2015對我來說尚處于用戶體驗設計的職場入門階段，2016的核心則是開始撕下初級與新人標簽的進階修煉。4月份的2016 S1開始的時候，我給自己設定了包括形成個人設計方法論與應用案例等一系列目標，如今S1結束，也是時候對這段時間的進階修煉來一個總結回顧了。

形成自己的設計方法

在公司內部經常會有一些跨部門的UED分享活動，聽下來個人最明顯的一點感觸就是，這些來分享的設計師普遍有著一套自己思考總結出來的設計方法論，并且有成功應用案例支撐。

也許有人會有疑惑，現在關于設計方法的輪子到處都是，網上隨便一搜就能找到某某大廠某某大牛的設計方法分享，直接拿來用就好了，為什么還要費心費力自己造輪子呢？

在我自己的設計方法還沒有完全成型時，我一度很迷信于網上別人的各種設計方法的分享，并試圖在自己的項目里加以運用，但結果卻差強人意：設計推導的過程看似洋洋灑灑專業性十足，拿出來給別人一看一講就發現漏洞百出；有時為了套方法而套方法，體驗地圖一類的輸出物看似有模有樣，最后項目做完了才發現設計方案時基本沒用到……雖然自己用的都是別人經過驗證的設計方法，但卻沒有理解透這些方法的應用場景與局限所在，也不清楚哪些環節其實并非必要存在，自然也讓實際的應用效果大打折扣。而靠自己思考、沉淀和交流改進出來的設計方法，理解和運用起來則要透徹順手很多。

編者按：如何形成自己的設計方法，建立交付物的衡量標準，優化協同模式。在這篇文章里，你可以看到一個阿里專業設計師是如何進行自我提升的。

鴻影：如果2015對我來說尚處于用戶體驗設計的職場入門階段，2016的核心則是開始撕下初級與新人標簽的進階修煉。4月份的2016 S1開始的時候，我給自己設定了包括形成個人設計方法論與應用案例等一系列目標，如今S1結束，也是時候對這段時間的進階修煉來一個總結回顧了。

形成自己的設計方法

在公司內部經常會有一些跨部門的UED分享活動，聽下來個人最明顯的一點感觸就是，這些來分享的設計師普遍有著一套自己思考總結出來的設計方法論，并且有成功應用案例支撐。

也許有人會有疑惑，現在關于設計方法的輪子到處都是，網上隨便一搜就能找到某某大廠某某大牛的設計方法分享，直接拿來用就好了，為什么還要費心費力自己造輪子呢？

在我自己的設計方法還沒有完全成型時，我一度很迷信于網上別人的各種設計方法的分享，并試圖在自己的項目里加以運用，但結果卻差強人意：設計推導的過程看似洋洋灑灑專業性十足，拿出來給別人一看一講就發現漏洞百出；有時為了套方法而套方法，體驗地圖一類的輸出物看似有模有樣，最后項目做完了才發現設計方案時基本沒用到……雖然自己用的都是別人經過驗證的設計方法，但卻沒有理解透這些方法的應用場景與局限所在，也不清楚哪些環節其實并非必要存在，自然也讓實際的應用效果大打折扣。而靠自己思考、沉淀和交流改進出來的設計方法，理解和運用起來則要透徹順手很多。

在可以預見的科技發展中，汽車將是我們目前所能想象的下一個最重要的移動設備。汽車的 UI 將會朝什么方向發展？跟隨本文一起開一下腦洞吧。

提到網站SEO優化，我們首先想到的是“一個中心，兩個基本點”，而訪問一個網站，我們首先會去關注的是這個網站的導航，一個網站的導航就好比是一本書的目錄，具有檢索功能、報道功能、導讀功能，通過網站的導航我們就可以了解到這個網站的主題和定位，具有引領讀者的作用，由此看來網站導航在SEO優化網站有著舉足輕重的地位。

　　將導航放置何處，以何種方式展現，這都是不容忽視的，無論是水平布局還是垂直布局，都要盡量滿足用戶使用習慣，水平式導航菜單的好處是明顯，清晰可見，大家都會知道導航條在上方，而且不是那么占據空間，而垂直的導航菜單可以兼容不同的屏幕尺寸。

　　說到網站的導航，究竟網站中包含了那五大導航，這五大導航在SEO優化網站中究竟又有什么作用？接下來，SEO論壇就結合一下SEO優化知識來給大家一起探討網站中的五大導航。

最近，我在一個安卓VR app項目當中負責界面的設計開發工作。對我個人來說，這是一片從未涉足過的全新領域，因此感到無比興奮，并希望將自己一路上所學到的經驗分享給各位，同時也想通過這種形式對自己的一些設計方法和解決方案進行總結。

在很長一段時間里面，網頁中的背景圖片元素，一直都生活在CSS、JS甚至視頻的陰影當中，它的“參與感”并不強烈。不過隨著審美和用戶需求的逐步變化，背景圖片在網頁裝飾上，開始發揮著越來越重要的作用。

當然，從總體上來看，變化并不明顯，但是在絕大多數的情況下，背景圖片開始作為主要的視覺驅動力而存在。

傳統意義上的背景主要是使用圖片，近幾年開始流行視頻背景了。而這些主要還是集中在網站的頁頭、Banner等位置，大多用來歡迎用戶，推薦內容。許多網站都采取了相似的策略，讓用戶有所期待。

隨著動效的流行，現在越來越多的設計師開始試圖將CSS3、HTML5和JS等技術融入到背景設計中來，尋求全新的解決方案。事實上，現在已經有四種不同類型的動態背景設計方案，它們風格都非常符合時下流行的趨勢，且都具備不俗的發展潛力，今天我們聊聊這四種風格前衛大氣的背景設計。

因為工作需要，經常做風險性分析與效能評估，對于用戶研究同學可能更專業的知道定性分析與定量分析，同樣的，產品經理、交互設計、用戶研究三個同學對這個話題也都應該敏感。但是他們是在產品不同階段有所側重點的關注和關心對產品的定性與定量分析。

我們的產品經理，交互設計還是用戶研究等同學經常對一個問題爭論不休，究其緣由無非我們審視產品的視覺角度不同，其實，說實在話，沒有絕對的對錯，難道不是嗎？尤其是作為產品經理，在項目當中不應該是辯解者的姿態，而應該是事務推動型的控制平衡者。