Search

Month

July 2016

Feedback

Tutorial
19 July 2016

with Dick

 

Animations:
After showing Dick that I was doing some real-life animations with the hairdryer, Dick suggested to make some story boards on how to use animations instead of learning After Effects and spending all my time there (counterproductive). One sample animation would be nice, though.
Dick mentioned to not play with the bricks alone – rather they should link to what it is actually about: food.
The best aspects about cooking might be that you can be enthusiastic about it. It’s fun. And the most important thing is the social aspect. Dinner time with friends and family. Cooking and dining as social activities.
Don’t forget to mention After Effects in my learning outcomes.
Design:
Dick pointed out that he really likes the design concept of mix as it is minimalistic, yet strong and charming. Also cultural aspects such as diversity are reflected in the design. The fact that the typography on the first page is flipped is nice and innovative and makes optimal use of the screen’s space.
Usability:
The challenge would be to provide useful information and the practical features of the app, nicely packaged and easily usable for the user.

Advertisements

Feedback Testing

Now that the content of the app is ready, it was most important for me to get user feedback. The interface should work properly and the best thing to find out is TESTING.

 

Martina (30):
Martina highly struggled with the whole interface. Already in the introduction slides it was unclear to her if the DNA kit is something physical which gets delivered to her door. She also didn’t get that the “Add Food” Function for the statistics would ask you to make photos of your food so you can have an overview and know about your nutritional values in the statistics. Switching between the modes and also the whole idea of the social media channel was a problem for her in particular. The personal zone was more clear to her.
Martina is not actively using social media (sometimes facebook). All in all she describes herself as a not-handy-person and hardly uses apps.

 

Lisa (23):
Lisa immediately understood the interface and felt quite confident with navigating through the app. She once forgot how to switch between the zones. After that one time she became quite routined and quick with this too. The social media zone and cooking mode was totally clear to her. She thought it would be confusing to always use the same food icons though, as you have the feeling you’ve been on that page before – even if you haven’t. Therefore, she suggested to change the food represantative icons (feed)  in each site.
She also mentioned that if I plan to send people a DNA kit – she would ask for their address. Otherwise it doesn’t feel as if something comes to you in a postal way. Furthermore, she mentioned that the icon of a wooden spoon for the recipe generating tool could be replaced by sth. that brings out more the idea of mixing (a whisk probably).
She also was not too sure about the heart icon I used for likes. She mentioned that it would be helpful to use this really standard heart shape all other common social media channels use – so it would be not confusing for the user. There is a lot of new stuff going on on this app, so she would recommend to use standardized icons wherever possible.
When asking her if I should make an accompanying image video, she suggested to rather use some explanatory video instead as I should take every chance to make it easier for the user and submission. Lisa’s feedback was a great help.
She describes herself as quite active social media user (Instagram, Facebook) but not really excited about using a lot of apps.

 

MJ (29):
– 2 fingers using to change zone might be confusing
– bar charts work nicely
– especially social media interface works clearly
– rather use a person for showing the profile in both zones
it is easier to understand that it’s your profile
– cook it button bigger
– the + and the – button in the cooking mode should be visualized (activated)
– MIX logo (1st page) looks different and more technical than the rest of the app
– the step by step function might be useless
– illustration style is good

MJ is a quite active social media and app user and she easily navigated and operated with the app.

Fekry (23):
– rethink the use of shadows
– he especially likes the shifted “next” buttons
– he helped a lot with texting the intro-slides
– enlarge the smallest to typefaces
– search boxes and all other types of boxes could use filled colour instead of outlines to have a  consistent style within the whole app

All in all, Fekry navigated quickly and quite cleverly through the app. It felt like he could operate well with the interface. Fekry uses no form of social media, apps or smartphones.

 

Simon (?)
– the arrow button should be changed to the symbol it navigates you towards
– he also mentioned he is confused that there is no profile icon. There should be one rather than the heart
– Cooking mode: does it scroll because the arrow points down? Better use buttons like before
– Label the page where you can post a recipe
– the entry illus could be unclear    | YOU zone    ||||| FRIENDS zone
– Rethink the icon that is used for “add food”
– Illustration style is good

Simon uses Social Media channels such as Facebook and Instagram. He navigated quite easily.

 

Fabian (25):
– the intro has a good lengths
– it is good that the pages that require scrolling are visualized by cutting off the text (understandable)
– no one clicks on the cooking mode -> make it cook it button bigger
– design is nice and friendly
– cooking button infobox should say “to get cooking”
– Better make slides than to click “Next” in the cooking mode

