#milestone03

[shobbsdid302a]

MAY 08 - A3 SUBMISSION

Please CLICK HERE to view all posts related to Milestone 03 in order of posting.

The PDF copy of my presentation/reflection and my report/submission have both been submitted via BlackBoard.

[shobbsdid302a]

User Flow 03

Booking a counselling session

NOTE: please hover over image and click magnifying icon top left for full view

[shobbsdid302a]

User Flow 02

Ordering a book/s from Redkite’s Book Club

NOTE: please hover over image and click magnifying icon top left for full view

[shobbsdid302a]

User Flow 01

Submitting an application for financial assistance

NOTE: please hover over image and click magnifying icon top left for full view

[shobbsdid302a]

My final thoughts | CONCLUSION

In conclusion, I am really happy with how this project has turned out. As with any project there is always the thought of “if I had more time…” but considering what I was able to achieve within the past 12 weeks, I am pretty content with the outcome.

I genuinely enjoyed being able to have the freedom to explore something that both interested me and pertained to my degree. Being able to utilise skills I’ve learnt over the past 3 years at uni and also to learn new tips and tricks along the way really made this project very valuable to me.

I was able to set myself goals and challenges and push myself through each Milestone to see what I could achieve, which was fantastic.

I think that the final prototype and design really came together at the end and I believe I have successfully achieved my overall goals and sub-goals that I set for myself back in the first week.

[shobbsdid302a]

Information Architecture | EMERGING PRACTICES

“Information architecture (IA) is a science of organizing and structuring content of the websites, web and mobile applications, and social media software.”

As I have discussed previously, Redkite’s website is lacking in a solid structure in terms of how it organises it’s content and how it’s internal flows are executed. There is such a huge amount of information and pages all bunched up together, with a lot of them being lost in the mess. That’s why looking at the IA was a relevant and important piece of this project because I needed to ensure that the app I was designing was going to be the most simplistic yet beneficial tool for the users, delivering information to them in a structured and well thought out way.

I also made sure that the overall layout of information was clean and simple, but most importantly, consistent. All the ‘main’ pages (Financial Assistance, Counselling, Book Club) have the same layout, as well as all the confirmation pages. I think this was extremely important so that the users can quickly get accustomed to how the app works and what the layout and components mean, but it also just removes potential confusion.

I needed to make the information really concise and as easy for the user to consume as possible. As a result the only scrolling pages you will see in the final prototype are the Book Club library (as there are images of books) and the Financial Assistance application form page.

[shobbsdid302a]

Design Systems | EMERGING PRACTICES

“A design system is a series of components that can be reused in different combinations. Design systems allow you to manage design at scale.”

Redite currently has a strong brand, in terms of their branding materials and components, which is evident on their website and throughout their digital and print resources. When it came to designing this app I knew I would be drawing a lot of inspiration from their current branding to develop a new, fresh design system, solely for the app.

The app’s design system includes button shapes, colour palette, fonts (title, subtitle, copy, etc.), illustrations and general layout templates.

I can definitely see the value of having Design Systems in modern Interaction Design projects as it allows for really clean, easy-to-follow design, especially when working with multiple designers. It’s very important to have a consistent design not just for general aesthetic reasons but it allows the user to acknowledge and understand the information and process much better, which is why overall, it’s really important to implement a Design System in interaction design projects.

I have created a board featuring the components I used/created for the Redkite app’s Design System, which can be seen at the top of this post.

[shobbsdid302a]

Interaction Design practices used

In Milestone 01 I spoke about some emerging practices in the UX/UI space and how I felt they were relevant to my project. Now, at the end of the project I will be re-visiting these and talking about how I integrated them into my project and showcasing how I did this.

As a refresher, the two emerging practices I selected were: Design Systems – “A design system is a series of components that can be reused in different combinations. Design systems allow you to manage design at scale.”

Information Architecture – “Information architecture (IA) is a science of organizing and structuring content of the websites, web and mobile applications, and social media software.”

I have broken these down separately in the next two posts.