介紹

這里所描述的過(guò)程將使你能夠創(chuàng)建一個(gè)簡(jiǎn)單的基于jQuery / XML的解析器和搜索機(jī)制。此過(guò)程將通過(guò)一個(gè)AJAX請(qǐng)求檢索XML，然后在jQuery中分析數(shù)據(jù)，為搜索機(jī)制做準(zhǔn)備。該解決方案將基于不區(qū)分大小寫的全部或部分關(guān)鍵字匹配地返回結(jié)果。來(lái)自于關(guān)鍵字搜索的返回結(jié)果設(shè)置將被格式化為一個(gè)直接鏈接到相應(yīng)網(wǎng)站的超鏈接。jQuery搜索方法非常類似于Mike Endale的一個(gè)項(xiàng)目，不過(guò)增加了一個(gè)DOM解析器，正則表達(dá)式以及結(jié)果集分組。

背景

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

使用代碼

該解決方案的做法是利用一個(gè)簡(jiǎn)單的基于JavaScript / XML的搜索來(lái)發(fā)送數(shù)據(jù)結(jié)果到HTML / JavaScript前端。前端將引用腳本：jQuery，XML和CSS文件。XML格式將因?yàn)樗目勺x性和它是數(shù)據(jù)交換行業(yè)標(biāo)準(zhǔn)格式之一的事實(shí)而被使用。 XML數(shù)據(jù)將通過(guò)使用AJAX的客戶端jQuery解析，并通過(guò)Internet Explorer 11呈現(xiàn)。

解決方案將使用RegExp對(duì)象來(lái)處理關(guān)鍵字匹配，驗(yàn)證和特殊字符處理。RegExp對(duì)象字符串將檢查危險(xiǎn)語(yǔ)法從而提高解決方案的穩(wěn)定性和整體可用性。

我們將默認(rèn)使用JavaScript分組功能來(lái)返回匹配結(jié)果作為折疊的紀(jì)錄集。折疊的記錄集線項(xiàng)目將被URL鏈接到相關(guān)的Project Workspace網(wǎng)站。在擴(kuò)展的組記錄集下，結(jié)果將存在于相關(guān)的子記錄中，當(dāng)通過(guò)On Click事件展開(kāi)的時(shí)候。

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

個(gè)性化的用戶體驗(yàn)是目前網(wǎng)頁(yè)和APP設(shè)計(jì)的大趨勢(shì)。個(gè)性化的新體驗(yàn)大多建立在單獨(dú)內(nèi)容的聚合體之上，而多類型的內(nèi)容想要聚合起來(lái)，卡片式的界面則是最合適的載體。如今你所看到的UI界面設(shè)計(jì)，卡片式設(shè)計(jì)幾乎無(wú)處不在，從新聞?lì)愓军c(diǎn)到游戲界面，從物流APP到社交媒體，等等等等。今天的文章將會(huì)詳細(xì)解釋卡片式設(shè)計(jì)對(duì)于設(shè)計(jì)師的意義，以及常見(jiàn)的卡片式設(shè)計(jì)的功能與特性。

在今年的UX Weeks大會(huì)上，Jim Kalbach組織了一場(chǎng)Mapping Experience的工作坊，提出在產(chǎn)品和服務(wù)之間關(guān)系日益密切的今天，如何形成一個(gè)服務(wù)生態(tài)系統(tǒng)，是商業(yè)競(jìng)爭(zhēng)中的重點(diǎn)。其實(shí)阿里巴巴集團(tuán)在早前就提出了“商業(yè)生態(tài)”這個(gè)概念，但是到底應(yīng)該如何做？Jim提出：想要在競(jìng)爭(zhēng)中勝出，其中非常重要的，就是必須清楚的了解自己提供的各種產(chǎn)品和服務(wù)是如何相互作用的，以及是怎樣在用戶的生活中發(fā)生影響的。

其實(shí)在整個(gè)行業(yè)以及設(shè)計(jì)咨詢工作中，很多這方面的工具已經(jīng)被大量的討論和使用了，像服務(wù)藍(lán)圖、用戶旅程圖和用戶體驗(yàn)地圖等等。這些圖表工具都試圖提供一個(gè)系統(tǒng)化的視角，以可視化的表達(dá)方式，讓你有機(jī)會(huì)洞察到體驗(yàn)改善和業(yè)務(wù)增長(zhǎng)的機(jī)會(huì)。

編者按：如何形成自己的設(shè)計(jì)方法，建立交付物的衡量標(biāo)準(zhǔn)，優(yōu)化協(xié)同模式。在這篇文章里，你可以看到一個(gè)阿里專業(yè)設(shè)計(jì)師是如何進(jìn)行自我提升的。

鴻影：如果2015對(duì)我來(lái)說(shuō)尚處于用戶體驗(yàn)設(shè)計(jì)的職場(chǎng)入門階段，2016的核心則是開(kāi)始撕下初級(jí)與新人標(biāo)簽的進(jìn)階修煉。4月份的2016 S1開(kāi)始的時(shí)候，我給自己設(shè)定了包括形成個(gè)人設(shè)計(jì)方法論與應(yīng)用案例等一系列目標(biāo)，如今S1結(jié)束，也是時(shí)候?qū)@段時(shí)間的進(jìn)階修煉來(lái)一個(gè)總結(jié)回顧了。

形成自己的設(shè)計(jì)方法

在公司內(nèi)部經(jīng)常會(huì)有一些跨部門的UED分享活動(dòng)，聽(tīng)下來(lái)個(gè)人最明顯的一點(diǎn)感觸就是，這些來(lái)分享的設(shè)計(jì)師普遍有著一套自己思考總結(jié)出來(lái)的設(shè)計(jì)方法論，并且有成功應(yīng)用案例支撐。

也許有人會(huì)有疑惑，現(xiàn)在關(guān)于設(shè)計(jì)方法的輪子到處都是，網(wǎng)上隨便一搜就能找到某某大廠某某大牛的設(shè)計(jì)方法分享，直接拿來(lái)用就好了，為什么還要費(fèi)心費(fèi)力自己造輪子呢？

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