Using Interface and Screen Layouts to Increase User Base

Hello, readers. Long time, no see. Crunch time at the end of the term both at work and at grad school had severely limited my blogging time, but you will have a number of posts to look through as I focus my efforts on meeting deadlines for my class. As usual, I will not rush anything to publication so if any of the topics are covered briefly, it is only from my own lack of interest in fully engaging with it. Today’s post will certainly not fall under that category as I am extremely interested in screen and interface layout as a web designer. Why should you care about this topic if you are an educator with no professional-level foray into game creation or web design? Well, if you are following this blog and want to be a teacher that incorporates as much technology into their teaching style as possible, then you will most likely create a web page, however simplistic in design, at some point. That or you will be advising students who are creating a web page for a project that they are doing for your class. You may never develop a game for educational use, although I will attempt to convince you to try in an upcoming post, but having working knowledge of what makes for a good screen/interface layout is helpful. It is certainly one of the first things that you must consider before creating a web page, and even more important if you are crafting an entire website.

I will look at a number of articles that I found interesting on this topic, probably covering about three of the eight that were read for the class. Each article focuses on slightly different elements or has differing results from what the researchers expected based on previous research done in that area. The oldest of the articles is from back at the end of the 1980’s. Davis (1989) wrote back then about how the perceived usefulness and the perceived ease of use of any kind of information technology was a critical factor in that technology being accepted and widely used. Keep in mind that we are talking about perceptions here. Regardless of the truth of the matter, Davis’ study focused on whether a user believed a given system enhanced their job performance as well as whether they believed using a system to be effortless (p. 320). Davis is even careful to warn readers at the end of his article that the results are not based on objective reality, only the subjective appraisal of the participants (p. 335).

The fact that this study was done on electronic mail is, in itself, interesting, but let us take a moment to think of the real implications here. Even if an interface’s or a website’s layout is complex beneath the surface, with numerous functions and capabilities, if it looks easy to use and users can see a real purpose for its existence, they will become regular users. For us educators, we may want our students to use a webpage or website that we construct to go along with our class, or we may have designed a simple game to help them study something like vocabulary. From Davis’ research, an educator looking to do something along these lines must, at the onset of the design phase, start considering how they will construct something that their students will instantly see as beneficial while also not requiring any sort of a learning curve.

Consider Facebook for a moment. I have not yet begun to cover social media, but nevertheless, it can be used for the purpose of our discussion here. At its core, Facebook has a great number of features that have to be learned if you really want to master it, but at first glance, it looks surprisingly easy. I find my friend, I click on a button to “add” them, and when they accept my request, I begin seeing all of their posts, pictures, etc. on my News Feed as soon as I visit the site. I can easily see how useful Facebook is for keeping up with people that I might not have many chances to meet in person so that drives me to continue using it. Of course, I may find out later that I need to learn how to upload photos, create albums, and play games with friends (which I personally avoid like the plague), but I became a user because it all seemed simple enough and I saw value in the system. Now I cannot claim that it is all due to the two factors Davis found, as many people are likely to do something just because everyone else is, but I am sure that these factors still contribute, particularly for those who may not be as comfortable with computers and the Internet, yet who still use Facebook.

Altaboli and Lin (2011) focused more on screen aesthetics in their research and how these affect a user’s perception of what they are being presented with. In the article, they mention previous research done by Ngo et. al. that proposed fourteen measures of screen aesthetics. These measures were balance, symmetry, equilibrium, unity, sequence, density, proportions, cohesion, simplicity, regularity, economy, homogeneity, rhythm, and order (p. 2). Altaboli and Lin, however, decided to focus only on balance, unity, and sequence based on the findings of earlier research by Ngo and Byrne. Completely subjective as my opinion is, I agree that these elements are factors that are present on websites that are aesthetically pleasing, whereas the other elements such as economy and proportions do not seem as crucial.

What I took issue with, as did those classmates with whom I discussed this article, is the experimental design used by Altaboli and Lin. In fact, much of it has to do with the participants, of whom there were only 13 (p. 4). That alone is not enough to obtain statistically valid results, although Altaboli and Lin claim otherwise (p. 5). Among some of the other grievances is that the participants included only three women, the age range of the participants was limited, with a median age of 29.3 years of age and a standard deviation of only 6.1 years, and finally, all of the participants were graduate students of engineering (p. 4). I also took issue with the fact that one of the screens that should have scored low because it did not possess any of the characteristics mentioned above actually scored quite high, yet Altaboli and Lin eventually write it off as experimental error, saying that effects of some of the other fourteen elements should later be investigated just to be sure that those are not causing the result (p. 6).

Still, I did like that Altaboli and Lin created a regression model and utilized it along with already existing survey data for 42 websites, despite their formulas originally being designed for data entry screens. The result was that they found correlation between the values computed by the model and the scores on the website questionnaires for items that dealt with the visual layout of the site (pg. 7). I would like to see them redo their experiment with a larger variety of participants and then use that data along with the website questionnaires, which did have an adequate number of participants as well as adequate variety. Until then, I can only continue to subjectively look at websites that I find aesthetically appealing and check if the three elements singled out in this study are present or not.

Finally, we have the study done by Salimun et. al. (2010). This paper was interesting to me because another paper coauthored by Salimun (in the same year, no less) had indicated that users actually preferred a medium level of aesthetics for an interface, yet this paper indicates that the higher the aesthetic level of an interface, the better the response time a user would have with a searching activity (Conclusion section, ¶2). In practical application, this would correspond to how fast a user could find what they are looking for on a web page, for instance. In this study, six elements were looked at compared to the three from Altaboli and Lin’s study. The six elements included cohesion, economy, regularity, sequence, symmetry, and unity (Methodology section, ¶1). Thus, two of the three elements from Altaboli and Lin’s study are present.

Again, I found that the number of participants was quite low, at only 22, but they were split evenly between males and females and they all came from different backgrounds of study. Unfortunately, they were also all computer literate and used computers daily, whereas I would have liked to have some participants who rarely used computers participate (Participant section, ¶1). Nevertheless, we can gather from this study that a website or interface with a high level of aesthetics as measured from the usage of the aforementioned six elements would have a greater chance of increasing user response time than one that does not. If we indeed believe in the study’s results and design our project using these measures, assuming it produces the intended results, then it would also likely increase the perceived ease of use. Users would quickly find what they are looking for rather than getting lost during navigation, which generally causes frustration. As I mentioned with Davis’ study at the very beginning, perceived ease of use is what draws users in and keeps them coming back. While the use of aesthetics may not cover the perceived usefulness aspect of Davis’ study, it does cover the other half and is thus something that must be considered when designing any site, application, or game if it is to succeed.


Altaboli, A. & Lin, Y. (2011). Investigating effects of screen layout elements on interface and screen design aesthetics. Advances in Human-Computer Interaction, 2011, 1-10.

Davis, F. D. (1989). Perceived usefulness, perceived ease of use, and user acceptance of information technology. MIS Quarterly, 13, 318-340.

Salimun, C., Purchase, H.C., Simmons, D., Brewster, S. (2010). The effect of aesthetically pleasing composition on
visual search performance
. Paper presented at NordiCHI 2010, New York, New York: ACM.