As part of the Web Development program at the British Columbia Institute of Technology, I teamed up with 2 other students and we planned and designed an app for a project in the UI\/UX course.<\/p>\n\n\n\n
After interviewing 6 potential users and conducting 60 questionnaires, we created 5 personas and developed their DITLs (days-in-the-life), user stories, and customer journey maps. Based on the refined user flow, we created a site map and wireframe.<\/p>\n\n\n\n
The process of brushing up from wireframes to the final prototype involved 5 rounds of user testing, with feedback reflected weekly. Since I had already studied Graphic Design and was familiar with Figma, I was in charge of the overall design concept, logo, and most of UI design. The colour scheme concept was ‘simple, fresh, and energetic’. So I chose black as the main colour, since the main users were male and female, young to middle-aged adults. I downloaded about 5 similar apps and tested them myself to see the features, flow, menu, and icons. <\/p>\n\n\n\n
During user testing, we carefully checked the first-time users’ behaviour. They behaved in ways we didn’t expect and it took a long time to navigate the screen. As a result, we ended up with a lot of screens that needed to be designed. However, in the final prototype, we were able to create an app that even first-time users could use without hesitation.<\/p>\n","protected":false},"excerpt":{"rendered":"
As part of the Web Development program at the British Columbia Institute of Technology, I teamed up with 2 other students and we planned and designed an app for a project in the UI\/UX course. After interviewing 6 potential users and conducting 60 questionnaires, we created 5 personas and developed their DITLs (days-in-the-life), user stories, […]<\/p>\n","protected":false},"author":1,"featured_media":230,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[4],"tags":[48,5],"acf":[],"_links":{"self":[{"href":"https:\/\/koskimaki-web.com\/portfolio\/wp-json\/wp\/v2\/posts\/1"}],"collection":[{"href":"https:\/\/koskimaki-web.com\/portfolio\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/koskimaki-web.com\/portfolio\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/koskimaki-web.com\/portfolio\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/koskimaki-web.com\/portfolio\/wp-json\/wp\/v2\/comments?post=1"}],"version-history":[{"count":11,"href":"https:\/\/koskimaki-web.com\/portfolio\/wp-json\/wp\/v2\/posts\/1\/revisions"}],"predecessor-version":[{"id":299,"href":"https:\/\/koskimaki-web.com\/portfolio\/wp-json\/wp\/v2\/posts\/1\/revisions\/299"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/koskimaki-web.com\/portfolio\/wp-json\/wp\/v2\/media\/230"}],"wp:attachment":[{"href":"https:\/\/koskimaki-web.com\/portfolio\/wp-json\/wp\/v2\/media?parent=1"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/koskimaki-web.com\/portfolio\/wp-json\/wp\/v2\/categories?post=1"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/koskimaki-web.com\/portfolio\/wp-json\/wp\/v2\/tags?post=1"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}