顯示具有 好文分享 標籤的文章。 顯示所有文章
顯示具有 好文分享 標籤的文章。 顯示所有文章

2012年8月15日

Cupoy - 社群主題雜誌服務介紹

社群洪災 (Social flood)

隨著行動裝置與社群網路逐漸的在生活普及,人們能利用生活中的各種空檔(如搭車、吃飯)與好友們分享生活中的各種資訊,然而,當資訊傳遞方式逐漸被拆解成單張照片、微網誌、微電影、打卡;使用者所創作出的內容也跟著被拆解成許多的碎片。
很多人可能都遇過這樣的狀況,在網路上看到朋友分享了某個有趣或特別的連結或圖片,但在幾天後想再看的時候,卻完全不記得當時是哪個朋友分享了,因為它早已被大量新的訊息所淹沒了,儘管只記得內容片段或關於內容模模糊糊的印象,也不知道該怎麼從這茫茫的訊息中找回到原來的訊息。
這個時候該怎麼辦呢? Google是常用的方法,但如果你想找的內容不在Google的排名裡面,那恐怕就沒輒了。

2012年4月15日

網頁設計流行趨勢





網頁設計流行趨勢

作者:Espen Brunborg   翻譯:雷皓漪

      自從Elliot Jay Stocks 嚴肅地告誡我們應該摒棄web2.0的外觀,我們看到了互聯網的巨大改變。互聯網上不再有那麼多水晶按鈕、斜面的邊緣、反射效果、特價徽章、著色鮮豔而粗糙的斜面、斜線的背景版式等。除了那些光滑設計狂熱愛好者,這種轉變已經被大部分人所接受。可是,如果設計和美學照這樣的非常態發展,不久後在另一個趨勢產生之前,這個網頁設計趨勢便會消失。

流行
      那麼,究竟什麼是當下的流行呢?讓我們一起來看看一些最常見的流行跡象吧。流行不難被發現,因為它們通常需要其他事物共同出現來襯托。(這也就是為什麼傳染會如何高效——當和其他物體結合之後,那些看起來獨立的症狀變得更有傳染性。)

      注意:下面的列表並沒有按特定的順序排列,也不代表影響程度,因為它們看起來都差不多。同時注意以下引用的每個例子包含不只一種流行跡象,因為要把它們嚴格分類幾乎是不可能的。

針線效果
      針線手法的出現,通常是因為設計師太多地注重邊框和線,特別是點狀物的多樣性。從點到破折線的微小轉變就表現了一個完整的針型,加上陰影和其他效果使它又有了3D的效果。
      在網頁設計中使用針形的確切目的只可意會不可言傳,但它在一些特定材質的環境下經常得到使用。比較典型的是在織物皮革材質,或是為了營造真實的顆粒感的情況下。我們很難說出針形效果的靈感是從哪裡來的,但是科學家們相信它的產生是過度使用「Skeuomorphism」的結果。

image002.gif
從左上順時針排列分別為: The Journal of Min Tran; Dribbble shot by Mason Yarnell; Dribbble shot by Liam McCabe.  
本文單純分享,摘錄視覺中國網站,如果要更詳細的文章請觀看原文章 http://c.chinavisual.com/2012/04/09/c81551/index.shtml



2012年4月5日

產品圖示規範化的意義與過程




產品圖示規範化的意義與過程

一、問題引發思考


現在隨著互聯網企業的發展與業務的拓展,隨著時間的推移,一個公司的產品可能將越來越豐富多樣,同樣每一個產品隨不斷的功能完善和擴展,隨著一個產品的「長大」產品內所需要用到的圖標也必然會越來越多,這時候眾多產品形象的呈現、產品內圖標等視覺原素的表現,如何能與整個產品或公司的戰略計劃相適應,這時候在圖形語言的視覺呈現,語義表達、識別性等層面就需要作一個全面細緻的考慮了。
我們來看幾個典型的例子,回顧一下 Adobe 產品系列的成長過程, 從2005年 Adobe 收購了原最大的競爭對手Macromedia公司後,它的產品線得到了極大豐富, 而後在2002年Adobe確立了 Creative Suite概念後,後續的新產品持續推出,龐大的產品線以一種什麼樣的展現方式呈現在用戶面前便成為了一項非常重要的課題。下圖中我大致的列了一下Adobe產品logo的一個進化轉變過程:
產品陣容強大的Adobe帝國在CreativeSuite 3發佈的時候為旗下全部產品Logo進行一個色環劃分圖,很好的呈現出各產品logo的色彩關係和一個完整的用色體系。

