The 2017 4th International Conference on Systems and Informatics (ICSAI 2017)
The Impact of Emerging Website Design Features
Xiaosong Li
Computer Science Practice Pathway Unitec Institute of Technology Auckland, New Zealand
Jahanzaib Ali Chishti
Department of Electrical and Computer Engineering University of Auckland
Auckland, New Zealand
Abstract— The emerging design features emphasize the uniqueness of a website. While they may convey the key spirit of a website to the audience effectively, there are other considerations. What are the motivations behind these emerging design features? How could they influence the websitesrsquo; behaviors, such as the website usability and accessibility, and how could they be used properly? What are their future? This paper presents a pilot study to explore these issues by analyzing
60 selected websites from three categories (bank, library and school) in correspondence with the selected new features. 7 website design features were selected from [6] to investigate the changes on the usage of the design features from 2013 to 2017. Website loading time and accessibility were tested. The results suggested that the motivations behind these emerging design features include: highlighting the key contents of a website; making a website stand out from the rest; and benefitting from the latest technologies. The emerging website design features improve the website accessibility in most of the cases, and sometimes they improve the website usability. To make the website look special, some conventional features might be less adopted. The design features that can improve the interactivity of a website have gain a lot more attention in last four years. Contacting with the audience of a website is payed much more attention now. Whether a design feature is proper for a particular website depends on the nature of the website. The results of this pilot study could be used as the reference for website designers and developers and also could be used as the start points or the hypotheses for future research. The research limitations and the future work have been discussed.
Keywords-component; Emerging website design features; influence; accessibility; performance
- INTRODUCTION
The research work of [1] demonstrated that website design is a moving target and website designs became increasingly graphical in nature, reliant on browser scripts, and less consistent.
Many new website design features have been introduced in the recent years. Some of them were identified as the website design trends for 2017. While they may convey the key spirit of the website to the audience effectively, and some of them may subtly improve the user experience [5], there are other considerations. Many of the features are relevant to color, typography and geometric shapes in the website design. Some of them are not compliant with the traditional website design standards or conventions, for example, an appearance of chaos and diversity, using Serif typefaces and etc. Not all the new features are necessarily good features and should be implemented [6].
The most glaring deficiency of the website design practices studied by [1] was their inadequate accessibility. Some of the practices such as tables, and browser scripts could impede accessibility and usability, which need to undergo either initial or further empirical studies [1]. What are the motivations behind the emerging website design features? How could they influence the websitesrsquo; behaviors, such as the website usability and accessibility, and how could they be used properly? What are their future? An understanding of these questions and a clear indication of the usefulness and acceptance of new features would benefit the continuing evolution of web page standards. This paper presents a pilot study to explore these issues aiming to provide references for web designers and developers on applying these emerging features and to develop starting points or hypotheses for next step research.
60 websites were tested and analyzed. The websites were selected from three categories (bank, library and school) as the research dataset, which includes 13 bank websites, 17 library websites and 30 school websites. 6 emerging website design features based on the studies of [2-5] were selected for testing and analysis. The method used is similar to [6 and 7], where the results were broken into groups to analyze features. Each website was checked against the 6 emerging website design features. The page loading time and accessibility of each website were tested. The results were grouped and analyzed based on the website categories and whether the websites have or not have a particular design feature. 7 website design features were selected from those listed in [6], to investigate the changes on the usage of the website design features from 2013 to 2017.
In the rest of this paper, the methods used in this study is briefed first, an overview of the studies and the practices on the emerging website design features is provided, the selected website design features to be studied are described then, the data, testing and the results are presented and discussed after that, that is followed by a summary and future work.
- METHODS
A mixed method of combining qualitative and quantitative approaches was used in this pilot study. The motivations of using the emerging design features were identified by qualitatively analyzing existing studies and current practices. 6 emerging website design features were selected for testing. An emerging design feature on a testing website was identified by observation. Quantitative data were collected by using testing tools, the data then were analyzed qualitatively.
Totally 60 websites were selected as the test
剩余内容已隐藏，支付完成后下载完整资料
新兴网站设计功能的影响
摘要：新兴的设计特色强调网站的独特性。尽管他们可以有效地向观众传达网站的关键精神，但还有其他的考虑因素。这些新兴设计特点背后的动机是什么？他们如何影响网站的行为，如网站的可用性和可访问性，以及它们如何被正确使用？他们的未来是什么？本文通过分析提出了一个试点研究来探讨这些问题与选定的新功能相对应的来自三个类别（银行，图书馆和学校）的60个选定网站。从[6]中选择了7个网站设计功能来调查2013年至2017年设计功能使用的变化。测试了网站加载时间和可访问性。结果表明，这些新兴设计功能背后的动机包括：突出网站的关键内容;使网站脱颖而出;并受益于最新的技术。新兴的网站设计功能可以在大多数情况下提高网站的可访问性，有时它们可以提高网站的可用性。为了使网站看起来特别，一些常规功能可能不太适合。在过去的四年中，可以提高网站互动性的设计特征得到了更多关注。与网站的观众联系现在更受关注。设计特征是否适合特定网站取决于网站的性质。这个试点研究的结果可以作为网站设计者和开发者的参考，也可以作为未来研究的起点或假设。讨论了研究的局限性和未来的工作。
关键词：组件;新兴的网站设计功能;影响;可访问性;性能。
I 引言
研究工作表明，网站设计是一个移动的目标，网站设计本质上变得越来越图形化，依赖于浏览器脚本，并且不太一致[1]。近年来引入了许多新的网站设计功能。其中一些被确定为2017年的网站设计趋势。虽然它们可以有效地向观众传达网站的关键精神，并且其中一些可能巧妙地改善用户体验[2]，但还有其他考虑因素。许多功能与网站设计中的颜色，版式和几何形状相关。其中一些不符合传统的网站设计标准或惯例，例如混乱和多样性的外观，使用Serif字体等等。并非所有的新功能都是很好的功能，应该实现[3]。
网站设计实践研究的最明显的缺陷是它们的可访问性不足。一些实践例如表格和浏览器脚本可能会阻碍可访问性和可用性，这需要进行初始或进一步的实证研究[4]。新兴网站设计功能背后的动机是什么？他们如何影响网站的行为，如网站的可用性和可访问性，以及它们如何被正确使用？他们的未来是什么？对这些问题的理解以及对新功能的有用性和接受度的明确指示将有利于网页标准的持续发展。本文提供了一个试点研究来探索这些问题，旨在为网页设计师和开发人员提供应用这些新兴功能的参考资料，并为下一步研究提供出发点或假设。
60个网站进行了测试和分析。该网站从三大类（银行，图书馆和学校）中选取作为研究数据集，其中包括13个银行网站，17个图书馆网站和30个学校网站。选择了基于[5]研究的6个新兴网站设计功能进行测试和分析。所用的方法类似于，其中结果被分成组以分析特征。每个网站都针对6个新兴的网站设计功能进行了检查。每个网站的页面加载时间和可访问性都经过测试。结果根据网站类别以及网站是否具有特定设计功能进行分组和分析。[6]从中列出的网站设计功能中选择了7个网站设计功能，以调查2013年至2017年网站设计功能使用情况的变化。
在本文的其余部分，首先简要介绍了本研究中使用的方法，概述了新兴网站设计功能的研究和实践，然后描述了所选择的要研究的网站设计功能，数据，测试并在此后对结果进行介绍和讨论，然后是总结和将来的实现。
II 方法
在这项试点研究中使用了定性和定量相结合的混合方法。通过定性分析现有研究和当前实践来确定使用新兴设计特征的动机。选择了6个新兴网站设计功能进行测试。通过观察确定了测试网站上新兴的设计特征。通过使用测试工具收集定量数据，然后对数据进行定性分析。
共选择60个网站作为测试数据集。为了使测试环境尽可能一致，所有网站都是从.nz域中选择的。为了比较不同类型网站的网站行为，选择了.nz域中的三类：13家银行网站（银行 .nz）; 17个图书馆网站（图书馆 .nz）;和30个学校网站（.school.nz）。
只检查网站主页上的设计功能。主页通常比任何其他页面访问得更多，并且在设计时应该得到额外的关注[12]。根据的第5章，大多数其他网页获得的主页流量少得多。大多数网站都是按照从主页到其他页面的多层次结构进行组织的。主页有网站的主要内容[7-8]。因此，主页的测试结果应该是有意义的，可以在未来的研究中作为参考。
由于时间限制和其他条件，从测试中只能获得少量测量结果。为了便于使用，网站加载时间通过使用Google Chrome进行了测试。其他工具[9-10]也被考虑用来测试网站的性能，然而，由于某些问题，他们的数据并未包含在本报告中。 WebAIM [16]用于测试网站的可访问性，每个网站收集了三个测试结果：样式错误，警报和对比度错误。
比较具有特定新特征或没有特征的网站的行为。从中列出的其他7个网站设计功能中，调查2013年至2017年设计功能使用情况的变化。
III 新兴网站设计功能
本节对新兴网站设计功能的研究和实践提供一般理解。由于这些是新功能，本节中使用的大多数文献都是在线杂志或博客。
已有研究探索网站用户界面设计功能。这包括Jones和DeGrow在2011年的工作[11]，他们使用广泛的设计元素列出了财富500强的主页，这些元素来源于研究人员先前的研究，以研究网页设计的历史和发展。 Wridgway 在2013年继续了类似的研究，其中确定了10个特征。一些被研究的特征并不是真正的新特征，然而，由于下面讨论的动机，他们最近获得了更多的关注，例如，动画也包含在本研究中。
在2016年和2017年，许多研究针对新兴网站设计功能进行。 从中确定了10个新兴的设计特征; 3中确定了16个设计特征和5中确定了5个新兴的设计特征。
各种研究都讨论了这些新兴网站设计功能背后的动机。 2017年，网站很可能开始回归基础，并将重点放在关键内容上。网站所有者不再关注向访问者提供最详细的信息，而是选择传达他们的信息
最有效和最直接的方式。图1显示了一个重复椭圆形图案的主页，突出了网站的关键内容。
图1. www.waipalibraries.org.nz的主页
图2显示了高中网站主页（http://www.westlake.school.nz/）的一部分，其中大型文本字体用于突出重点：开始您的Westlake旅程。 显然，这一观点有效地传达给了观众。 基于上述讨论，突出网站的关键内容是新功能的主要原因之一。
图2.大文本字体用法的示例
现代项目给用户留下强烈而持久的印象。 富有想象力或创意的标题是在设计中独一无二的一种可喜的方式。 图1还显示了以一定角度绘制的曲线和线条，这使主页变得特别，并且可以轻松地与其他网站区分开来。 图3显示了使用双色调（http://wcl.govt.nz/）的示例，其中用多种（两种）色调或墨水印刷的图像。 它是使用一种对比颜色叠加在另一种颜色（蓝色背景图像）上而创建的。 这有助于强调网站的独特性。 基于这些讨论，使网站脱颖而出是新功能的另一个主要原因。
图3.使用双色调的例子
用于创建网站的标准，技术和工具的快速发展，尤其是开发客户端技术（如JavaScript程序包）和强大的新CSS集成技术以及Bootstrap等库，为网站用户界面设计提供了更多机会。 现在很难实现的功能现在可以实现。 随着新技术的到来[8]，我们将需要对我们的网站设计能够实现和有效实现的假设提出质疑。 为了充分利用这些新的可能性，我们需要挑战我们关于线框内容顺序的假设[12-15]。 图4显示了银行网站（https://www.rabobank.co.nz/）的主页，其侧重于Bootstrap网格模式，其中控件和容器使用网格布置在页面上设置。 受益于最新技术是新兴设计功能的另一个动力。
图4.采用最新技术的网站示例
有人认为界面美学可能会在人们对计算机系统的态度上发挥更大的作用，后来的研究表明，设计美学可能有助于实现商业目标。视觉设计美学确实影响了最终影响用户忠诚度的有用性，易用性和愉悦性。应用美学标准最终可以改善学生对这些课程的反应和互动。用户也借鉴审美因素来判断可用性和可信度。基于这些，审美应该成为新设计特征考虑的一部分。但是，美学似乎不是在新兴网站设计功能的开发中被高度重视。他们试图避免每个人都适用的一套设计美学，因为他们使网站看起来相似。
IV 选择新兴设计功能
许多新兴的网站设计趋势和功能在中得到确认和讨论。其中一些在一些研究中很常见。对于这项试点研究，我们试图选择最常见，非模糊，客观且易于识别的测试功能。选择了以下六个功能，并在括号中给出了它们的代码（代码是为演示和讨论目的而定义的）：
bull;几何形状，线条和图案（几何形状）。
bull;双色调渐变图像（双色调）。
bull;使用动画和GIF（动画）
bull;网格模式（网格）
bull;大字体作为关键视觉的一部分（大字体）
bull;使用3D几何形状（3D）
Wridgway [6]在2013年调查了财富500强公司主页，并确定了10个设计特征。计算并呈现每个特征的使用百分比。为了解2013年到2017年之间的变化，本研究检查了7项特征。以下是中列出的7个特征的描述及其使用百分比（括号中给出的代码是为了本研究的介绍和讨论而定义的）：
bull;财富500强企业中有93％在左上角有Logo（Logo）
bull;47％的网站在其主页上有明确的号召性用语按钮，用户需要3秒或更短时间才能找到（清除呼叫）
bull;60％的公司在其主页上发布最新的新闻和博客文章（新闻 博客）
bull;财富500强公司中有63％很难找到联系信息（联系人）
bull;主页的平均加载时间为6.5秒，主页的大小为766 Kb。
bull;80％的网站主要使用浅色背景和配色方案（浅色背景）。
bull;63％的网站在其主页上使用高质量图像与用户进行连接（HQ图像）。
参考文献
- M. Y. Ivory and R. Megraw, “Evolution of web site design patterns,” ACM Transactions on Information Systems (TOIS) 23, no. 4, 2005, 463- 497.
- A. L. Turner, “Web design trends we can expect to see in 2017,” Design amp; Dev, 2017, https://thenextweb.com/dd/2016/12/22/web-design-trends- can-expect-see-2017/#.tnw_7LigFHgc Last accessed 15/8/2017.
- WixBlog, “The Hottest Web Design Trends You Should Know In 2017,” 2017, https://www.wix.com/blog/2016/11/the-hottest-web- design-trends-you-should-know-in-2017/ Last accessed 15/8/2017.
- G. Gosha, “5 CurrentTrends to Amp-up Your Web Designs in 2017,” 2017, https://www.sitepoint.com/5-emerging-trends-to-amp-up-your- web-designs-in-2017/.
- G. Wridgway, “Web Design Trends – Fortune 500 Company Homepages,” Nova Marketing Intelligence, 2017, http://novamarin.co.za/web-design-trends-fortune-500/ Last accessed 15/8/2017.
- S. L. Jones and D. DeGrow, “Fortune 500 homepages: design features,” IEEE transactions on Professional Communication, 54(1), 2011, 13 pages.
-
M. Keogh, “Why we need to challenge our design tools amp; assumptions,” 2017, https://www.liquidlight.co.uk/blog/article/why-we-need-to- challenge-our-design-tools-
剩余内容已隐藏，支付完成后下载完整资料
资料编号：[23369]，资料为PDF文档或Word文档，PDF文档可免费转换为Word
课题毕业论文、外文翻译、任务书、文献综述、开题报告、程序设计、图纸设计等资料可联系客服协助查找。
