Saturday, 4 June 2016

WEBSITE DESIGN (CRITERION D - EVALUATION)

Criterion D – Website Design

Feedback from two clients, Shakthi and Subho:

Shakthi’s evaluation:

Evaluator's Name: Shakthi Iyer
Title of Website: Mission to Mars
Address or URL: http://marcmukherjee5.wix.com/mysite-1
1 = not so good
2 = okay
3 = good 
1
2
3
Credibility
The author can be contacted.
 ✓✓✓✓✓


The content is good for learning the language


 ✓✓✓✓✓
Accuracy
The content is checked for errors

 ✓✓✓✓✓

The information is up-to-date.

 ✓✓✓✓✓

The information is complete.

 ✓✓✓✓✓

Reasonableness
The content is very interesting


 ✓✓✓✓✓
Keeps the visitor engaged


 ✓✓✓✓✓
Another resource can be found with similar information.


 ✓✓✓✓✓
List the second resource.
Design & Technology
The pictures are relevant and clear.


 ✓✓✓✓✓
The pages are easy to move around.


 ✓✓✓✓✓
The colors are appealing.

 ✓✓✓✓✓

All of the links work.


 ✓✓✓✓✓
Interesting features are used


✓✓✓✓✓
Good use of techniques


✓✓✓✓✓
Videos and audio used


✓✓✓✓✓
The pages load relatively quickly.  (About 30 seconds.)


 ✓✓✓✓✓
Overall - How does the website rate?


 ✓✓✓✓✓

List three advanced features that you liked in this website:
  • Was able to present a video
  • Linked buttons to various websites
  • Had background music

Subho’s evaluation:

Evaluator's Name: marc
Title of Website: Mission to Mars
Address or URL: http://marcmukherjee5.wix.com/mysite-1
1 = not so good
2 = okay
3 = good 
1
2
3
Credibility
The author can be contacted.
1


The content is good for learning the language

 2

Accuracy
The content is checked for errors

 2

The information is up-to-date.


 3
The information is complete.


 3
Reasonableness
The content is very interesting


 3
Keeps the visitor engaged


 3
Another resource can be found with similar information.


 3
List the second resource.
Design & Technology
The pictures are relevant and clear.


 3
The pages are easy to move around.


 3
The colors are appealing.

 2

All of the links work.


Interesting features are used


3
Good use of techniques

2

Videos and audio used


3
The pages load relatively quickly.  (About 30 seconds.)


 3
Overall - How does the website rate?


 3

List three advanced features that you liked in this website:
-        Drop down texts
-        Navigation bar
-        Animated backgrounds

Evaluation to the “Mission to Mars” website:
According to the feedback above, my website has surely exceeded the client’s needs. The user can navigate different pages via navigation bar. A live page background (Spaceman) accompanied by the soothing music (Interstellar Theme) from the music mini player. There were also certain animations and gif images which made the page look appealing. I chose the video instead of typing the information in because it would summarize the entire thing and it would be easier for the user to understand. The use of an accordion, which is a stacked list of items, was to organize the information. The strip background at the bottom of the page caught the eye of the user since it had a live page background. You could also navigate through the pages by clicking the arrow. Different buttons had various frames and were organized in a brainstorm phrase. They were also hyperlinked to different websites such as Mars One, The Guardian, etc.
However, they were few implications with the product. The user wanted to know more about the Mars mission so he asked me whether you included this feature or not. However, I did not include this feature in my website. Some pages had an opaque color which blocked the live page background. The client also mentioned that a carousel (cycles through different elements (pictures).) could be added to make it look more pleasant.

Improvements:
·         Add a feature where the author can be contacted via message.
·         Include a carousel where the user can cycle through different elements.
·         Use transparent/translucent page colors so that the live page background can be seen.
·         Include social websites (Twitter, Facebook, etc.) where people can share this information.
·         Use more advanced features (Jumbotron, Wells, Glyphicons, etc.) and explore the HTML Box more to use those features.

Strengths and weaknesses:
Strengths
Weaknesses
Has an accordion where the information is organized and the user can click a tab to see that particular data.
The author cannot be contacted via message.
Gif images, pictures and the strip background have different frames and filters which make the page more appealing.
No social websites where the user can share the information.
Buttons were hyperlinked to various websites like Mars One, The Guardian, etc.
No advanced features like Glyphicons, Jumbotron, Wells, etc.
A video which summarized the Mars mission.
No carousel where the client can cycle through different elements/phases easily.
A mini music player which played a track (Interstellar Theme)
Opaque pages where the user cannot see the live page background.
Live page background

A navigation bar where the user can navigate different pages or he/she can click the arrow in the strip background.





Friday, 3 June 2016

WEBSITE DESIGN (CRITERION C - CREATING THE SOLUTION)

Website Design – Criterion C (Screenshots)



Pictures:

Description:
The three pictures have different filters and frames.
·         Filters (from the left): Sangria, Soledad and Neon Sky.
·         Frames (from the left): Spherical, Rectangular frame with two pieces of tape and a Square Box frame with 4 screws.


Navigation Bar:



Description:
Has three tabs. Each tab takes the user to a different page.



 Video:


 Description:
The embed code was copied from the YouTube video and put in an HTML Box. I altered the frame and width of the video in the embed code. (<iframe width="468" height="360")


Strip Background:


Description:
Gives the website an appealing look. Located at the bottom of the page. It also has a live page background (sea waves). The “arrow” has a hyperlink which leads you to the next page.


Spaceship Icon:


Description:
It is correlated to the topic “Mission to Mars”. Has an animation ‘Fade-in’. It is also hyperlinked to the Mars One website.


Music Mini Player:


Description:
It plays music when clicked. When the user accesses this website, the music will play automatically and can be stopped if the user wants to.



Accordion:


Description:
It is a staked list of items. When a tab is clicked, a dropdown effect will occur and the user can see the information, pictures, etc.


Buttons and Hyperlinks:


Description:
Each button has a different frame and is linked to a particular website.