2013年12月27日 星期五

幾個 RWB 網站資源

30 Fresh Examples of Responsive Design Websites
15 High Quality HTML5 / CSS3 Premium Website Templates

2013年11月18日 星期一

30 Beautiful Sets Of Free Calendar Icon


30 Beautiful Sets Of Free Calendar Icon

2013年10月4日 星期五

Creative Link Effects

Creative Link Effects

用 css 3 寫的連結動畫,可以參考一下原始碼,這些效果都不錯。

2013年10月1日 星期二

設計師自學完全手冊,讓你從零基礎到成為專業設計師

設計師自學完全手冊,讓你從零基礎到成為專業設計師

2013年9月2日 星期一

Web design inspiration: 45 examples of CSS


Web design inspiration: 45 examples of CSS

Mobile Design: Where to Get Inspiration

Mobile Design: Where to Get Inspiration

Some Android Only Pattern Galleries

Android App Patterns
Android App Patterns currently features more than 1130 screenshots arranged in mobile and tablet design. You can browse them through the category drop-down.
Android App Patterns
Androidux
Androidux is another "Android design" pattern gallery to get inspiration from that you can browse through different category filters.
Androidux

An iOS Only Pattern Gallery

Uxarchive
On Uxarchive, you can compare the user workflow for different components across the iOS OS.
UX Archive

2013年8月28日 星期三

35+ Best Ajax jQuery Autocomplete Tutorial & Plugin with Examples


35+ Best Ajax jQuery Autocomplete Tutorial & Plugin with Examples


2013年8月27日 星期二

系統易用性量表 System Usability Scale (SUS)

系統易用性量表 System Usability Scale (SUS)

它只有十個題目,如下。

我會願意經常使用這個系統
我覺得這個系統過於複雜
我認為這個系統容易使用
我想我會需要技術人員的協助,才能使用這個系統
我覺得這個系統的各種功能彼此整合的很好
我認為這個系統內有太多的不一致
我可以預見大多數的人都能很快學會使用這個系統
我覺得這個系統使用起來非常困難
我很有自信能夠使用這個系統
我需要先學習很多知識,才能開始使用這個系統

使用者針對產品整體的易用性,對每個題目的敘述, 在「非常不同意」到「非常同意」的五個等級中,勾選表示認同的的程度。

使用時機

請使用者填寫系統易用性量表的時間點,是在使用者在完成所有測試任務後。在填寫量表前不應對測試的產品進行任何討論,若有討論的必要,可以安排在完成量表之後。


計分方法

系統易用性量表經計分後會得到一個分數。這個分數代表了使用者對系統易用性的綜合評量,可以用來作為不同系統之間易用性的比較。然而,每一題的個別分數是不具意義的,不應被拿來比較或作為其他用途。

先取得各題的原始分數。每一題使用者勾選的等級即為這題的原始分數。原始分數是一個1到5之間的數字。

再計算各題的應得分數。先將量表的題目分為兩組。第一組為第1,3,5,7,9題。將各題的原始分數減去1,便可得到這題的應得分數。

第二組為第2,4,6,8,10題。用5減去各題的原始分數便可得到這題的應得分數。應得分數是一個0到4之間的數字。

最後計算總分。接著將各題的應得分數相加,再乘上2.5便可得到總分。 總分是一個0到100之間的數字。

以下圖為範例,系統易用量表總分為 (4+3+2+4+3+0+2+3+3+1)*2.5 = 62.5


2013年8月26日 星期一

用CSS3建立扇形選單


Building a Circular Navigation with CSS Transforms

google ad