Ch 3,4,5 reading response.

By studying the type of people are using your site it is much easier to predict their behaviors. In the case of a banking website ethnography is important because almost everyone uses a bank and many use the banks website to do different tasks. Using a persona and a made up story about that person may help lead to a problem in the site that you would have never thought even was a problem. Knowing that a 65 year old woman who has never used online banking will need more explanation than a 25 year old who is trying to save for retirement. designing for the state of mind that the user is in when using a site is just as important as the features on the site.

A design can not truly be finished in my opinion, there is always a problem that will arise, even if it doesn’t appear for years after the design is in effect. The reading talks about it being finished not when you meet your own goals, or when you like at all, instead the author considers the user the final call in a products completion. Does it work, is there more to do, am I satisfied. These are some of the questions the user will ask themselves, and after those questions they will decide the completion of the project.

I only buy levi’s pants. This sounds crazy considering they are just one of dozens of clothing companies available to me, but there’s a lot going into me wearing their pants. They are cheap in comparison to some brands but definitely expensive in my mind, so really I could just buy lee’s or arizona jeans, but I only buy levi’s. Branding is a very important factor in my buying, and I am somewhat aware of this, but I go along with it anyway. The commercials for the product are typically young people living life free of problems, throwing on a pair of jeans and going out on the town. Then the name and badges on the jeans are pure Americana, and pushes the authenticity of the pants. That’s the whole idea, the authenticity of your clothes, your actions, and your life. Plus they are comfortable and have a great minimalist logo.

 

Objectified Response

Objectified explores a plethora of mindsets and definitions of design. It features real people from the world of design. Each brings their own experiences and ideas to the table. This makes for a very interesting viewing.

Design is made up of a lot of things. Everybody has an answer for “what is design?” The truth is, no answer is wrong. A lot was said in Objectified. “Design is art.” “Design is simple.” “Design is the search for form.” All of these can be true, but a question that hovers around throughout the film is “what makes a design good?” Plenty of answers can be found. A couple of things that stood out to me early on were the Japanese toothpick and the shot of two plates containing the same food. The toothpick had multiple uses. These uses depend on the culture, there was a feature that was used very commonly in Japanese culture that would have no use in other cultures such as American. I believe the two food dishes were shown to showcase the different eating habits of the two people enjoying their meals. One was very neat and organized, the other absolutely destroyed his meal. These two examples show just how different people can be. This leads me to believe that a good design should be able to satisfy the needs of different people. It shouldn’t cater to a specific type of person. Now, it’s impossible to satisfy EVERY person, but your audience is going to shrink if you don’t expand your target. Another attempt at answering this question was when one designer brought up the fact that there are objects that were made decades ago that are still used today. Examples would be cars or furniture. It can be inferred that “good design” should stand the test of time.

The range of ideas that Objectified considers is interesting. It’s a lot to digest. Every designer had his/her own definition of design and what he/she though made for a good design. The most interesting part: I didn’t hear a single thing I disagreed with.

 

Objectified Response

Listen to what they say about what good design is:

Good design is simple, understandable, clear, and pleasing. It makes people think, “of course it is that way.” It’s making something that becomes of deeper meaning. There was a speaker in the video that used the example of, “the chair dad sat in.” This is the job of designers.

What is a designer’s purpose today? What is their job?

Designers need to make sure the things they make are clear and understandable. Designing is the search for form nowadays. It is about making stuff that people want to buy. In addition, things aren’t forever and companies want lots of new ideas. Designers need to ask themselves, “Am I making something that is a change?”

What should designers do?

Designers should make one thing do multiple things. They need to create an environment where others feel comfortable. Designers should think about what is going to happen, not what has happened already. Design with this in mind: would you buy this?

Do you agree/disagree with any of their statements?

I agree with making things simple and efficient. I believe this goes hand and hand with a really good user experience. I agree that things should feel better with use, as the product is being worn in.

Did they say anything that changes your view on design?

