I have been able to create a new design based on my concept and the feedback I received from my Crit. I did not like my final design as much due to the level of coding I had to do and my ability to do this. To resolve my problem, I decided to use Adobe Experience Design to add to my previous website. I have improved it a huge amount in order to make it more appealing to the user, which I think my previous design did not do. I have also added more features such as videos, a weather and calendar widget to make it more personal for the user.
Today in my Crit I explained to my class and tutor where I had collected the information from, explained my questionnaire results, influential designs I had found and analysis of other news pages, initial designs and my outcome.
From my class, I received some feedback and suggestions which could help me develop my design further. It was suggested to me to think about the colours on the navigation bar as it was quite dark and the current location of the search bar as users may not notice it as much. Another suggestion was to think about the layout and how people view the webpage. I wanted to make the “In Other News” section smaller in order to add another section next to “Today’s Featured Article.” I also wanted to change the style of the “Welcome to Wikipedia” box as it did not look finished.
I wanted to improve my design further as I don’t think it works well as a Wikipedia newpage due to its layout.
In today lesson I was able to finish my final design, with the help of Oliver as I was finding the layout and CSS quite difficult due to the code. I increased the amount of photos within this design compared to Wikipedia’s to make it more appealing to the user. I kept the original colours of Wikipedia as I felt they worked well together. I feel the way Wikipedia uses the colours could have been improved hugely.
Responsive Web Design (RWD) is used to allow desktop webpages to be viewed on other devices by responding to the size of a screen or web page the user is viewing it on, allowing you to see key elements of the website. RWD uses a grid format and flexible images by using ‘@media’ when placed into code.
This will help me hugely in my current project as it is important to add this element to a webpage in order to make it dynamic and easier for the user when using a webpage on different devices.
To understand this further, in class we learnt about how to use Responsive Web Design by using it ourselves. I wanted to see how a Wikipedia article would look on different devices. I was able to change the device the article was being viewed on by using the developer tools.
After viewing the article on a phone, I thought there might have been a number of differences between the iPhone 6 and Nexus 5x, however the size of the text only changed. The were an obvious difference between then iPad Pro and the responsive view due to the screen size.
I created this design by combining both of my initial designs as there were elements in both that I felt would look well together. I made sure to make “Today’s Featured Article” large so that was the first piece of information they would look at. However, I was not sure about the colour scheme as I felt it made the homepage quite dull, and I wanted to change where the logo and “Welcome to Wikipedia” was placed.
This design can be improved further, especially in its layout.
Today I started to think about my initial ideas/ designs. I made sure that I incorporated elements of design that I found from my analysis of news pages and the responses I received from my questionnaires. I wanted to focus on the way news was displayed on the homepage in order to increase the amount of views it would get and I thought the News was a huge part of it.
In my first design, I chose to enlarge the main featured article in order to make it the first thing the reader looks at. Whilst I was looking at Wikipedia’s homepage, I found that “Today’s Featured Article” did not stand out which I thought was a very important element for the users and it should be the first thing they look at. I created a side bar along the side of the screen, however from my questionnaire, I learnt that people do not use it. Also when looking back at this design, I felt some of the sections I added, such as “Today’s Featured Picture” was unnecessary and did not need to be included in the design. Also I thought this design was too similar to the redesigns I had looked at previously. This stopped me from developing this design further but helped me think about what I should include in my design.
The first design helped me through the creation of this one as it made me look further into into that sections I wanted to design. I changed the layout completely and used a grid to create this. I wanted there to be two sections towards the middle of the page so that it was the first section of news the user would read. I was not sure on the colour scheme, however I can develop that further later on in this process.
I received feedback from my questionnaire (shown below) from 13 people which will help me when designing my concept. From my questionnaire, here are is some of the information I found out:
60.2% people use Wikipedia for Educational Purposes.
20 minutes is the longest amount of time people will use it for – this surprised me as I thought people would use the site for longer if they were using it for work.
61.5% of people dislike the colour scheme.
Most people type their subject they want to look at in a search engine and the article appears.
84.6% do not find Wikipedia’s homepage enjoyable to read.
100% do not use the side bar – I think the sidebar is an important within a Wikipedia Page as it stores a lot of information but I feel there is too much on the current sidebar and it needs to be condensed.
100% find the homepage legible and easy to understand.
Most people would like the homepage to be brighter in colour and more images.
Although I collected a very small amount of data, I will use what I have learnt from this questionnaire in my design in order to meet the users need.