Case Study – Citizen app – Petter Berg's portfolio

This is an assignment carried out as part of a study at Noroff School of Technology and Digital Media. The content is therefore mainly presented as it was presented to the school, without associated written reports. The content presented as images may also contain links that were originally part of the delivery to the school in PDF format. Where relevant, I'll put a clickable link below the image that refers to an external source.

Since the report for this project was a large part of the delivery, I include the report via this link:

Open report

Test the prototype

References

Dribbble:

https://dribbble.com/shots/22463222-E-commerce-Dashboard-Cards-Funkymag
https://dribbble.com/shots/6703110-Mobile-Navigation-Menu-Interaction-Design/attachments/6703110-Mobile-Navigation-Menu-Interaction-Design?mode=media
https://dribbble.com/shots/17505838-Chat-app/attachments/12644571?mode=media
https://dribbble.com/shots/7112746-Tab-Bar-Exploration?utm_source=pinterest&utm_campaign=pinterest_shot&utm_content=Tab+Bar+Exploration&utm_medium=Social_Share
https://dribbble.com/shots/21911111-Chat-Mobile-App

Adobe Stock:

Stock image from MR Vector: https://stock.adobe.com/no/images/realistic-smartphone-mockup-mobile-app-presentation-mockup-phone-ui-ux-mockup-mobile-phone-different-angles-vector-illustration/496016255
Stock image from MR Vector: https://stock.adobe.com/no/images/smartphone-mockup-mobile-phone-mock-up-fully-editable-file/504158943
Stock image from Irina Shats: https://stock.adobe.com/no/images/mockup-of-a-phone-screen-social-media-promotion-advertising-on-a-smartphone-display-device-front-view-3d-mobile-phone-cell-phone/632209907?asset_id=632209907
Stock image from Rawpixel: https://stock.adobe.com/no/images/premium-mobile-phone-screen-mockup-template/245068135
Stock image from blackzheep: https://stock.adobe.com/no/images/mock-up-phone-in-woman-hand-showing-white-screen/367251886
Stock image from guteksk7: https://stock.adobe.com/no/images/man-using-smartphone-blank-screen-frameless-modern-design-while-sitting-on-the-chair-in-home-interior/462046756
Stock image from kras99: https://stock.adobe.com/no/images/abstract-human-brain-artificial-intelligence-technology-science-background/322613090?prev_url=detail

Images:

All images (that is not part of mockups) was generated using the AI image generator Midjourney, with license to distribute images.

Other:

https://developer.signicat.com/identity-methods/nbid/about-nbid.html#norwegian-bankid-s-product-types
Fitts’s Law: https://www.nngroup.com/articles/fitts-law/
ISO 9241-210:2019: https://www.iso.org/standard/77520.html
NNgroup podcast nr. 38. User Interviews: https://www.youtube.com/watch?v=vWlXNS-3Ct8&ab_channel=NNgroup
NNgroup podcast nr. 35. Wireframing & Prototyping: https://www.youtube.com/watch?v=GaVGu_8CdHY&ab_channel=NNgroup

Literature:

“About Face: The Essentials of Interaction Design” by Alan Cooper
“The Design of Everyday Things” by Don Norman
“Universal Principles of Design” by William Lidwell, Kritina Holden, and Jill Butler

Noroff:

Case Study – Citizen app

Client

Date

Tools

Test the prototype

References