Archive for December, 2009

The individual expression

Wednesday, December 16th, 2009

I don’t want my blog to look like the typical academic blog; it is not gonna be minimalistic or in white and blue shades as some people might expect. It is important for me that the blog reflects my personality, my style, and what we do at the Digital Media & Design program at ITU. Therefore I have considered ethos (Aristoteles), image and identity before designing the layout.

As I see it, Digital Media & Design is more colorful than many other academic programs. Before designing the blog I put down some keywords describing my impression and opinions of it: Innovation, interaction, fun, theoretical, practical, academic, cool, new, urban, forward, creative.

Then I analyzed my own identity and thought about how I want to show myself as a person (the image). I put down these keywords: Young, designer, music, fashion, casual, creative, developer, sailor, swedish, cool, head phones, colors.

I spent some days thinking about how I could use these keywords and express my personality through the blog design. From the beginning I knew that I wanted to use a picture in the background to get the user’s attention and make a clear statement right away. As you can see in the changelog, I tried out a few different backgrounds.

Here are some more things that inspired me:

IMG_4882_small-pola

I came up with the idea of taking a photo of my desk at home. It is always messy, and my favourite things are laying around on it. So I picked out the things from the desk that matched my keywords the best and arranged them to fit the content of the website.

The things on the desk in the photo are:

My iPod: I never leave home without it.

My sailor head phones: They show that I am into music, and at the same time they show my love for everything nautical.

The drawing, the pencil and the glue stick: These things show creativity.

The badges: Showing the logos of two of my favourite Swedish bands – Broder Daniel and Shout Out Louds.

My sunglasses: Simply because I always wear them. Even in the Winter sometimes.

The two books: One is about fashion, and the other is about web-design. Two great interests of mine.

Overall these things put together in the background picture show what kind of person is behind this blog. To make the rest of the design match the background picture I used Kuler to create a color theme from the picture of my desk. At first I wanted to use both blue and pink for head lines and links, but it seemed to be a little too much. Therefore I decided to only use pink. It makes the links and head lines stand out from all the white text.

I have chosen to use a box with opacity for the content of the website, because I still want the background to show even though I post a lot of things. Each post is put in a box without opacity to improve readability.

My ambitions and the actual implementation

Wednesday, December 16th, 2009

As this blog eventually will be containing loads of information, I have from the beginning had an ambition to make the navigation and structure as simple as possible. Therefore I have placed a global menu at the top of the site, so the user can easily get around. The most important thing about the site is of course the blog, so I placed this on the front page. The front page also contains links to all the categories, which are equal to our courses at ITU. The fourth category is called “Everything Else”, and this is where I post things that does not have anything to do with the courses.

Personally I am a huge fan of RSS-feeds, so when I saw that the RSS-button was placed in the bottom of the site when using this theme, I decided to move it to the top. It should be easy for the reader to subscribe to my posts.

As I mentioned earlier, the global menu shows links to all the pages. The “About Me” page is a static page telling a bit about the person behind the blog. The “Group 12″ and “Guerrilla” pages are imported feeds from my two group blogs. I have chosen to show these feeds on my website, because I want to show everything we do at ITU. The “Changelog” page is also a static page. If you want to read more about why I have chosen this solution, you can read this post.

I have placed a tag cloud on the front page, so that my visitors can get an overview of the blog content right away, when they enter the site.

One of the things I would consider changing some time on the future is the blog title. I think it looks a little too boring right now and does not match the rest of the design as well as it could. I would like to use a more untraditional font, that I could save as a jpg-file instead of just one of the standard web fonts.

I also meant to add a different color to the active links in the global menu. Unfortunately I did not have time for this due to my many, many troubles with the server at one.com. It was quite a pity that I did not have the time for this, because I think it is a very important part of the overview and usability, that the user at all times is able to see where he or she is.

If you are curious to see more about the structure of this site, take a look at the wireframe and blueprint.

I have chosen to blog in English, because I want to reach a larger target group. I am considering studying abroad for one or two semesters, and my plan is to continue with this blog through my entire education at ITU.

The blog is optimized for Firefox 3.5.5 and a 1440 x 900 px screen resolution. I know that some things look different in other browsers or on bigger screens, and I would like to solve that problem some time in the future. For now I do not know how to but hopefully I will learn some day…

