Archive for the ‘BFPW’ Category

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.

Regarding the changelog

Tuesday, November 3rd, 2009

Tess mentioned the changelog in her lecture last week and how she was wondering why some of us have chosen to use a static page in stead of posts for this. I feel the need to do a post explaining my choice.

To me the changelog is mainly something that I update for the lecturers, and I don’t find it relevant for other visitors on my blog. Therefore I don’t want these news to be posted on my front page. I could of course use a plugin that would hide my changelog posts from the front page and post them to a dynamic changelog page instead. But this way I would have more than one page containing posts, and I think this could become quite confusing for my visitors. One of my goals with this blog is to make it simple and easy to use. I have made the changelog a static page to avoid information overload and to reduce complexity.

Voice & body

Tuesday, October 27th, 2009

We have spent the whole day working with rhetorics. It was very different from everything else we have done so far, but it was really interesting. We read stories to each other and learned how to use our voices right by controlling power and articulation. Reading something to other people is actually more difficult than it seems.

Blog presentation

Tuesday, October 20th, 2009

I have chosen to make this presentation in Flash as I wanted something different. Not just another screencast. Instead of a voice-over I have added music to emphasize the image and expression. The video gives an overview of my process and layout. I was inspired by this music video.

Get Adobe Flash player

(This video was working before the one.com server troubles. If you do not see the video here, please watch it in Flash Player from the documentation disc. The file is called blog_pres01.swf  , or you can download it here)

On the cover of a magazine

Sunday, October 18th, 2009

If my blog was a magazine, this would be the cover:

magasin01

I used Photoshop to create this magazine cover.

Blueprint

Friday, October 16th, 2009

blueprint

Hybrid

Tuesday, October 13th, 2009

Sometimes you can get stuck in the process of creating something, but fortunately there are different tools you can use to generate new ideas. We tried out one of these tools some days ago in class.

SCAN0012_web

The three words on the left are words I picked, because I think they describe me. (patient, music interested, creative).

The words on the top row are words describing the way I want my blog to come out. (different, logical, graphical).

The pictures on the right were random pictures I found in a news paper.

The words in the bottom row are random words one of my fellow students found for me. (Copenhagen, obvious, accentuated)

The idea is to put words in the fields in the middle, that comes to your mind when you combine four things (three words and one image). Example: By combining the words creative, obvious and logical with the picture of the old lady with the hat, the words intuitive and user friendliness came to my mind. The new words I come up with are then going to help me in the further process.