David:
– animate the chefs (fade out or grow the chefs hat, …)
– could it be for multiple users?
– instead of animating the sticks, I could also cut them out of paper and film them in slo-mo
– for the profile picture there could be also a viking, cat, dog, cookie, … for all kind of people to identify with
– colours should be more neutral. it looks quite female
– type in statistics section is too small
– incorporate voice navigation
– add a shopping list (so when there is a meal you want to cook, you can automatically see what you need to buy and what you already have.
– the mix logo on the app icon is hardly recognizable
– real food photos would be good

Juli (19)
– illustration of chef is engaging
– intro has a good lengths and explains nicely
– engaging design
– avocado and beetroots are not aligned
– makes hungry
– interface was easily understandable for her

Armin (19)
– DNA kit is not perfectly understandable yet
– the pizza with green dots looks moldy
– settings button besides profile of social media
– in the connections section the menu bar is wrong aligned
– interface is easily understandable

Presentation

Presentation

11. July

with David and Margot

 

This slideshow requires JavaScript.

 

Feedback:

David:

Social Focus:
Think about the idea of eating and food as a social thing – like food sharing or cooking with friends. The focus could be even more on social, like there it is already done with the social media part.

The graphic is nice so far but also consider that food is visually stimulating. Image recognition will work because there is already something like image recognition.
Would be interesting if the app knows always what you have in stock and if you can also bring it when groceries shopping.

Visual Language:
The logo and branding could be  a metaphor for mixing up. Similar to the Channel 4 branding.

Margot:
Visual Language:
There could be some animation in after effects done to play with the sticks of the logo. It is way better than I showed Margot the last time. It could be some even more playful approach with it and animations would support this. David agreed.
Also the style language could be integrated more in the interface itself. For instance if you go from one page to the next, there could be some sticks and the visual language playfully fill up the page.

Presentation

Tutorial 5.7.16

with Dick.

 

In this tutorial I presented the name MIX with it’s accompanying new design concept and first visuals to show it’s potential and versatility.

 

This slideshow requires JavaScript.

 

FEEDBACK:

Dick mentioned that he likes the word MIX as well as it’s design made by 7 bricks. He said the colourful playful approach is perfectly linked to cooking. I also showed the visuals that showed some kind of advertising banners. In particular he liked the link to music as there is a connection between cooking and music as they are both sensual activities and about compositions and ensembles.

A really helpful point that Dick made, was that the concept of MIX can be visualized by constructing and deconstructing the bricks. As a reference and source of inspiration he mentioned channel 4. For their branding they use 3-dimensional bricks that move around. Their used typefaces Horseferry and Chadwick are created by no other than Neville Brody himself (Creative Review, 2016). A great source of inspiration!

Another focus of the talk was about the presentation next week where I should focus on less text on my presentation slides. Good legibility should be ensured.

 

Playing with Construction + Deconstruction
Channel 4 Branding

(WATCH THE VIDEO FOR PRESENTING MY APP)

Fig. 3

Fig. 1
Fig. 2

 

 

References:
Creative Review (2016) Channel 4 rebrands, with help from Jonathan Glazer and Neville Brody. Available at: https://www.creativereview.co.uk/cr-blog/2015/september/channel-4-rebrands-with-help-from-jonathan-glazer-and-neville-brody/ (Accessed: 5 July 2016).

Relevant:

Dezeen Magazine (2016) Neville Brody designs bespoke typefaces for Channel 4 rebrand. Available at: http://www.dezeen.com/2015/09/30/neville-brody-bespoke-typefaces-channel-4-rebrand-4creative-jonathan-glazer-dblg/ (Accessed: 5 July 2016).
Visual References:
Fig. 1-2: Jason Drew (2016) Channel 4. Available at: http://www.jasondrew.co.uk/channel-4/ (Accessed: 5 July 2016).

Fig. 3: 디자인정글 TV (2016) Channel 4 Rebrand. Available at: https://www.youtube.com/watch?v=Yd4z7LGa3xU (Accessed: 5 July 2016).

 

 

Inspiration

Cooking / Designing
Like the Meisterschule for Kommunikationsdesign shows in their video, there is a certain relation between designing and craftmanship. Out of a design process, an outcome is created.

While my project, I recognized that the same connection can be made between Designing and Cooking.

Ingredients   –   Content (Photos, Illustrations, Text, etc.)
Kitchen Utensils – Adobe Programmes
Oven – Mac
Bringing ingredients together – Mixing materials, fonts, …
Cooking Process – Design Process

Reference:
htl1-Linz (2012) Video der Meisterschule für Kommunikationsdesign 2012 – MKD12. Available at: https://www.youtube.com/watch?v=Ri_SQKwX08I (Accessed: 4 July 2016).

Blog at WordPress.com.

Up ↑