Question: n this phase, you will use wireframes to show the design of your interface: how each page at frontend will look like, AND how they

n this phase, you will use wireframes to show the design of your interface: how each
page at frontend will look like, AND how they will interact with one another (navigation
with arrows). Your wireframes should be Lo-Fi (no colour, and as concise as possible).
You can make these wireframes using pencil/pen and paper, or using any application you
wish (e.g., Figma). Avoid Hi-Fi wireframes in this project. You can start learning about
wireframe designs from the following links
The requirements for Phase 1 are as follows:
A- Illustrate a total of 3-10 webpages using wireframes, Lo-Fi style. Note that
you might have popup boxes, or dropdown menus/sidebars. You should
draw these as their own small boxes/rectangles/etc. Do not drawn any
images top of your webpage designs as this will clutter stuff.
B- Title all webpages and popup boxes/sidebars/whatever else. Refrain from
unnecessary detail (e.g. specific text and images. Check links above for
examples).
C- Create thumbnails of all proposed webpages and place them on one single
paper/page. Connect all your thumbnails with arrows. All designs must have
at least one arrow pointing to them, and at least one arrow pointing from
them. This is intended to illustrate how you will move around the website.
The arrows must start from the EDGE of the element that one clicks to
navigate from a given page and the arrows must end at the EDGE of the
webpage or sidebar or popup that opens as a result.
It is about weather app

Step by Step Solution

There are 3 Steps involved in it

1 Expert Approved Answer
Step: 1 Unlock blur-text-image
Question Has Been Solved by an Expert!

Get step-by-step solutions from verified subject matter experts

Step: 2 Unlock
Step: 3 Unlock

Students Have Also Explored These Related Databases Questions!