Tag Archives: User Interface

Windows Phone Series 7 UI設計指南

Posted on March 16, 2010 by kayue

要數最近幾個月最令人興奮的科技新聞，Windows Phone Series 7 的出現絕對是第一名。Windows Phone Series 7 的 UI 比起 iPhone 的更令人驚艷和有創意，更得我歡心。當日消息一傳開後我便四處找相關的 screen shot。

Posted in User Experience | Tagged , , , | 2 Comments

抽絲剝繭的 icon 設計

Posted on March 15, 2010 by kayue

一個 icon 設計的好壞，除了好看與否以外，還有是功能性的考量 － 是否容易、準確地讓用戶理解到其所想表達的意思。每一個 UI 上的 icon （符號）背後其實都是一個「隱喻」，運用真實世界所熟悉的概念來描述某功能。 其中一個影響 icon 表達能力的因素是 icon 的真實度（realism）。在《Realism in UI Design》一文中作者舉出了如下例子：

Posted in User Experience, Web Design | Tagged , , , , , , , , | 2 Comments

何以視若無睹

Posted on March 7, 2010 by kayue

先來數一數白隊共互傳了多少次球？ 如果有觀察過一些不熟悉電腦操作軟件／網頁的情況，大概會時常發生一些 developer 和 designer 難以理解的現像－何以這麼大的一顆按鈕、一個告示，居然會被忽略掉？ 並不是因為他們有先天缺陷，「發雞盲」。如果明白到所有視覺影像都需先經大腦處理方可解讀，會發生以上情況就不是那麼難以理解了。學者稱之為「failures of visual awareness」，其成因眾說紛紜，本文無意探討（『演化心理學！』蕭生聽眾如是說 XD）。failures of visual awareness 可大概分為兩類，Change Blindness 及 Inattentional Blindness。

Posted in User Experience | Tagged , , | Leave a comment

電子雜誌全新體驗

Posted on February 17, 2010 by kayue

（影片可能無法在 RSS Reader 上正常顯示） 一直認為目前市場上所謂「電子雜誌」的存在是種倒退，將影印版原原本本地轉成 PDF 格式搬到電腦上，缺乏互動，麻煩之餘比網頁更加不如。

Posted in User Experience | Tagged , , , | Leave a comment

Moblin 2 Netbook Beta UI

Posted on May 21, 2009 by kayue

在 engadget 上看到這則關於 Moblin 2.0 beta 的消息。Moblin 是 Intel 旗下的一個 Linux-based netbook OS project，雖然目前只是 beta 版，但從 ui 上看已經非常成熟（金玉其外？）。我已經深深的被它的 ui 吸引，希望能取代 xp 成為主要的 netbook OS（當然絕大部份都會同時擁有兩個 os 啦）。就是風格方面有點像 sony 的 VAIO/PSP。 以下是官方提供的操作畫面：

Posted in User Experience | Tagged , , , , , , , , , , | 9 Comments

Designing Web Interfaces

Posted on March 14, 2009 by kayue

Bill Scott 為其新書《Designing Web Interfaces》作了一場演講，內容主要圍繞著書中談及的 6 個網頁介面設計原則，並提供了大量例子和 patterns。該 6 個原則為： make it direct keep it lightweight stay on the page provide invitation use transition react immediately

Posted in User Experience, Web Design | Tagged , , , | 3 Comments

Visual Communication for the Web

Posted on March 12, 2009 by kayue

早前介紹過的 LukeW 在 VizThink 2009 中就網上視覺傳播作了一場演講，內容包括 介紹利用視覺組織來傳達重要訊息、實作技巧和案例。 雖然沒找到該演講的視頻，但 slides 已經可以公開下載，有興趣的讀者請按此處下載（5MB PDF）。

Posted in User Experience | Tagged , , , , , | 3 Comments

Don't Click It

Posted on March 5, 2009 by kayue

Vista 其中一個為人垢病的地方，是其問長問短絮絮不休的介面，每一個多餘的點擊都令人不勝其煩。 想試一下「無點擊」的 UI 嗎？到 DontClick.it 體驗一下吧。這是一個建立於 2005 年的實驗性網站，這網站不允許訪客使用滑鼠點擊，否則會出現警告畫面。你會發現，人的習慣是很難改變的。

Posted in User Experience | Tagged , , , , , | 3 Comments

Microsoft 未來辦公室概念展示

Posted on March 3, 2009 by kayue

Microsoft 的研發部門 Microsoft Office Labs 最近把其對「未來辦公室」的概念研究成果公開，並制作成一段長達 5 分鐘的影片。片中展示了大量新的高科技產品和概念，如無處不在的 multi-touch 投射式螢幕（surface）、比哈利波特魔法世界更炫的電子報紙，透明螢幕、即時翻譯、cross-device interaction 等等。

Posted in User Experience | Tagged , , , , , , | 2 Comments

TAT－創新手機UI設計

Posted on February 28, 2009 by kayue

瑞典 UI 團隊 TAT–The Astonishing Tribe 設計了很多創新手機 UI，有興趣的讀者不妨瀏覽一下他們的 showcase 或 youtube 的 channel。例如上方影片所演示的 3D eyetracking UI，令手機 UI 變得有層次、有深度。

Posted in User Experience | Tagged , , , , , , | 4 Comments