My Blog List

Sunday, February 27, 2011


Categories in Handkerchiefs
A. Size B. Decretive details C. Fabrics
1. Symbols
2. History
3. men vs women
4. function
5. classification of flowers
6. most decretive to least
7. how to fold
8. Costs
9. how to embroidery

Friday, February 25, 2011

Project One: Finalized

For project one the objective was to design for an online source. I knew that designers created websites, but I did not acknowledge the amount of navigation that is needed within a website. In type: 1,2,and 3 we have studied how to make grids, set rules, use captions, create headers, but this was usually done within print. When designing for the web, there needs to be a strong structure for how the website functions before putting in the formal elements. I think this is why Marty introduced us to the wireframes. For me the wireframes made me concentrate on the experience that the user would have. How many clicks it takes to go through one scenario.

Untitled from Janna Johnsrud on Vimeo.

Female X Coders Final Review Part 1

For the first project of User experience, we were required to research a sub-culture. The depth of research that we gathered was more than I could imagine. When first starting the project I was unsure about how this related to design, by the end of the project I could not think of one reason it was not related to design. Through this project, I began to understand that the best designers go beyond form and involve themselves in the project they are working on. I did not go to the lecture, but I remember people talking about the designer for the Girl Scouts and how he had to interview the mom's and girls to understand what the next step was into doing the logo, but really he re-branded it. Although we have not taken the next step to create a solution, we have taken the first step. When someone says "research" the first image that comes to my mind is the internet and a library. I was surprised with the little information we had on the female tech "geeks", and how much we gained from the three different types of research. By getting involved in their lives made more of a well rounded pool of data. After pulling all the analog data together, we decided to even further narrow the specification and decided on female coders. It was an interesting process to go out and get a tour from someone and find out that our secondary data was false or exaggerated. By the end of getting into the field research I definitely had a different light on what can be considered research. I do realize that the research that I do for a paper is not the same that I would need for designing, but I think I was surprised with the amount of depth that we were able to achieve. The stereotype is that these women are isolated within their own technology world, but in reality are very sociable. Some of this is probably due to the impact of social networking, but still a fundamental value we found in the sub culture.

In this project we were working in teams. I believe this to have helped our research. Yes two or three minds are better than one, but it was the point of views that helped to make our content stronger. For example after interviewing Erika, Karen and I were discussing her leave behind, and we noticed different qualities about Erika that ended up being patterns within the other resources. Working in a team, and having a subject that depends on a team was an interesting twist too. To me this was a great way to look at collaboration and how to work within a group.

The style of the book relfected the visuals of coding. Using two different typefaces that also reflected a computer.

Here are some of the revisions that I made for the visual audit. The idea was to be a reference to the online web. However after several revisions of trying to fit the "openness" in the book, it was not cohesive with the rest of the book.

A-type-ical Update

These are some examples of blending the imagery I made with the letterforms and type. This week it was interesting to think about the collaboration of creating an identity. I have enjoyed this process because we were allowed to make our experiments and then discuss those ideas with the class. Process is a crucial part of creating design, but the collaboration process is something that is new, but I am enjoying it. Up to now, we have worked in groups for some projects but as one collaborative team, I think will be a interesting way to create our Atypeical "brand". One part of the past few week that I have learned would be narrowing down ideas and really analyzing the small details that goes with creating an identity.

The section I have been assigned to would be imagery and getting in contact with the high schools. I've had these letters made since last wednesday. However, the way that they are displayed is different. At first "Atypeical" was spelled out but became confusing with the logo. The class decided that the most successful way to execute the imagery was to focus, and crop in on the letters. With this, the letter needed to be reference. These are the details that I am trying to absorb, to critically look at my work and decide what is working and what is not.

Wednesday, February 23, 2011

Concerns in the Enviroment

  • Biodiversity
  • Extinction
  • Climate Change (Global Warming)
  • Forests
  • Oceans (Coral Reefs)
  • Agriculture
  • Toxic Pollution

  • Conservation
  • Fisheries
  • Wildlife Management
  • Soil
  • Sustainable Energy
  • Wilderness
  • Drinking Water
  • Political Concerns that Affect the Environment
  • Nuclear
  • Peace/Disarmament
  • Urban Sprawl
  • Human Abuse
  • Overpopulation
  • Consumerism
  • Misinformation (media)

  • Waste
  • Nuclear
  • Carbon Emissions
  • Oil (Offshore, Arctic)
  • Behavioral
  • Drinking Water
