Web design glossary: Difference between revisions
Jump to navigation
Jump to search
m (→特效) |
(→使用研究) |
||
| Line 38: | Line 38: | ||
* ER圖 (entity-relationship diagram) | * ER圖 (entity-relationship diagram) | ||
== 使用研究 == | == 使用研究 / 方法論 == | ||
* [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] | * [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] | ||
* [https://zh.wikipedia.org/zh-tw/%E8%A8%AD%E8%A8%88%E6%80%9D%E8%80%83 設計思考 (Design Thinking)] | |||
* [https://en.wikipedia.org/wiki/User-centered_design User-centered design] (UCD) [https://zh.wikipedia.org/zh-tw/%E4%BB%A5%E7%94%A8%E6%88%B7%E4%B8%BA%E4%B8%AD%E5%BF%83%E7%9A%84%E8%AE%BE%E8%AE%A1 以使用者為中心的設計] | |||
== 其他 == | == 其他 == | ||
Revision as of 23:54, 22 June 2015
網頁設計相關名詞
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 影片選單;
內容
- Lorem Ipsum 假文，「讓設計師拿來做為填充版面的內容物」引用自MoreText.js。假文產生器:
MoreText.js, 亂數假文產生器, Lipsum generator。 - Rich text [繁體] 富文字 [簡體] 富文本
- Rich text editor 網頁編輯器: 可以設定文字大小、顏色等樣式、插入圖片等素材的編輯器。也可稱WYSIWYG 所見即所得的編輯器 ex: TinyMCE, CKEditor
特效
- accordion 折疊。為了在小的螢幕上，顯示主要的資訊區塊時，會將其他區域折疊。 example: Accordion | jQuery UI, Creating an Accordion with Spry Data
- cover flow[1], 又稱 carousel, 3D封面 example: 55 Best jQuery Carousel Plugins
- rounded corner 圓角 圆角
平台
- interoperability (跨異質平台)互通性
表單 html form
- chained menu 動態選單(動態二階選單、動態多階選單) 或稱 chained select Menu, double combo menu, select cascade, dynamic dropdowns
- checkbox [繁體] 複選框 [簡體] 复选框
- date picker 日期選擇器 ex: jQuery Datepicker
- dropdown 下拉選單
- mandatory / required (欄位)必填
- radio button [繁體] 單選按鈕, 選項紐 [簡體] 单选按钮
- spinner 連動式下拉選單
資料結構
- ER圖 (entity-relationship diagram)
使用研究 / 方法論
- A/B testing A/B 測試: 提供網站使用者兩種版本的網站版面或不同功能進行測試，再透過網站 log檔或使用數據(例如: Google analytics[2])來評估成效。 相關資料: 超理性使用者介面設計 - Data-driven A/B Testing
- 設計思考 (Design Thinking)
- User-centered design (UCD) 以使用者為中心的設計
其他
- High-Fidelity Wireframe 高保真原型 (大陸用語)
- Product Design (PD)
- Product Design & Development (PD&D)
reference
further reading