Week 3: Design Patterns for screen

Lecture Pod

Design patterns and interactive design goes beyond style and more than just visual repetition. They are similar and reusable solution that have a working function often seen interface and software design. “Each pattern represents our current best guess as to what arrangement of the physical environment will work to solve the problem presented”.

User interface pattern must guide users through a smooth experience. Some patterns such as the hamburger menu is easily recognizable for users. The hamburger button is a symbol that contains three parallel horizontal lines displayed on the screen. Other useful design patterns are account registration, long scroll, card layouts, hero images, animation, material design, responsive design, and flat design.


Class Time

In class, we started using illustrator to design our user interface workflow.  We first practice setting up one of Greg’s user interface workflow before we design our toast one. Once we finished designing 2 pages of our toast user interface workflow, we had to post it on our blog. On Wednesday, group 2 had to deliver their precedent presentation. Then, we had to discuss our project ideas in a group. Every person will be given a colour hat to talk about the other person’s project.



Up, Navigation. “Navigation With Back And Up | Android Developers”. Developer.android.com. N.p., 2017. Web. 8 May 2017.

“How To Use The Best UI Design Patterns”. Studio by UXPin. N.p., 2017. Web. 8 May 2017.


Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s