Portable Partners has been tested in the major browsers, namely Microsoft Internet Explorer 7+, Mozilla Firefox 2+, Google Chrome 1+ and Safari 3+, and found to workable in all. There may be slight appearance and performance issues across different browsers but these do not cause any usability issues.
General Layout and Colors used
We have opted for a simple, clean and elegant layout, giving the audience a soothing feeling with carefully selected colors which are not too compelling or straining to the eyes, increasing the likelihood of extended stay. We have also chosen to center the page contents to allow users with lower screen resolutions to easily navigate through our site. In addition, we have ensured that the pages adhere to strict web standards so as to enhance the site's accessibility across a range of mobile devices.
The muted background serves as an aid to direct users' focus towards the site contents. This is presented in a bright red scheme as red is a color proven to captivate attention. Red also ties in with our topic since it most commonly signify both a sign of danger and affection, exactly the message we want to convey for mobile devices - that they can be both beneficial and harmful.
To cater to visual learners, we have provided appropriate images and selected videos to visually illustrate the written description. The images are web optimized so that they are still accessible to users with slower bandwidth connections. Users should also find many pictures housed in our image gallery.
The menubar employs a rollover function for intuitive navigation. Upon mouseover, you will be able to see which page each icon represents and the pages they link to. For the page you are currently viewing, the words will already be present.
Image Gallery (Content)
Possibly one of the biggest attractions on our site, the image gallery can be found on all history pages, giving users a visual interpretation and idea on how technology has improved modern devices and their evolution throughout the years. Descriptive captions further faciliates understanding.
This is your on-the-fly glossary! We understand that some technical terms (especially scientific jargon) hinder comprehension. However, it would be tiresome to have to keep referring to the glossary. Hence we have included a hover feature for instant access to their definitions without disrupting the flow of reading. We did not provide the function for vocabulary terms since the language has been toned to be suitable for our target audience.
This set of multiple choice questions with instant feedback provides a convenient means to assess users' understanding of the site contents.
Seemingly a shooting game, this actually serves an educational purpose presented in a light, fun and refreshing manner. Specially designed to attract attention and more users to the site, it delivers a subliminal message and recaps on the positive and negative effects of mobile devices.
Are You Addicted? (Content::Interact)
A quick and accurate test we wrote based on the symptoms of addiction through the data research collated by Professor Mark Griffiths, a renowned and learned expert in the field of gaming addiction.
Search Engine (Sidebar)
This provides direct access to desired information by querying the site using key words of interest such as "negative", "impacts", "detrimental". Go ahead, try it. Perhaps try searching for "site dynamics" and see if it leads you back here.
Did You Know? (Sidebar)
A collation of relatively unknown fun facts which can spark curiosity or interest you to want to learn more. And it is not static! A new random fact is generated every time the page is refreshed.
Just For Fun! (Sidebar::Interact)
Similar to 'Did You Know?', this is an interactive trivia to quiz how much you know about fun facts and crazy ideas. A random question is generated every time the page is refreshed.
Mini Games (Sidebar::Interact)
Mini and interactive sidebar games such as tetris, snake and puzzles to keep our audience engaged! Tetris and snake are breakthrough games which are classical hallmarks of the gaming industry. Puzzles on pictures related to mobile devices keep your brain active and hones your logical manipulation motor skills. Beware, these games are potentially addictive!
Above the page content, you will find useful utility tools which will facilitate your learning experience.
Notepad: A handy tool to record and organize notes and important findings you may encounter throughout your stay.
Font tools: Increase, decrease and restore font sizes, to what will appeal most to you. while this can already be done through your browser, you may be surprised at how many people do not know of that function!
Print: Output information to hard copy for you to carry with you for your own reading or to spread the word to your others.
Email: Alternatively, you can choose to email them!
Bookmark: Adds to your favorites for you to keep coming back for more.
Notice an arrow floating at the bottom right hand corner of the site? Clicking it will bring you to the top of the page, as and when required. It is especially useful for long pages and serves as a useful navigational aid.
This serves as an organizational overview of our site contents, allowing you to understand the scope of the topic and also providing direct access to the information you are immediately interested in.