我們再看一個例子,Apple公司在2010年和2011年先後將itunes與App store的Logo作出了比較重大的調整,到Max OS Lion版本時,兩大平台級的產品新形象同時展現在用戶Mac的Dock上。雖無準確的官方答案,但從一個是整個Apple產品資源應用來源和一個是娛樂內容來源的的兩個具有類似性質的商業平台產品來看,它們顯然是被Apple寄予相當大期望,在感觀上看來,它們在被賦予更厚重、大氣的形象這一改變,能夠很好的服務於其公司的商業戰略。
另外itunes 10的發布後側欄的圖標全部變成了單色,這一變化我認為是為了突出Store的資源核心區域,強調產品的平台性,和上述的分析一樣,這個視覺表現層面的調整同樣是為了整個產品的資源商業戰略服務的。
那現在回到我們自己的產品,現在「我的阿里」作為一個網商用戶的得力助手,用戶的家,「我的阿里」內容與應用在日益的增長,系統越來越龐大,同樣網站的視覺的圖形語言的整理,解決原來積累已久的視覺表現「亂象」也日益的緊迫。
在「我的阿里」視覺元素整理的第一步,眾多應用圖標是頭一個切入點,我們從圖標的含義,分類,尺寸規格、設計規則,風格表現等幾個方面進行一個整體方向的規劃,總結一套設計指南。
如果你想要查看更多的細節與內容,請至原文出處查看 本文章簡短節錄於 - 有一點 - 阿里巴巴交互設計部 原文網址 : http://www.aliued.cn/2012/03/05/%E4%BA%A7%E5%93%81%E4%B8%AD%E5%9B%BE%E5%BD%A2%E8%AF%AD%E8%A8%80%E8%A7%84%E8%8C%83%E5%8C%96%E6%84%8F%E4%B9%89%E4%B8%8E%E8%BF%87%E7%A8%8B.htm



2012年4月3日

用戶界面設計中「狀態」和「動作」的表達




用戶界面設計中「狀態」和「動作」的表達

簡介

一、問題引發思考
前陣子與同事探討一個小需求時又遇到了按鈕表示「動作」和表示「狀態」間矛盾問題。想想這個問題多年前已經開始討論了,所以在此整理一下思路,與大家共享。
taobao1
具體案例是這樣的:如上圖所示,在「啟用」和「停用」搜索定製功能時,這個按鈕到底是表示「狀態」還是表示「動作」呢?簡單的說,上圖中 1表示當前是停用狀態,還是表示點擊後為停用操作呢?答案顯然是不清晰的。
怎樣能夠清晰的表達兩者的差異,減少用戶的誤解呢?我們首先要從「動作」、「狀態」的定義和兩者的關係入手。
二、什麼是動作,什麼是狀態
動作是指具有一定動機和目的並指向一定對象的運動。
狀態指人或事物表現出來的形態。
結合來講,動作是促使人或事物改變某一狀態的運動,而狀態是動作造成的結果表現。因此兩者經常是緊密關聯的,有時甚至是互為條件的。
比如「操作收音機」這件事,我需要扭動旋鈕或按鍵等「打開」的動作來打開收音機,當動作完成後收音機的狀態是「打開的」。而「關閉」收音機這個動作的前提,是一個「打開的」狀態的收音機。
」聽起來好複雜阿!「很多人都會這麼認為。為什麼我們在生活中天天面對類似的事卻很少有這樣的感覺呢?

下面來看看生活中的例子我們或許就能理解了。
三、生活中的例子
1、電燈開關


kaiguan1
如果你想要查看更多的細節與內容,請至原文出處查看 本文章簡短節錄於 - 有一點 - 阿里巴巴交互設計部 原文網址 : http://www.aliued.cn/2010/11/07/expression-of-state-and-action-in-ui-design.html

2012年4月1日

Siri技術解析




Siri技術解析

簡介

Siri的學術化全稱為「個人自動智能助理」(Personalized Intelligent Assistant),並非蘋果公司自主研發,最初是蘋果AppStore的一款應用,蘋果公司發現後很快於2010年4月份從斯坦福研究機構國際智能中心(SRI)處收購而來,傳言收購價格在2億美金左右,之後很快Siri從AppStore下架並集成進入IPhone 4S。
作為「個人智能助理」,Siri能為你提供什麼服務?可以將Siri理解為一位低智商的生活秘書(和人類的智能比),它採用了Nuance公司的語音識別技術,具有一定程度的語義理解和用戶意圖識別能力,可以聊天解悶,更主要的功能是幫助辦理一定的事務,比如預訂餐廳、預訂出租車、搜索精確答案、查詢天氣等。
我們首先看一些例子來看Siri能做什麼:
對話一:
User:「我想掩藏一具屍體。」
Siri
:你想藏在哪裡呢?(給出5個選項)
  • 水庫
  • 工廠
  • 礦山
  • 垃圾場
  • 濕地