It really got me thinking when the man said about things being extremely hard to design that get better with use. Also, early in the movie a speaker said about worrying about extremities of whatever you are designing, and the middle ground will be taken care of automatically. This was honestly the exact opposite of what I thought designers would do. Additionally, the comment of good design being as little design as possible was a new thought to me.

What is design?

My definition of design is having ideas to improve daily life without users thinking about it.

Objectified

We recently watched a movie titled, Objectified, in it there were many designers from across the globe and we saw how each handled design differently and creatively. I really agree with Dieter Rams and his definition of Design, design must be innovative, aesthetic, understandable, long lived, consistent, eco friendly, and have as little design as possible. This actually made a lot of sense and I agreed with a lot of what he said and what he thinks design means. I feel that my original ideas of design were in his ideas as well as changing my ideas in to those more sophisticated ideas. I never would have thought of less as more for design, I always wanted my designs to be complex and sophisticated but watching Objectified made me realize that less can and is more when it comes to design. It must be simple for the average user and easily understood across the grid. Simple design is in much of what I see and use today. Everything is made to be as user friendly as possible and will be successful with out all the fancy extras. My Idea of design hasn’t so much changed but evolved, my ideas were validated and some evolved into a deeper understanding of what is a good design and what is not. But also what it takes to brainstorm a good design idea before actually putting it into action.

Objectified

How do they define design?

The designers in the movie defined design in many different ways some as form, mass production, and others as how we interact with a product.

What makes good design?

Things that make a good design are products that improve things without the user knowing. Also little design/less is more or innovative with pleasing aesthetics. Lastly  sustainability of the product/design is necessary.

What should designers do?

They should make a change in the world or market they are in. They should tell people what to do without them knowing. Also they must look into the future and find better with use for things.

Do you agree or disagree?

I agree with what these designers have said about design and what makes it good. I have always believed the least amount of design the better.

change how you see design?

This movie did not change how I saw design because I agreed with most of what they said already.

What is design? has your idea changed.

Design, good design at least, is the things we don’t think of as design at all. Something should make so much sense as how it is that it wouldn’t make sense looking or acting in any other way.

Website Review #2

For my second review, I chose one of my favorite websites Letterboxd. This is basically the “Facebook” for film critics and film lovers (like myself). And at the end of last year, they published a year-end wrap-up for the films released in 2015 with an enormous one page website. At first glance, I could already tell that it was going to be an awesome experience, especially with the big “2015” in bright vibrant colors and having film stills in each number. The main color scheme is a very dark blue, with accents of light orange, green, and blue. I believe that this color scheme works well because the bright colors complement the dark blue to create a really stylish look. I liked how they tell the user to navigate the one page site by using the arrow keys. They also give a little illustration to accompany the directions. The one thing that bugs me is that I feel that it is too small. They should make it one or two points bigger. I feel that the navigation and layout is spot on. According to Steve Krug’s Don’t Make Me Think, a website should have these attributes: usefulness, learnability, memorability, effectiveness, efficiency, desirability, and delightfulness. All of these attributes were executed in Letterboxd’s 2015 Wrap-Up one page site. When one navigates down the page, he or she is delivered with a small clip, title, poster, and short summary of the film in a smooth and clean look. Then, if one continues, they are given a quote and small movie poster from the film above. This format continues throughout the website and also gives interesting facts, lists top film posters as well as top directors, actors and actresses. The finale of this wonderful splendor is the “25 Best of 2015 Video Countdown” that summarizes the “Top 25 Films of 2015” in an incredible video montage that really showcases each film. This one page site truly delivers an amazing experience for anyone who loves film or is even interested in a specific title. Letterboxd did a great job with showcasing a huge amount of content in an organized, clean, sleek, as well as interactive manner.

 

Take a look for yourself and experience the awesomeness!

Link: http://letterboxd.com/2015/

Objectified

Last week in class we watched the film Objectified in which designers discussed the industry of product design. The film was very interesting with a diverse cast of interviewees all across the world, it also did a good job of covering many different topics relating to the industry.

