background preloader


Facebook Twitter

Mockups. Take a second.


Let it sink in. The first impression might be disorienting. There are very few interface elements on the screen. Start exploring however, and you'll find out that Mockups is filled with powerful yet only-visible-when-you-need-them features. Getting your ideas out should be effortless. We've been in business long enough that we think we have learned enough about ourselves, our product, our customers and our competitive space to be able to put a stake in the ground and tell the world what we're about. Our sweet spot: the ideation phase Mockups really shines during the early stages of designing a new interface. Mockups is zenware, meaning that it will help you get "in the zone", and stay there. Mockups offers the same speed and rough feel as sketching with pencil, with the advantage of the digital medium: drag & drop to resize and rearrange elements, make changes without starting over, and your work is clear enough that you'll make sense of them later.

Skin: Ready to try it out? 10 個一流 UX 開發者的必備能力. 上次聊到了為什麼「Art」做不出好 UI,大家的討論非常熱烈,很多回應都非常精彩,幫這個話題添加了不少可以思考的面向。

10 個一流 UX 開發者的必備能力

今天我們就接著聊一個一流的前端 UX (User Experience/使用者體驗) 開發者,應該具備什麼樣的能力。 注意到這次我用的是 UX 而不是 Art 或是 UI (User Interface),因為使用者體驗才是一個軟體產品最重要的價值,尤其當你是一個從顧客出發的精實創業公司。 不確定 UX 是什麼的人,可以參考一下維基百科的定義: UX 就是使用者對一個產品所產生的感覺,它著重在體驗、情感、有意義的和有價值的人機互動以及擁有感 (也就是當你光拿著一台 iPad 2 就覺得很屌時),但它也包括了使用者對於產品的功能、容易上手程度和效率所留下的印象。 製作wireframe的免費工具. (Image Credit : baldiri ) 有idea,要畫wireframe,你都用什麼工具?


有很多很棒的工具,例如Balsamiq, OmniGraffle,iRise,Mac上的keynote + wireframe kit,Axure或是Visio, Word, Powerpoint等等,價格高低都有。 本文試著整理五個免費簡單又好用的畫wireframe工具,跟讀者分享: 1. 大予創意部落格(UI/GUI/介面多媒體互動設計) 大予創意設計成立至今已經即將屆滿一年了,在過去的一年裡,有許許多多的客戶、同事、業界朋友給大予不斷地支持與鼓勵,在此感謝大家對我們的信任,大予也希望在未來能做出更多更好的作品,與客戶一起開發出更令人經驗的產品。


在這段期間,我們接觸過大大小小的客戶,其中不但有上市上櫃公司,也有新創公司。 jQuery 學習心得筆記 (1) « ericsk.NET. 想要為自己學習 jQuery 的歷程作個記錄,這篇文章就是一些前言跟我喜歡 jQuery 的原因。

jQuery 學習心得筆記 (1) « ericsk.NET

為什麼要學 JavaScript? 有作過網頁的人都知道,目前所謂的網頁,是用一種標記式語言(也就是 HTML)來表示網頁的內容,然後再透過定義樣式表(CSS)來設計網頁內容的呈現面貌,基本上只要有這兩個東西,瀏覽器(IE, Firefox等)就可以把網頁繪製出來給使用者看,但這樣只能呈現給使用者一個靜態的頁面,如果希望使用者能在這個網頁上作些動作,然後動態地改變網頁的內容,那我們就需要一個工具來完成這件事。 這個工具至少需要具備兩個條件: 瀏覽器要能使用這個工具,因為瀏覽器才會知道網頁長什麼樣子。 Jakob Nielsen on Usability and Web Design. 大予創意介面設計 - UI設計,GUI設計,使用者介面設計,手機介面,行動裝置,觸控螢幕,行車電腦,數位家庭,數位相框,人機介面. Media Queries. Everyday Information Architecture 分享區. Navigation stress test. The idea behind my navigation stress test is to ask some really hard questions about your web site navigation to see if it can "pass".

Navigation stress test

It is called a "stress test" because most pages will not pass. The failures may be serious, or they may not matter at all, but at least by performing the test you will have discussed the navigation issues and made conscious design decisions. The questions are detailed ways to ask about 3 basic concerns users often have upon arriving at a page: Where am I? What's here? Process "Randomly" pick a low-level page, not a home page, from your site Print the page out in black and white, without the URL listed in the header/footer Pretend that you are entering this site for the first time at this page and try to answer to questions below Mark-up the piece of paper with what you think the answers are Have other members of your team, and people who know nothing about your site, do the stress test too. Stress Test Questions Example.

第三届中国用户体验设计大赛—Mobile Your Life. » Patrick Baudisch: 德國 UI 之神. 我曾經為文撰寫過 “日本 UI 之神 – Takeo Igarashi“, 出自於我個人對於 Takeo 的研究的敬佩以及喜愛。

» Patrick Baudisch: 德國 UI 之神

如今,當我投入了 HCI (Human-Computer-Interaction) 研究之後,有一位超新星大師的研究讓我非常喜愛。 如同 Takeo 也是一個非常帥氣的研究員,然而不同於 Takeo 的圖學以及 GUI 雙跨 (近年來 Takeo 更加神猛了, 變成了圖學, GUI, HRI 三跨了),Patrick 的研究自始自終都在 HCI 領域。 而研究的領域則是專注於行動裝置的觸控互動以及桌面的互動。 Patrick 在被德國 Hasso Plattner Institute 延攬為 HCI Lab 的主席前,曾經在 Microsoft Research 以及 Xerox 待過,並且都有非常傑出的研究。 對於 Patrick 的研究我非常喜愛, 也非常喜歡 Patrick 這種非常自負的作風 (但是不討人厭)(一個強大的研究員,不就應該有相當的自負嗎?) CHI 是人機互動領域研究的最高聖杯,然而人機互動領域雖然是跨領域 (multi-discipline),不過還是有一套架構 (framework)。 [簡報]2011微軟開發者日—Design Decade. 中、美、韩用户眼动比较 » User Experience Fan - 用户体验志. Improving the human experience one day at a time.