International Journal of Contents

The Korea Contents Association (한국콘텐츠학회)
권호 표지
DOI QR코드

DOI QR Code

Development of Web UX Pattern System for Wordpress Service, and Design Suggestion for Wordpress Theme Filtering Service

  • Lee, Hyun Jhin (Digital Media Design, College of Design and Arts Hongik University)
  • Received : 2017.01.09
  • Accepted : 2017.02.16
  • Published : 2017.03.28
Download PDF
⟨ Previous Next ⟩

Abstract

This study focused on realizing the UX pattern elements for Wordpress service, and applying the UX pattern approach to enhance UX consideration in Wordpress theme service. The Wordpress UX pattern system was developed based on web UX pattern analysis, and on characteristics of Wordpress components and theme filtering tags. The Wordpress UX pattern system was further analyzed in 22 popular Wordpress themes and 20 web UX scenarios, to evaluate its working by defining theme UX as a case study. The Wordpress theme filtering service GUI was designed based on the Wordpress UX pattern system as a design suggestion. Web technology is evolving rapidly, and web design has become a ready-made service with less user experience consideration, or design creativity. This study directs to keep track of UX value in an emerging web service paradigm.

Keywords

References

  1. C. Alexander, Pattern Language, Oxford University press, New York, 1979.
  2. Cimple, "Web Design Trend In 2015," 2014.10.14, Retrieved May 29, 2015, http://cimple.postype.com/post/746/
  3. P. Diaz, et al., "Visual representation of web design patterns for end-users," AVI '08 Proceedings of the working conference on Advanced visual interfaces, 2008, pp. 408-411
  4. B. C. Doru, "Top 10 web design trends for 2014," 2014.01.22, Retrieved May 29, 2015, https://99designs.com/blog/trends/top-10-web-designtrends-for-2014/
  5. K. Harvey, "Top 3 website design trends of 2014," 2015.1.16. Retrieved May 29, 2015, https://www.godaddy.com/garage/webpro/design/top-3-website-design-trends-2014/
  6. Jerrycao, "Web Design Trends You Must Know for 2015 & 2016," 2015.9.16, Retrieved May 29, 2015, http://www.awwwards.com/6-web-design-trends-youmust-know-for-2015-2016.html
  7. B. Kasel, "Keep an Eye on These Web Design Trends in 2013," 2013.1.5, Retrieved May 29, 2015, http://mashable.com/2013/01/04/web-design-trends2013/#ZSlGpQaAukqq
  8. D. King, "Web Design Trends for 2013," 2013.4.12, Retrieved May 29, 2015, http://www.slideshare.net/davidleeking/15-web-designtrends-for-2013
  9. J. Krasny, "Web Design Trends to Watch in 2014, 2014.1.10," Retrieved May 29, 2015, http://www.inc.com/jill-krasny/web-design-trends-2014.html/
  10. J. K. Kurowska and J. Kurowski, "Web design trends for 2013," 2013.2.21, Retrieved May 29, 2015, https://99designs.com/blog/trends/web-design-trends-for-2013/
  11. J. K. Kurowska and J. Kurowski, "The big web design trends for 2015," 2015.1.16, Retrieved May 29, 2015, https://99designs.com/blog/trends/top-web-design-trends-2015/
  12. P. McNeil, "4 essential layout trends for 2015," 2015.1.20, Retrieved May 29, 2015, http://www.webdesignerdepot.com/2015/01/4-essentiallayout-trends-for-2015/
  13. H. Moreno, "The Hottest Web Design Trends of 2014," 2014.4.28, Retrieved May 29, 2015, http://justcreative.com/2014/04/28/hottest-web-designtrends-2014/
  14. J. Rocheleau, "A Look Back at the Popular Web Design Trends from 2013," 2013.12.23, Retrieved May 29, 2015, https://speckyboy.com/look-back-popular-web-designtrends-2013/
  15. J. Rocheleau, "Web Design: 20 Hottest Trends To Watch Out For in 2013," Retrieved May 29, 2015, http://www.hongkiat.com/blog/web-design-trend-2013/
  16. J. Rocheleau, "Web Design Trends in 2013," 2013.1.30, Retrieved May 29, 2015, https://webdesignledger.com/web-design-trends-in-2013/
  17. J. Rocheleau, "Web Design: 20 Hottest Trends To Watch Out For In 2014," Retrieved May 29, 2015, http://www.hongkiat.com/blog/web-design-trends-2014/
  18. B. Scott, et al., Designing Web Interfaces, O'Reilly Media, 2009.
  19. M. Silvestre, "Websites Design: Trends and Examples," 2016.10.20, Retrieved May 29, 2015, http://www.awwwards.com/websites/trend
  20. M. Taheri, "2013 Web Design Trends," 2016.5.2, Retrieved May 29, 2015, https://creativemarket.com/blog/2013-web-design-trends
  21. Tesla, "TOP 10 WEB DESIGN TRENDS TO WATCH ING 2014," 2014.4.17, Retrieved May 29, 2015, http://teslathemes.com/blog/top-10-web-design-trends-towatch-in-2014/
  22. J. Tidwell, Designing Interface, O'Reilly Media, 2011.
  23. Themes(n.d.), Retrieved September 11, 2016, from https://en.support.wordpress.com/themes/
  24. Theme Forest(n.d.), Retrieved July 20, 2015 from https://themeforest.net
  25. A. L. TURNER, "10 Web design trends you can expect to see in 2014," 2013.12.30, Retrieved May 29, 2015, http://thenextweb.com/dd/2013/12/29/10-web-designtrends-can-expect-see-2014/
  26. A. L. TURNER, "10 Web design trends you can expect to see on websites in 2015," 2015.1.2, Retrieved May 29, 2015, http://thenextweb.com/dd/2015/01/02/10-webdesign-trends-can-expect-see-2015/
  27. User Interface Design Patterns(n.d.), Retrieved July 13, 2015 from http://ui-patterns.com
  28. D. K. Van Duyne, et al., Design of the sites, Prentice Hall, 2007.
  29. Web technology surveys(n.d.), Retrieved September 11, 2016, from https://w3techs.com
  30. S. Woods, "THE BEST WEB TRENDS OF 2015," 2015.12.8, Retrieved May 29, 2015, http://shortiedesigns.com/2015/12/the-web-trends-of-2015-the-year-that-was/
  31. Wordpress Themes(n.d.), Retrieved July 20, 2015 from http://www.wordpress.com/theme
  32. Yahoo Design Pattern Library(n.d.), Retrieved July 13, 2015 from https://developer.yahoo.com/ypatterns/
  33. Zackrutherford, "Top 10 Web Design Topics of 2014," 2014.9.17, Retrieved May 29, 2015, http://www.awwwards.com/top-10-web-design-topics-of-2014.html
  34. "10 Web Design Trends for 2013," 2013.2.27, Retrieved May 29, 2015, http://www.awwwards.com/10-webdesign-trends-for-2013.html
  35. "The 10 hottest web design trends of 2013," 2013.12.23, Retrieved May 29, 2015, http://www.creativebloq.com/web-design/2013-trends-121310199
  36. "Top Web Design Trends In 2014," 2014.2.10, Retrieved May 29, 2015, http://www.forbes.com/sites/thesba/2014/02/10/top-webdesign-trends-in-014/#68df0cc51c74
  37. "10 web design trends that will change everything in 2015," 2015.1.23, Retrieved May 29, 2015, http://www.creativebloq.com/web-design/hottest-trends-2015-11513980
  38. "5 website layout trends of 2015 so far, 2015.7.14, Retrieved May 29, 2015, http://www.creativebloq.com/web-design/layout-trends-2015-so-far-71515699
  39. "7 Web Design Trends to Watch for in 2015, 2015.1.29, Retrieved May 29, 2015, http://webdesignerwall.com/trends/7-web-design-trendsto-watch-for-in-2015