As far as my opinion on the topic is concerned, I am by no means an expert in how to design a product for use in the real world, having made very little in the way of consumer products. Even so I could still understand where some of the designers were coming from. Some of my favorite discussion came from the idea that everything that we use and take for granted each day was designed, and probably had a story to it. Some of the designers agree that if a design goes unnoticed it is doing it’s job, but I think if anything that’s just too broad a statement. In my own life I try to make decisions on things on a case by case basis, and I think this should go for design as well. Not everything should just fade into our lives and be taken for granted, something can preform well and still make the user think, “this product is astounding.” at least every once in a while. As I was saying though I do agree with many other ideas mentioned, specifically the thought that you have to strip away the unimportant aspects of a design in order to get the best product. Minimalism is the key in my opinion, to creating a long lasting design. This is because trends in style come and go but a useful product can be used until something takes it’s place, not because it becomes ugly.

Some things discussed did ring very clear to me and made me start thinking about a topic I never have considered in this way before, the idea of product life cycle. Prior to watching the film I never thought about the flip side of the extreme pace of innovation in modern technology. If I put my tube television out on the curb it disappears, then I never think of it again except to curse it for having such a terrible picture. It goes somewhere though, and in most cases it seems like that place isn’t very economically friendly. The problem of a short life cycle is probably the thing that will stick with me from this film, and constantly make me question what the unintended consequences of innovation are.

Overall my definition of design has not really changed, everyone has a different way of saying it, or their own ideas about what goes into good design. I truly believe that design is much too large to throw under one sentence, but in the spirit of hypocrisy; design is the way we shape our world to fit ourselves, to make life easier, and to make things more beautiful.

site review 2

After looking through the many single page websites found on the site you provided for us, I found a site that was one large animation saying Happy New Year. When I first launched the website, all that appeared was a loading screen that said “Are you ready?” and then a match that kept jumping up and down. I then discovered that when I put my mouse over the match it was a button to click on. Clicking on the match then made the match catch on fire and four colorful rockets showed up. Clicking on the match again I could drag the match to each rocket string. After dragging the match to the first rocket a sign popped up that said “Nicely done! 3 to go!” which then led me to believe I needed to light the last three rockets to find out what happens next. The rockets then shot up and the screen changed to a city skyline and the words Happy New Year 2016 on it with lots of little blinking dots in the background. Referring back to the reading, the color of the single page site went perfectly with it’s theme. The never burning out match was fun because it gave you as much time as you wanted to light the rockets. Taking a deeper look at the rockets colors (green, orange, blue, and red); green symbolizing growth or hope, orange being a very active and energetic color, blue symbolizing openness, and red having a reputation for stimulating adrenaline and blood pressure.

The navigation is provided by the different objects you have to click on and where you move them to get to the next page. The user does not need to scroll at any time. I don’t necessarily understand why there is a website just for an animation regarding a happy new year note. The site’s design elements make it extremely easy to move throughout the site. The texture of the illustrations could be better. There could be shadows or more detail in the illustrations but it all still works for the simplicity of the site itself. The point I got from the website was just to make a fun animation for New Years. I like the process of getting to the New Years message with the city skyline. It is a very basic site. On the last screen on animations you can click to get more information about the artist. I don’t feel there is a strong purpose for the site. It’s not selling anything or persuading anyone to do something. It’s just a way to say happy new year and show off the artist’s coding skills. Although this site is a bit childish because of the process, every once in a while it is fun to come around these types of sites. The site is supposed to be promoting the artist’s GreenSock Workshop but I would not have known that if I didn’t read about it beforehand. For what the site provides I think it would be a fun thing to send to relatives on New Year’s.

Website Review #2

