• Home
  • Design
  • 使用者中心的網站設計原則 以英國政府入口網gov.uk 為例 / 悠識 蔡明哲
prev
next
out of 94

使用者中心的網站設計原則 以英國政府入口網gov.uk 為例 / 悠識 蔡明哲

  • View
    2.182

  • Download
    18

Tags:

Embed Size (px)

DESCRIPTION

使用者中心的網站設計原則 -以 gov.uk 英國政府網站為例 User-Centered Design (UCD) - case study gov.uk 這是悠識 首席資訊架構師 蔡明哲應研考會邀請，於2013年對北中南政府資訊人員的四場演講內容。 演講日期：10/18, 11/15 台北, 10/22 高雄, 10/24 台中 。

Text of 使用者中心的網站設計原則 以英國政府入口網gov.uk 為例 / 悠識 蔡明哲

  • - gov.uk User-Centered Design (UCD) - case study gov.uk Richard Tsai richard@userxper.com 10/18, 11/15 , 10/22 , 10/24 (2013) UserXper Digital Consulting Co., Ltd. 1
  • Richard Tsai Chief Information Architect 20 , , , Prototype Design / Usability Testing / User Research http://userxper.com HPX http://www.hpx-party.com UserXper Digital Consulting Co., Ltd. 2
  • UserXper Digital Consulting Co., Ltd. 3
  • . . . .- gov.uk . 4
  • UserXper Digital Consulting Co., Ltd. 5
  • UserXper Digital Consulting Co., Ltd. 6
  • CHAOS Success Factors 1. Executive Support 2. User Involvement 3. Clear Business Objectives 4. Emotional Maturity 5. Optimizing Scope 6. Agile Process 7. Project Management Expertise 8. Skilled Resources 9. Execution 10. Tools & Infrastructure UserXper Digital Consulting Co., Ltd. 7
  • . . Make a Good Decision . . - gov.uk . 8
  • UserXper Digital Consulting Co., Ltd. 9
  • () UserXper Digital Consulting Co., Ltd. /SA http://www.nipic.com/show/3/24/7e330d36f3285e5a.html 10
  • UserXper Digital Consulting Co., Ltd. ,App/ / http://www.nipic.com/show/3/24/7e330d36f3285e5a.html 11
  • UserXper Digital Consulting Co., Ltd. 12
  • UserXper Digital Consulting Co., Ltd. 13
  • UserXper Digital Consulting Co., Ltd. 14
  • How to get the better Design Decision? UserXper Digital Consulting Co., Ltd. 15
  • Type 2 Type 1 Boss-Centered Design UserXper Digital Consulting Co., Ltd. User-Centered Design 16
  • 1 UI Design Pattern UserXper Digital Consulting Co., Ltd. 2 - - 17
  • . . . . . 18
  • http://zh.wikipedia.org/wiki/File:Iceberg.jpg 19
  • UserXper Digital Consulting Co., Ltd. 960 grid system Bootstrap (from twitter) 20
  • (Web UI Pattern) Web UI Pattern (1) Mega Menu (2) Informative Fat Footer (3) Type Ahead (4) Long Page (5) Parallax Scrolling (6) Responsive Web Design UserXper Digital Consulting Co., Ltd. 21
  • UI Pattern UserXper Digital Consulting Co., Ltd. 22
  • GitHub UserXper Digital Consulting Co., Ltd. 23
  • GitHub https://github.com/search?q=mega+menu&ref=cmdform UserXper Digital Consulting Co., Ltd. 24
  • (1) Mega Menu UserXper Digital Consulting Co., Ltd. 25
  • UserXper Digital Consulting Co., Ltd. 26
  • Mega Menu ( CSS + jQuery https://github.com/search?q=mega+menu&ref=cmdform UserXper Digital Consulting Co., Ltd. 27
  • UserXper Digital Consulting Co., Ltd. 28
  • Amazon UserXper Digital Consulting Co., Ltd. 29
  • Mega menu CISCO http://www.cisco.com UserXper Digital Consulting Co., Ltd. 30
  • Mega menu http://www.utah.gov UserXper Digital Consulting Co., Ltd. 31
  • Mega menu Amazon http://www.amazon.com UserXper Digital Consulting Co., Ltd. 32
  • (2) Informative Fat Footer Content Footer () ( sitemap) SEO UserXper Digital Consulting Co., Ltd. 33
  • Informative Fat Footer (screen size) (sitemap) quicklink SEO) HTML/CSS html code: http://www.cw.com.tw/ html UserXper Digital Consulting Co., Ltd. 34
  • Fat Footer Apple http://www.apple.com UserXper Digital Consulting Co., Ltd. 35
  • Fat Footer http://www.whitehouse.gov UserXper Digital Consulting Co., Ltd. 36
  • Logo Fat Footer http://www.cw.com.tw UserXper Digital Consulting Co., Ltd. 37
  • (3) Type Ahead (Auto-complete) Keywords Recommendation (Ranking) UserXper Digital Consulting Co., Ltd. 38
  • Type Ahead / / (Keyword Recommendation) CSS, jQuery, AJAX https://github.com/devbridge/jQuery-Autocomplete UserXper Digital Consulting Co., Ltd. 39
  • Instant Search Type Ahead Instant Search Live search UserXper Digital Consulting Co., Ltd. 40
  • UserXper Digital Consulting Co., Ltd. 41
  • UserXper Digital Consulting Co., Ltd. 42
  • http://www.utah.gov UserXper Digital Consulting Co., Ltd. 43
  • (4) Long Page Page View html UserXper Digital Consulting Co., Ltd. 44
  • 45
  • UserXper Digital Consulting Co., Ltd. 46
  • (5) Parallax Scrolling Parallax Scrolling https://github.com/richardshepherd/Parallax-Scrolling UserXper Digital Consulting Co., Ltd. 47
  • Parallax Scrolling ( http://www.alabama.gov/ UserXper Digital Consulting Co., Ltd. 48
  • Parallax Scrolling ( http://www.milwaukeepolicenews.com http://city.milwaukee.gov/police UserXper Digital Consulting Co., Ltd. 49
  • Mega Menu Parallax Scrolling The official archive and publisher for the UK http://www.nationalarchives.gov.uk/ UserXper Digital Consulting Co., Ltd. 50
  • (6) Responsive Web Design RWD / Fluid Grid Viewport (html meta tag) CSS3 Media Queriesmedia queriesdevice CSS http://fundesigner.net/css3-media-queries/ UserXper Digital Consulting Co., Ltd. 51
  • (6) Responsive Web Design CSS3 Media Queriesmedia queriesdevice CSS Fluid Grid - width : 240px width : 20% Viewport (html meta tag) http://fundesigner.net/css3-media-queries/ UserXper Digital Consulting Co., Ltd. 52
  • 1280px http://www.alabama.gov/ UserXper Digital Consulting Co., Ltd. 53
  • UserXper Digital Consulting Co., Ltd. 800px 54 320px
  • http://mediaqueri.es/ UserXper Digital Consulting Co., Ltd. 55
  • . . . . - gov.uk . 56 #
  • http://zh.wikipedia.org/wiki/File:Iceberg.jpg 57 #
  • User-Centered Design UCD) UCD design & research methodology involve user UserXper Digital Consulting Co., Ltd. 58
  • UCD Project Stakeholder (Contextual Inquiry ) Persona Mindmap Card Sorting Me

Recommended

Sameway Leisure《同路人優悠版》274期
Sameway Leisure《同路人優悠版》274期
Documents
Ríkisvefur Íslands - Hvað getum við lært af gov.uk?
Ríkisvefur Íslands - Hvað getum við lært af gov.uk?
Design
網址： hhre.tw
網址： hhre.tw
Documents
【 網際網路介紹 】
【 網際網路介紹 】
Documents
Sameway Leisure《同路人優悠版》280期
Sameway Leisure《同路人優悠版》280期
Documents
Sameway Leisure《同路人優悠版》291期
Sameway Leisure《同路人優悠版》291期
Documents
Land contamination: technical guidance - GOV.UK
Land contamination: technical guidance - GOV.UK
Documents
Sameway Leisure《同路人優悠版》262期
Sameway Leisure《同路人優悠版》262期
Documents
CH06 網際網路
CH06 網際網路
Documents
E網通網站企劃 Step1
E網通網站企劃 Step1
Self Improvement
Sameway Leisure《同路人優悠版》211期
Sameway Leisure《同路人優悠版》211期
Documents
Sameway Leisure《同路人優悠版》287期
Sameway Leisure《同路人優悠版》287期
Documents
View more >