Monday 21st September
Session 5
Today's session started with interim presentation. Because of our weeks commitments we hadn't yet been able to print our poster designs so attempted to print them first thing this morning. Unfortunately there were a lot of hold ups with the printer and Matt and Klaus had to crack down and cut everyone off at 20 past 9. That sucked for us as ours actually printed really quickly when we finally got a turn! We still shared our work on the table and got feedback from the lecturers and our peers which proved to be helpful.
Before we looked at our feedback, we had a discussion as a class around the entirety of what we are doing for this project and how it fits into the timeline:
Terrible photo but pretty much what it details is the idea that the Web page is active from beginning/lead up to end/after the event, whereas posters are generally in the lead up but not past the actual event, the flyer/brochure will generally be happening at the event and after and then as a team it is up to us to decide what our other media is and where it fits.
We also discussed the importance of looking at the Who, What, Where, When, Why, How.
Then it was feedback time (see online workbook). We discussed our feedback and how we might want to approach our other media before going to the Pit for a lecture on Transmedia.
These are my notes/images of helpful slides:
Transmedia > Across media > multiplatform > replicating the same experience on different mediums > many labels: one concept.
ui = user interface
ux = user experience
Key: interaction design
follows a production workflow:
For this assignment the 2 we will focus on will be #4 User interface design and #5 User interface prototype. We still ran through the other key steps though.
Sketching is an important initial step in getting your ideas from your mind into physical form.
Wireframing to plan out your web design helps with usability. (examples of this are part of our homework task)
Demonstrates how the wireframe was developed into a web design.
Clarity, Functionality, Content, Annotations, Specifications and Requirements creation are key when considering your wire-frame.
Specifications around our project.
(Prototyping > experience)
In terms of being interested in html you can access code whilst browsing websites you think are interesting:
Homework:
Wireframe exercise (example ones + one of your choice).
Look for:
Purpose
It's goal
Unique attributes
What are the aesthetic or behavioural aspects?
Does the look and feel complement?
--- Hannah and I like to split the workload and keep things fair as we both have lots of other commitments so we are each doing one of the examples and then one of our choice.
Tuesday 22nd September
Session 6
Today started with a lecture in the Pit in which we were shown some example work from last year (that wasn't on either of the topics used this year) which gave us a bit of a holistic view of the project. We then went back to our studio to go through different touch points and try and refine our concept. Matt was away today which meant that Klaus was trying to get round to everyone who needed him so Hannah and I made a start by ourselves. We went through an in-depth thought process regarding the "knock knock" approach but when we talked to Klaus he advised that the "accidents happen" concept was far stronger, so now we need to re-think. To start this we filled in a table to get us considering all of the before-during-after aspects we would have:
We then had another wee lecture - this time introducing us to the invision programme. This program looks so awesome and simple so Hannah and I are looking forward to using it. We decided it would be best to go away from today's session and clear our heads and then come back and attempt the "accidents happen" concept fresh.
Homework:
Consolidate concept and approach and refine poster.
Think about extra touch point and what it could be/why it is important.
Logo design
No comments:
Post a Comment