I did my review on http://shoutouts.space/. This website collects user-submitted compliments and praises online. The user scrolls up and down to see all the content on the website. This website it really simple to navigate. The designer used big rectangles with different colors and white font color. When you land on a box the color of the words turns black. In each box there is the user’s name, what they wrote, and the date of the compliment. This shout out page reminds me of a horoscope page because it seems like it would be a page you check right when you get up. To improve this page the designer should organize the posts in chronological order. Also the designer can make it easier for a person to make an account in order to post compliments. The creator can also connect with Twitter and Instagram to expand the website. The most recent post was from February 10, 2016. If it is connected to Twitter, a lot of people would like to read compliments and praises to start off their day. Me personally would like to see the more recent posts at the top than rather all over the page. If you click on a box, it will just appear larger and a viewer can “Give a Shoutout” and/or share on Facebook. I like how the designer kept the font sanserif and white in order to keep it simple. Overall the website might be a little too simple. Maybe the viewers might like it simple but to attract more people the creator should add a better design and more posts. I’ll give credit because this website was created this year, so it does look decent for two months.

“Objectified” Response

In “Objectified”, one of the beliefs that many of the designers held is that the purpose of design is to create something that will stand the test of time. I whole-heartedly agree with this statement. What is the purpose of creating anything if it will cease to exist shortly after? To put your heart in to your work, is to leave your own mark on the world, so why would you want that to fade away? I would want my work to survive movements and be looked upon even after I am gone. This goes hand-in-hand with creating something that makes a person feel. Emotion is the best seller of any product, including art. If you are to put all of your emotions in to your work, you would want others to feel it, too.

Something that made me rethink design is that to be a designer you must create for others, especially if you work for corporations and businesses that might go against your own beliefs and values. I design because I love art and enjoy creating it for myself, but there will be a day when I may want to take my own artistic direction that the person paying me does not agree with. It is something that will stick with me in the back of my head. It made me realize that I will have to pick and choose my values which could result in difficult decisions in the future.

The ultimate question is “what is design?” To me, design is a statement and a life style. To be able to successfully design means that you have a sharp and detailed eye, an ability to know if your creation works, and to know how to evoke feeling from your viewer. Design is a mix of art, marketing, psychology and so many other fields that can help you delve deep below the surface of simply putting images and typography on to a page.  You create a message with your work and it is something that must constantly be developed and changed, so that is relevant over the years and ages.

Review#2

I chose the to review this site https://brand.uber.com. This site is a single page. It scrolls from top to bottom with wonderful design and cleanliness. In the beginning, they have put the company logo in the middle with light phrases in black and turquoise and the in the left side there are the social media connection as Facebook, Twitter, etc. To make it easier for the researcher to see. On the right, there is a short video that explains the company’s work, the shape is beautiful and smooth and appropriate for the page. There beside the simple video texture and light to the eye, colors and comfortable to the eye also. The page white and turquoise, good use of white space there are some lines in the back.

When you go to the bottom of a rapid move, it shows you a beautiful illustration with perfect color choice. There is some writing for the definition of the company when you press the button, “find out why” page is smooth appear not to cause inconvenience.

Go down again, a blank page and a light show. With some designer lines and used some of the shapes in the background to give a kind of dimension and three-dimensional shape of the bottom. There is a circle within a quick video about cars to show the speed of service using the technology to give a quick overview of the company and its service there is also a button “Watch the film” to show exactly about the company and what they are.

The part that after that, the background and the beautiful light displays some pictures, press the button “View the work” to introduce the company’s business profile and What is its vision and where you derive their impact through logo etc.

The last part of the page, the white page appears with some forms of weaving back and there is a nice, well done illustration. There footer beneath the company’s website, design and shows jobs to help faster when searching.

In general, clean the site and designed concatenate it easier for everyone to see. A good choice for that bright color, you do not feel upset when the page scans. There is useful information for the company and what you want quickly. Good use of the line is clear. Simple and beautiful page.

Chelsea Hepfl – Site Review #2

Describe and analyze the site’s use of color and texture.

I chose Flying Piñata (flyingpinata.co) as the single page website of my choice. Flying Piñata is a minimalistic site that relies on festive colors of yellow-orange, cyan, red, and green.  The Flying Piñata logo is made up of all of these colors while the “flying piñata” is a yellow-orange and red striped donkey with a green drone carrying it. I feel these colors fit the personality of this site. Flying Piñata sells literal flying piñatas. When you download the application, you can deliver a piñata via drone to a location of your choosing, typically to a child’s party or other fun event. Otherwise, the site is made of a muted sky blue as the piñata is carried across the sky that is their header. This blue appears again at the bottom of the sight where there is multicolored confetti pieces.

 