Economical Concerns that Affect the Environment
Energy Security
Climate Change (Agriculture)

Tuesday, February 22, 2011


Here are two directions that I went with for the identity for A-type-ical. From the feedback during class I need to work on how the text and images can work together. Within my first direction there is some trouble reading the text, on the post card it might be ok, but within the website it would be a challenge for the user to read. In my second direction, I need to work on getting the image to not seem so "pasted" on.

For the next step I am concentrating on my second direction. I was assigned to work on the imagery. I want to work with these letterforms, and re-shoot them. I plan to think back to basic photography skills, and crop, lighting, and rearranging the letter so that the image is hinted at. I thought about starting new experiments, but instead of starting a whole new idea, I decided that it would be the best choice to concentrate on one idea. One aspect that I would like to work on, is spending time and executing my ideas out more, and paying attention to details.

Friday, February 18, 2011

A-type-ical experiments

Some examples of the experimental type, I did once with film, and the other with paper made letters. For the film aspect, I was scratching on the surface and cut into deep, and proceeded to cut out pieces of the film. Trying to get at the aspect of taking away something that is typical, like image or film. The second idea was just purely wanting to be exaggerated with making the letterforms. I had a long process to make them: first rubber cement, then water color, tissue paper over, then to cut them out and try and make them seem 3d. In all I need to go back and re-photograph them, and try to exaggerate them more to seem like atypical letters.

Information Architecture Update

This was from this morning. I have tried to make some improves progress since mondays class. From a week ago, my problems were how the viewer interacts with the site. Now, I have the correct frame work down, but I need to apply design principles that give the user indications to how to interact with the site. From using color coding to indicate, what can connect to something else. I also wanted to work on my typography and think about how different typefaces can relate to each other. From Monday I tried to tone down the color pallet, and really take a interest in the type. I still need to do many more refinements before Monday. Its time for me to really pull out the "super" eyes and concentrate on digital craft. Craft is always a basic important value to have in work.

This is an example of one screen, in relative actual pixel size. I tried out different typefaces, and to lighten the grey up and put the "sports" into orange.

Tuesday, February 15, 2011

Info Architecture Update

Here are some my web pages. The main problem I had was that everything is too big, and crowded. Another problem is the color, it was suggested that I include some back ground pictures or apply the teams colors to the page when the user enters it. I think that these are all great things to work on...more to come

Friday, February 11, 2011

A-type-ical brain storming

Here is a quick mind map of building an identity. I planned on making mood boards in the beginning and once I sat down, I started looking at books and almost had a balance of wanting to do too much, and not knowing where to start. To narrow down my random thoughts I did this.

Color combinations that have been spammed, I thought this was humorous

These images are from one book, a Hand Made Graphics Japanese book, Design and Art. I have been wanting to reference this book, because it has great ideas of how to get out of the "technology" side and get back into using raw materials. Some of the examples are just inspiring because there is so much depth to them.

For example out of the images the persons face stands out and then the hand. I want to play around with different analog materials. I want it to be a mix of the printing from our Haiku poems and using semantics for what is atypical

Digital Round with Design





After last crit, I had a lot of feedback on how that the structure is not cohesive, confusing, and the information needs to be current with the season of the sport. I went back to square one and did some analog wire frames, and wrote out whats the most important, what interactive content to I need to add. I used espn as a reference, because I am not the most "sporty" person. However, that is no excuse, because what we have been practicing for weeks is the importance of researching your audience. For example espn really values of getting their user's opinion in, so I decided to take that and try and put more "blogs" in the sports section. Something else I thought was interesting was once you clicked on an actual sport-then- team- the site had teams divided into where they are located within the nation. I need to still picture the user looking for their team or sport. Here are some of the valuable "mindset" (if that is the right word) that I have absorbed through this whole project.
1.) develop a good navigation, hierarchy is very important
2.) organizing the information, keeping in mind that it's a local source of news
3.) designing for the internet is a balance between motion and focusing on something written
4.) color choices, I tend to get a little overboard and as Kelsey put today "the colors look like an instructional video from the 80s" and then later Marty saying "too blue, looks a bit 1990s" which I really appreciated. So the lesson is to stick to a limited color pallet.

