Web design glossary: Difference between revisions

From LemonWiki共筆
Jump to navigation Jump to search
Tags: Mobile edit Mobile web edit
Line 47: Line 47:
== 使用研究 / 方法論 ==
== 使用研究 / 方法論 ==
* [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://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 以使用者為中心的設計]
* [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 10:42, 9 July 2016

網頁設計相關專有名詞

UI Components

使用者介面元件與互動特效相關

內容

表單 html form

  • chained menu 動態選單(動態二階選單、動態多階選單) 或稱 chained select Menu, double combo menu, select cascade, dynamic dropdowns, dropdown dependent
  • checkbox [繁體] 複選框、核取方塊 [簡體] 复选框
  • date picker 日期選擇器 ex: jQuery Datepicker
  • dropdown 下拉選單
  • mandatory / required (欄位)必填
  • placefolder 意思可能有二:
    1. placefolder text 輸入框內無法編輯的文字，作為提示使用。通常滑鼠點擊輸入框時，提示文字會消失。 [2]
    2. 版面區塊 ex: 選定某個版面區塊，可供編輯[3] placefolder 雲端服務用以填充區塊，方便網站正式上線前，測試與確認網頁版面或圖片樣式大小。例如: {placekitten}, Placehold.it - Quick and simple image placeholders, Fake images please?
  • radio button [繁體] 單選按鈕, 選項紐 [簡體] 单选按钮
  • spinner 連動式下拉選單

資料結構

  • ER圖 (entity-relationship diagram)

使用研究 / 方法論

產品規格文件

產品規格文件（BRD, MRD, PRD）撰寫[5]

  • BRD 商業需求文件 Business Requirement Document
  • MRD 市場需求文件 Market Requirement Document
  • PRD 產品需求文件 Product Requirement Document

RFP (Request For Proposal) 需求建議書

  • (left blank intentionally)

Functional Map

flow chart

Style guide 設計規範、視覺方針 ex:


Database schema

成長駭客

  • AARRR 模式
  • growth hack [繁體] 成長駭客、增長駭客 [簡體] 增长黑客。「新創公司發展的行銷方法，透過創意、分析式思考 (analytical thinking) 、衡量指標 (Performance metric) ，以提升產品銷售和服務曝光。」資料來源: 維基百科
  • (user) onboarding: 使用者第一次使用網站服務

其他

  • HTML5 [簡體] H5 页面
  • High-fidelity prototype [繁體] 高仿真原型、[簡體] 高保真原型。相反詞: Low-fidelity prototype 低仿真度原型
  • Image resolution / Display resolution: [繁體] 解析度、[簡體] 分辨率
  • interoperability (跨異質平台)互通性
  • Low-fidelity prototype [繁體] 低擬真性原型、低仿真度原型。相反詞: High-fidelity prototype 高仿真原型
  • Mockup [繁體] 視覺稿
  • Product Design (PD)
  • Product Design & Development (PD&D)
  • Prototype [繁體]雛形、原型
  • rounded corner 圓角 圆角
  • Wireframe [繁體] 線框圖
    • 步驟式畫面切換
    • Call to Actions
    • 表單欄位與型態 ex: 下拉選單、核取按鈕
    • 按鈕用途...
    • 連結
    • 使用者操作後的回饋訊息


reference

  1. ↑ Cover Flow - Wikipedia, the free encyclopedia
  2. ↑ HTML 5 <input> placeholder 属性
  3. ↑ 6. Placeholders outside the CMS — django cms 3.0 documentation。
  4. ↑ 網頁介面A/B Test 筆記 (Google Analytics Experiments) – 花水木：文藝復興人生
  5. ↑ 產品經理（PM）一秒理解MRD、PRD、BRD | Cool SEO

further reading

Retrieved from "https://wiki.planetoid.info/index.php?title=Web_design_glossary&oldid=16858"