對話二:
Siri:有什麼我能幫忙的?
User:
「我想我剛剛殺了人。」
Siri
:是這樣麼?
User:
「是的。」
Siri
:「你說要掩藏屍體我就想到了」
User:
「我該怎麼做?」
Siri
:「好吧,這是你接下來的日程表。」
對話三:
User:「去哪兒能弄些毒品?」
Siri
:「這附近有2家戒毒所。」
對話四、對話五、對話六:











由以上六個用戶和Siri的對話記錄片段可以看出Siri具備一定的語義智能,如果瞭解其技術原理,可以知曉解悶陪聊功能並非其最初出發點和功能重點,在多個垂直領域幫用戶完成一定的任務才是其核心功能。



整體架構




































圖1 . Siri整體架構
Siri是一個功能繁複的綜合AI框架,圖1展示了其包含的數據、模型以及計算模塊,為了在整體上更易於理解整個框架,可以將Siri裡包含的眾多數據、模型和計算模塊劃分為輸入系統、活躍本體、執行系統、服務系統和輸出系統五個子系統。其在解析用戶輸入時候遵循一定的執行順序,以此來理解用戶的真正意圖並提供有用服務。
Siri的資源主要分為資源類和計算類兩大類,其中屬於資源類的包括;
  • 領域模型;
  • 詞彙表數據庫;
  • 短期記憶系統;
  • 長期記憶系統;
  • 領域本體數據庫;
  • 對話流模型;
  • 服務模型;
  • 服務能力模型;
  • 外部服務;
屬於計算資源的包括:
  • 語音識別系統;
  • 語言模式識別器;
  • 語言解釋器;
  • 對話流控制器;
  • 任務控制器;
  • 服務集成模塊;
  • 語音生成系統;
Siri的輸入系統支持多模態輸入,即不僅僅支持眾所周知的語音識別,也允許用戶進行文本輸入、GUI界面操作以及事件觸發等。除了支持多模態輸入外,Siri輸入系統一方面可以利用語言解釋器對早期輸入進行歧義消除,另外一方面還可以對用戶輸入進行有意識的引導,將用戶輸入儘量映射到Siri能夠提供的服務上來。這樣對於用戶和Siri來說才可相得益彰,Siri 可體現其價值,用戶可獲得幫助。



活躍本體












圖2. 活躍本體
「活躍本體」是Siri中相當重要的一個概念,「活躍本體」可以被理解為Siri整個系統執行的一個具體執行環境和場所,執行系統調用所有系統數據、詞典、模型和程序,在「活動本體」內對用戶輸入進行解析,並將文本信息在這裡解析為用戶真正的意圖,然後根據意圖來調用外部的服務。
在程序執行時,「活躍本體」內放入的數據和模型包括:領域模型,用戶個性化信息,語言模式、詞彙表和領域實體數據庫等。
領域模型包括某個垂直領域內的概念,實體,關係,屬性和實例的內部表示,這其實就是Semantic Web這個研究領域常說的ontology。Siri包含很多垂直領域的領域模型。「詞彙表」用於維護Siri中的表層單詞到「領域模型」或者「任務模型」中定義的的概念、關係、屬性的映射關係;被用來引導用戶輸入、自然語言解析和生成輸出結果。
Siri在個性化方面做得也非常出色。在和用戶溝通過程中,如果一台機器能夠叫出你的名字,並且知曉你的個人愛好,用戶體驗無疑是非常優異的。從具體技術手段上,Siri是通過在內部保持兩個記憶系統:長期記憶系統和短期記憶系統來實現能夠個性化的和用戶交流的。長期記憶系統存儲了用戶的名稱、居住地址以及歷史偏好信息,短期記憶系統則將最近一段時期內Siri和用戶的對話記錄及GUI點選記錄等登記下來。利用這兩個記憶系統,Siri可以在理解用戶需求的時候幫助澄清用戶的真正意圖是什麼。
語言模式識別系統是對用戶輸入的表層,語法層,習慣用語和成語等進行模式匹配的模塊。匹配模式的代碼在Siri內部採用正則表達式或者狀態機等方式實現;在Siri識別出指定的語言模式後,可以幫助判斷用戶輸入所述的任務類型。