Further, as this is a single page site how does the user navigate from one section of content to another? Does the user have to scroll left to right, top to bottom, all over or is navigation provided that takes the user to the content? What design elements make the site easy to scan, read and understand content.

On this site, the user navigates by scrolling from top to bottom where links to the app are seen along the way down as well as cute, animations that explain the purpose of the company. The site is a little confusing at first glance. While I adore the animations, I was confused by the extremely large video beneath the header. As I scrolled by it, I discovered the simple bit of information provided by the company and another link to the application similar to the one in the header. If the video were smaller, it would be much easier to understand and would not have a giant break in the middle of the page.

 

Lastly, make an argument for whether this site’s design is well or poorly done.

While I enjoy the theme and idea of this site, I do not believe it is the easiest to read or understand. The header is charming and cute, but the large video clip takes up too much space and takes away from the rest of the website by dividing it and creating a large, black hole on an otherwise light feeling site. After the video, we return to the bright, fun website, though it had a bit of white space that I feel made the animations look like they were floating.

Review 2

For the second review, I chose the single page website Letterboxd from onepagelove.com. Letterboxd is the social network for film lovers and the page that I had visited was a yea-rend wrap-up for 2015.

As discussed in the textbook, the usual setup for a website is that the logo will be in the top left corner as Letterboxd had. To the right, there was a three line icon which usually means there is a list that can help navigate the site. Although Letterboxd was a single page website that scrolls up and down, the drop down list took me down to whatever movie was discussed further down on the website instead of leaving the page altogether or scrolling through everything. The fact that the website had a list made it easier to use. To the left of the list icon was the year 2015 with a tiny arrow icon next to it. If clicked, the arrow allowed you to choose the year you wanted to look at all the way back to 2012.

As I started to scroll down the website, it began with the highest rated movies. Instead of just showing a picture from the movie, the website seemed to have blocked section off where first there was a clip of the movie being shown, but as I hit the down arrow, a quote and picture of the poster from the movie were shown with a solid non conflicting colored background. If the website was just composed of the movie clip, it would be harder to read and figure out the information or what the actual movie poster looked like.

The next section is comprised of Highest Rated films in several different categories. The problem with these sections is that the image in the background that seems to be from the film, is a bit distracting, it makes the movie seem more interesting than having just the title listed, but if the image was a little smaller or off to the side, it may be easier to read the information listed.

When it comes to the text on the website, there are several different sizes and fonts included, but the majority of the fonts are white in color and very similar to each other.  The simple color of the font makes it easier to read against the solid color backgrounds and the movie images. If the titles behind the movies were back, they would not be readable or noticeable to any viewer. The paragraphs are small and not overwhelming with information like some websites include, with many of the blocks only containing a one sentence quote.

The website is altogether designed well. It combines the idea of having simplistic aspects when it comes to the solid color blocks and almost all white text, but also keeps it interesting with the images and clips from the movies. The navigation is simple enough to get through without a hassle or difficulty in finding certain categories on the website and the layout is easily understood.

Site Review #2

I decided to review the site www.onebustapp.com, which is promoting a dice game for the iPhone called OneBust.

First, I tested it out when I had two windows of the browser snapped to either side of my screen in OS El Capitan. It showed the game’s logo up top and centered with a “notify me” bar and an image panel that has 3 views. Step 1 states to Roll the die. Step 2 says Lock-In Points with a larger details paragraph explaining what they mean. Step 3 says Win the Daily Championship. At the bottom of the page are links to their respective Facebook and Twitter accounts.