Verbal Audit, Vote on Name, and Content on Personas

Here are the verbal audits. As a person who know little about coding language it was a challenge to find all the terms. I would come across some that were intriguing though, for example "trolling" is a term from online services, from one user emotionally abusing another user. This is an example of the huge range of vocabulary that is out in the internet. Perhaps this is bad to say, but it is like a plus to have technology, because the terms on the internet help to explain how interaction works within Social Online Networks.

Here are some names I came up with for the female coders that have a bit more flair. I like how making up titles like this really reflected what we blogged for Tyler on the Snow day.

1. M{r}s. Coder
2. Woman Write in Code
3. Female Tech Inscriptions
4. The X Coder
(I am trying to reference chromosomes)
5. Tech. X- Enthusiast
6.Woman Performing in Technology
7. Girl Computer Worm
8. Tech Codes in Women
9. Lady-Like Codes
10. Jane [Code]
(my intention was to be like Jane Doe, referencing a person identity that is unknown, and trying to flip it on the opposite side, that these are women we should know)

Just like in Tyler's class we edited down, and read over everyones response to the symposium. When I met with my group, it was refreshing to know that as a group we can collaborate and take some pieces out. Analysis every word of the description, reference the icons, symbols, and index's is how we came up with the perfect two personas

Here was the first round of writing the "patterns" out into human characteristics, and trades.


"I'm an achiever, successful mother, and satisfied with my job"

Carrie Chang

43 years old

Hobbies and Activities

Carrie in her time away from the office likes to be a mother to her two kids. She allots enjoys reading, cooking and staying current on news. When she has the time she likes to sit down to play a great game of chess. She also likes to travel around the world to see new places, and engage on others culture. She also likes to exercise by playing tennis and chasing after her children.

Occupation and background

Carry is a graduate from MIT in Computer Engineering. While in school she followed up with getting a competitive internship with Google in California. She went on to get her Master's in Computer Engineering.She is now living in California working for Google as a web Developer. With all that is going on in her life she is very steady with her time management and is great at multi-tasking. She has exceptional abilities by knowing two languages English and Chinese, and having a high I.Q.


Carrie feels that the technology field is always growing and she finds that fascinating. She feels that everyday is solving another problem. With her being a steady mother she says that she seeks comfort in her job and children, and loves to help support her family.



"Coding, it's more about the passion than ideas"


28 years old

Hobbies and Activities

Samantha activities include hanging out with friends, painting, and coding. She also likes to be involved in social networking online. After becoming familiar with some of the Social Network sites, she found an online group that does hacking competitions for fun. She says since Linux is free, she likes to take advantage of that, and enjoys playing around with the system.

Occupation and background

Samantha went to University of Kansas and graduated with a computer science degree. From college she went on to become a costumer service representative. As a representative she is on the computer all day but works with basic softwares. She finds in her spear time of web surfing and playing around with Linux.


Her coding skills is more to do with fun. She has a passion for learning the new

Thursday, February 10, 2011

Reading: c/id: visual identity and branding for the arts

During this reading I saw different qualities within each Museum Exhibition that were interesting. One point to make about branding is that is uses all graphic functions, web, print, and environmental. How can the designer get across one identity.

The Mori Art Museum was beautiful. One aspect that I enjoyed is that in the title, they took the form of the architecture and repeated it. Within the principles of design we have learned color coding, hierarchy, spacing, and text verses image. I thought it was interesting, how the designers would create a brand for the Museums Exhibition, and take those elements and repeat it. This is my personal opinion, and it could be wrong, but I believe that creating a brand does not mean you have to repeat the aesthetic form over and over. Within those principles the brand can "flex" into something else and still keep its own identity. Usually one or two of the forms, and the rest remains the same. I think also it makes the audience question or stop to look. The Mori Art Museum had my eye going around all the different objects and how even though there was variation, it was a consistent level of change

Monday, February 7, 2011

Site Map

Wire Frames Digital Round

Scenario: Wants to see high school sports

Scenario: Going to KU page and commenting on a image

Scenario: Wanting to get to the Super Bowl Page