Category:Design: Difference between revisions

From LemonWiki共筆
Jump to navigation Jump to search
Line 41: Line 41:


使用研究
使用研究
* [http://en.wikipedia.org/wiki/A/B_testing A/B testing] A/B 測試: 提供網站使用者兩種版本的網站版面或不同功能進行測試,再透過網站 log檔或使用數據(例如: Google analytics)來評估成效。 相關資料:<ref>[http://www.slideshare.net/clayliao/data-driven-ab-testing 超理性使用者介面設計 - Data-driven A/B Testing]</ref>
* [http://en.wikipedia.org/wiki/A/B_testing A/B testing] A/B 測試: 提供網站使用者兩種版本的網站版面或不同功能進行測試,再透過網站 log檔或使用數據(例如: Google analytics<ref>[http://hanamizuki.tw/2013/02/21/ab-test-split-test-using-google-experiments/ 網頁介面A/B Test 筆記 (Google Analytics Experiments) – 花水木:文藝復興人生]</ref>)來評估成效。 相關資料: [http://www.slideshare.net/clayliao/data-driven-ab-testing 超理性使用者介面設計 - Data-driven A/B Testing]


reference
reference

Revision as of 15:02, 23 February 2013

< 頁面分類


Check Cross browser compatibility

Check various resolution of monitor

網頁設計相關名詞

網頁中英文名詞對照 UI Components

  • breadcrumbs [繁體] 麵包屑(導覽) [簡體] 面包屑导航
  • drop down menus 下拉式選單
  • menu [繁體] 選單 [簡體] 菜单
  • modal dialog [繁體] 對話視窗 [簡體] 对话框、弹出窗口。點選按鈕,跳出小視窗要求使用者填寫表單內容。 sample: Dialog | jQuery UI, Viewing snipp | Login form in a modal | Bootsnipp.com
  • navbar (navigation bar) [繁體] 導覽列 [簡體] 导航条
  • pagination [繁體] 分頁、頁碼 [簡體] 分页、页码
  • progress bars [繁體] 進度條 [簡體] 进度条
  • thumbnails 縮圖
  • tooltip [繁體] 提示文字、彈出式提示框 [簡體] 提示文本。滑鼠游標移到元素或連結上方時,顯示的簡短文字。
  • video slider 影片選單;

內容

  • Rich text [繁體] 富文字 [簡體] 富文本
  • Rich text editor 網頁編輯器: 可以設定文字大小、顏色等樣式的編輯器。也可稱WYSIWYG 所見即所得的編輯器 ex: TinyMCE, CKEditor

特效

平台

  • interoperability (跨異質平台)互通性

表單 html form

  • chained menu 動態選單(動態二階選單、動態多階選單) 或稱 chained select Menu, double combo menu, select cascade, dynamic dropdowns
  • checkbox [繁體] 複選框 [簡體] 复选框
  • dropdown 下拉選單
  • mandatory / required (欄位)必填
  • radio button [繁體] 單選按鈕, 選項紐 [簡體] 单选按钮
  • spinner 連動式下拉選單

使用研究

reference

further reading