Second, I tested the site out without the browser windows being snapped and just floating on top of each other. The site for OneBust starts out with the logo, “notify me” bar, and two simplistic illustrations of the iPhone with the app being active. As you scroll down the page, the larger of the two iPhones gradually slides to the right over top of the other illustration. Step 1 appears as Roll the die and the iPhone screen fades into the first image of the app that the user would see. Step 1 slides up the page and Step 2 slides into place below the logo, which seems to be stationary and floating above the rest of the content on the web page. Step 2 slides up the page and Step 3 slides into place below the logo with a bold vermilion background showcasing the feature of Win the Daily Championship. This step includes a new image in the iPhone illustration showcasing the screen the user would encounter.

For the color scheme, it is a bold vermilion, white, teal-mint green, a soft beige, and the text seems to be in two shades of grey. This group of colors makes it feel simple, clean, and relaxing with a few bold accents to keep the eyes engaged in the “super-simple-frustratingly-fun” game. The texture is flat, crisp, and smooth.

Navigation is different for how you have the site opened. In the first step I explored the site, I had to click the navigational bubbles to get from step to step. It was a bit slow, but I believe that is due to the wifi connection I had. In the second step of my review, there was a bit of a loading lag for the site to recognize how far I had scrolled, but once it caught up, the navigation was a simple vertical scrolling motion.

I feel the elements of the webpage made it simple and easy to maneuver for any web user. There was little interactive elements, which I feel assisted them greatly in the simplistic message the developers wanted to get across for their app. The page flowed smoothly with plenty of space for each step to showcase in the browser window one at a time.

Personally, I feel the design is executed in a well-developed manner. I like the simplistic style and relaxing color scheme. This seems like an app I would look further into on the app store after seeing it in the app store or online. The illustration is clean and the layout flows with each step and fitting right below the floating logo. I like how the iPhone screen changes for each step or featured element. This is a strong one page website.

I also feel that if the artwork was made to look more 3-Dimensional, the app would not have been showcased as effectively. Even if the color scheme had more pastel colors or consisted of primary colors, the content would not have been as soothing to the eye or as  mature.

–Katie Carlton

Web site review 2

For my website review, I chose the site change-the-world.unltd.org.uk.  This site shows how “social entrepreneurship can unleash the potential of young people”. With their audience being young people i believe that the site did a great job in the color and texture selection.  The theme of the site is space with earth being in the middle of the first page making it seem the most important.  it changes half way through to be like you are coming down from outer space all the way into a house.  all of the colors used in my opinion are good in contrast to the different blue backgrounds that you go through on your way down.  The are meteors and other planets and even the sun that you come across on your way through the space part of the site.  Also, in the earth part of the site, you come across blimps, clouds, and even the house.  All of these things are made to be cartoon like which would intrigue younger kids, but it is also not too kidish that a teenager would be turner off from it.  As a single page site, it uses a top navigation that can take you through the different aspects of the site.  However, this top navigation is not visible when you first get to the site.  The user has to know to scroll down through the site to be able for the navigation to pop up.   There is however an arrow that is pretty prominent on the screen that tells you that you have to scroll down.  In my opinion, I would have the top navigation panel shown at all times so that the user is not confused by it not being there in the beginning.  Also, some of the pictures are shown in these little circles that don’t really fit with the rest of the design, in my opinion.  Some of the pictures are shown in planet or meteor looking shapes, but then the others are just in circles.  I think that they should change them all the one or the other, but having both doesn’t make much sense to me.  In my opinion, the site is pretty easy to navigate besides not having the top navigation shown ate the beginning.  The site has a lot of content, but it is all divided up in small sections that makes it not as intimidating to users to have to read a lot all at once.  Also, the site has so many visuals that relate to the content that they kind of help you through the reading.  They also help to break up the reading as well without adding too much of a distraction to the reader.  Lastly,  I believe that this site, with a few minor adjustments, is a very well thought out and interesting design.  I believe that it is able to keep the attention of a younger reader for a decent length of time due to the spacing out of the text and incorporation of the pictures in amongst them.  Also, I think that since the site is made for younger people and trying to get them involved, it is okay if it doesn’t reach out to adults as much as it does kids.  All in all, this site is a well designed sight with many good features and an interesting layout.