The nightmare before hand-in

Wednesday, December 16th, 2009

The past two days I have had a lot of trouble loading the blog. Most of the time I have not been able to edit the content or post anything. I actually could not see the blog at all.

Trust me, these are not screens you want to see the day before hand-in…

Skærmbillede 2009-12-15 kl. 14.12.52

Skærmbillede 2009-12-15 kl. 20.21.02

Skærmbillede 2009-12-15 kl. 15.30.48

Skærmbillede 2009-12-15 kl. 21.22.27

Tonight around ten o’clock all the other students’ ITU-blogs broke down as well. Around midnight they were up and running again, and now things finally seem to be back to normal with my blog too, but it is almost too good to be true. I am keeping my fingers crossed for no more errors and server troubles.

The group work

Wednesday, December 16th, 2009

In the beginning of this semester my FPW-group handed in assignments together and worked on the group blog. But as it turned out the blog and group work on this course were not part of the exam, we stopped blogging as a group and focused on our individual blogs. But we did create a group contract and agreed to meet every week and help each other with the personal blogs. However this did not work out. As we got closer to the exam hand-ins everyone worked by themselves at different places and times. In my opinion the FPW group work was lacking a clear purpose, and as it was not a part of the final exam evaluation it became trivial to all of us. Some of us have helped each other out when blog troubles came up, but we did not meet every Friday as it says in the group contract. We figured out that it is much better to just meet whenever a problem occurs.

The fact that there has not been so much work with the FPW-group does not mean that I have not been given inputs and ideas from fellow students. I have been studying with other students from the course, whom I have met with every day any way. It seems easier to just ask the people you are with instead of having to arrange a group meeting.

I see what the FPW-group was originally meant to do, but as I mentioned it just became irrelevant because their was no final group hand-in for the exam. The group had both strengths and weaknesses. I think we all had very different opinions on design and layout, and we could definitely use that when discussing our personal blogs. Every group member had different skills, so we could help each other out. But one of the main problems with the group was that no one took the initiative to meet or do anything as a group. I think that if there had been a group exam project on this course, we could have worked together way better than we actually did.

BIID exam project

Monday, December 14th, 2009

Exercise is an important factor in order for elderly people to stay healthy and fit, but as we grow older many of us tend to become inactive, if nothing or no one encourage us to work out or get out.
This report describes the process and my reflections on the interaction design project “Elderly Men In Motion”. By interviewing an informant and analyzing his opinions and answers we came up with the idea for a portable travel guide called FINN, which has the purpose of helping elderly people to feel more safe and comfortable when using public transportation.
FINN is directed at healthy, elderly men who is already in good shape and likes to go out and experience new things. The purpose of the portable travel guide is to motivate the target group to use public transportation instead of travelling by car.

Our BIID exam project entitled FINN – Transportabel Rejseplan” can be found here

bilag 1: interview
bilag 2: brainstorm
bilag 3,4,5: storyboards
bilag 6: idétabel
bilag 7: sketch
bilag 8: vision
bilag 9: personas
bilag 10: prototype 1 – tegnefilm
bilag 11: prototype 2 – stop-motion
bilag 10: feedback

Bilag 1: Interview

Bilag 2: Brainstorm

Bilag 3: Storyboard1

Bilag 4: Storyboard2

Bilag 5: Storyboard3

Bilag 6: Idégenerering

Bilag 7: Sketch

Bilag 8: Vision

Bilag 9: Persona

Bilag 10: Prototype 1

Bilag 11: Prototype 2

Bilag 12: Feedback

BIMK exam project

Sunday, December 6th, 2009

Interactive marketing is becoming more and more common in the public sphere. An example of this is a campaign that DSB had in the Fall of 2009. Posters showing 2D-barcodes were put up in trains and on platforms, so that passengers could use their mobile phones to scan a barcode and be directed to e.g. a website.
In this paper we describe the campaign, analyze the visibility and use of it, and discuss possible reasons for the recipients’ reactions to the 2D-barcodes and service, based on both a qualitative and quantitative analysis.

Our BIMK exam project entitled “2D-stregkoder i S-toget” can be found here

And the appendix here