Implementation: LoFi Web App

Transfer the early stage prototype views to a prototypical lo-fi HTML/CSS/JS application. Focus on the prototypical views of your early stage prototype, add interaction for switching the views (not too much functionality yet). Ensure that you still apply the design (or usability) principles!


Add all views you need for matching your scenarios and requirements.

  • Use CSS/JS frameworks as necessary
  • Add style sheets and scripts as external files. Comment them!

Test the mobile usage of different application views.

  • By using the phone emulator in Google Chrome.
  • On your smartphones using GitHub.io
Task 13

Store your web app in a (public) folder v3 in the GitHub gh-pages branch.