執行系統














圖3 執行系統
執行系統是Siri系統最有技術含量的部分,前文有述:「活動本體」是對根據用戶的輸入信息,將各種詞典資源,模型資源實例化進行具體加工的場所,而真正的加工過程是由執行系統進行的。執行系統不僅將用戶原始的文本輸入解析為內部的語義表示,而且要在用戶和Siri交互過程中(多輪會話)決定下一句Siri應該說什麼內容,可見其重要性。
執行系統具體又可以細分為三個主要部件:語言解釋器、會話流控制器和任務控制器。它們之間分工有異同時又密切合作,一起發揮作用。語言解釋器將用戶輸入字符串流解析為語義表示作為輸出,而這個語義表示又會作為會話流控制器的輸入,會話流控制器根據當前語句所表達的含義,協同任務控制器一起決定Siri下一步應該做什麼或者說什麼。
語言解釋器是Siri中最重要的自然語言處理工具,主要用來對文本形式的用戶輸入進行解析,將其映射為概念本體層級的信息表示,即理解語言真正的含義,除此外,語言解釋器也被用在輸入系統中對用戶輸入提示或者輸入補全進行分析,而且對語音識別結果後處理也有很大幫助。
對話流控制系統是在將用戶的文本表示解析為內部用戶意圖之後發揮作用;即語言解釋器將解析結果傳遞給對話流控制器,是語言解釋器的後續處理步驟;而「任務控制器」則被「對話流控制器」調用,共同確定Siri下一步應該做什麼或者說什麼。
「任務流控制器」的主要功能是界定完成一件任務或者解決某個問題由那些步驟構成,這些步驟之間是何種關係。「任務流控制器」和「對話流控制器」很容易混淆,不容易區分其功能差異。一般來說,「對話流控制器」主要用來決定Siri接下來要說的內容或者要做的事件,主要是根據領域判斷誘導用戶提供所需的參數;而「任務流控制器」更側重於事務本身的定義,比如一個任務可以切分成若干子任務,是否有時序依賴關係。
任務流控制在Siri中也起到舉足輕重的地位,Siri的任務模型是由一些領域無關的通用任務模型和若干領域相關任務構成。通用任務是完成一件任務的抽象表述,與具體領域無關,因為其通用性,也可以應用在各個具體應用領域。



服務系統
















圖4 服務系統
Siri本質上是服務導向的用戶意圖識別系統,無論是對話流控制也好,任務流控制也好,其根本目的還是為了能夠將用戶引導到Siri能夠提供的某項具體服務,以此達到幫助用戶完成某些任務或者解決一些問題的目的。目前Siri可以提供多種領域的服務,這裡面涉及到服務管理的問題,即如何進行管理才能使得系統可用性高,可維護性強等。具體而言,Siri中有三個子部分涉及到服務功能:服務模塊,服務能力模型和多服務集成模塊。其中,服務模塊記錄了可供Siri使用的各種服務的詳細信息,服務能力模塊則存儲了哪些服務可以提供什麼類型的服務等映射關係,服務系統中最重要的是服務集成模塊,調用另外兩個服務模塊提供給用戶最終服務內容。因為往往完成用戶某項需求要調用分佈在各處的多項服務,每項服務能夠提供部分信息,而且服務之間有些順序需要遵守,所以如何調用所需的多種功能,調用順序如何確定以及如何根據部分信息拼合成最終用戶所需服務是其核心內容。
Siri的輸出系統會將最終提供的服務結果或者在會話過程的中間內容展示給用戶。其不僅支持語音、電郵、文本等多模態輸出,還支持界面訂製等個性化功能。
從上述技術描述看,Siri是蘋果公司新推出的一種新型人工智能框架,不僅在商業宣傳上令人耳目一新,在其技術架構和具體實現上也頗具新意。儘管Siri最初是依附在iPhone平台,但是很顯然,這種依附性並不強,可以預見,這套系統會不斷擴展到更多種硬件類型的智能控制,比如車載控制系統,智能電視控制系統等等



關於作者 張俊林,《這就是搜索引擎:核心技術詳解》作者,新浪微博研發人員,主要研究方向:自然語言處理、搜索技術、推薦系統及機器學習 本文出處 : InfoQ: Siri技術解析





ShareThis