Embedded Files
Stage 3: Develop
Stage 3: Develop
Steps 1 to 7 below must be complete and clearly labelled in your folio in the Develop Stage.
Steps 1 to 7 below must be complete and clearly labelled in your folio in the Develop Stage.
Step 1: The design the Information architecture (IA)
Step 1: The design the Information architecture (IA)
Using pencil and paper, quickly sketch a basic wireframe. Like a family tree, a wireframe should shows how each page relates to each other squares and arrows indicate how the app could function. There should be very few details, no text, images or colour.
Optional: IF you have the skills, digital programs such as Adobe Xd can be used to create wireframes .
Step 2: User Flow Diagram
Step 2: User Flow Diagram
Draw a basic layout for the pages using simple shapes and lines to represent the content. Use arrows to indicate how buttons may lead to the the next screen.
This is a user flow diagram where you sketch out basic placement of content with shapes that indicate text. This type of layout is also called a wireframe prototype (lo fi).
Step 3: Gather and Apply Feedback
Step 3: Gather and Apply Feedback
The success of a digital interface is heavily dependent on its function and the user being able to use it intrinsically and easily. Seeking feedback throughout the development of the design is crucial. Accessibility for a range of diverse needs should be taken into account.
Collect feedback from stakeholders (senior students).
Test the interface with users
Collect feedback in one of these ways from 5 people:
A focus group could be formed to provide feedback on the IA (this is a small group discussion with stakeholders where you take notes.)
A survey (digital - google/Microsoft forms or on paper)
Ask the stakeholders to fill out a PMI
Rather than asking, what do you like about it? or what do you think? develop questions that prompt constructive feedback that can be useful for the development of the design.
Example questions:
What do you like about the idea?
Are functions familiar to you?
Which features of the app are most/least important to you?
Would it be easy to use?
Where are the problems?
Any other feedback?
Make sure to include the feedback in your folio, apply it and refer to it in your annotations: This is a human-centred process, so you need to apply some of the feedback and explain this in your annotations.
Step 4: Select the pages you will present and generate ideas.
Step 4: Select the pages you will present and generate ideas.
Select at least three pages to develop, refine and present including:
Home page
Contents page
At least one other page of ideas (which ones?)
Create ideation sketches to generate ideas for the layout of the screens.
Make sure to incorporate the feedback you collected into the development of the IA.
Experiment with manual and digital methods, media and design elements and principles to create a solutions for individual screen layouts.
Presenting them to the user as a rough mock-up can replicate the user experience.
Step 5: Convergent thinking (Evaluate and Adjust your Ideas)
Step 5: Convergent thinking (Evaluate and Adjust your Ideas)
Convergent thinking is used to evaluate concepts and to select a potential direction.
Convergent thinking is used to evaluate concepts and to select a potential direction.
This could take the form of:
A PMI
survey of the users
Step 6: User Interface design (lo fi):
Step 6: User Interface design (lo fi):
Exploring methods, media and materials and design elements and principles (colours icons /imagery copy/text).
Refinement of screen layouts focusing on colour, shape and type.
Annotations describe and evaluate the use of the design elements and principles and how they relate to the function of the design and appeal to the user.
Step 7: Gather and Apply Feedback
Step 7: Gather and Apply Feedback
Stop and get Feedback from stakeholders
Stop and get Feedback from stakeholders
Feedback from users is collected to incorporate into the development of the app before the final refinement.
Questions that could be asked:
What do you like about the idea?
Are functions familiar to you?
Which features of the app are most/least important to you?
Would it be easy to use?
Where are the problems?
Any other feedback
There is also an example survey that you can use or edit to obtain feedback.
Page updated
Report abuse