Intro to Web Design: Site Review #2

For my second website review, I chose a site by FRAMES, which is a site that houses many different stories. The one I found as my example and subject of review is an excellent single page site for the story “July’s June”

This site makes use of all of it’s space on the page and is navigated by scrolling down right through the story. Something that really caught my eye was the use of textures throughout the site. Many of the background images mend together seamlessly and at times are two images fused together (ex. The first background image behind the title page, where the darkness of the lake water developes into a man’s face at the bottom. This frames the story in a way, because towards the end of the story, there is a woman’s face the mends into a picture of a tree.). Also, all of the images have a depth to them, leading the eye farther into the page (as good example of this is the image of the cabin, ghosts of trees left behind it).

Another use of texture that I found particularly interesting was the handwritten letters throughout the story. These parts stray away from the regular embedded text of the story and in a way give a little bit of nostalgia. Towards the bottom of the page, there is an added wooden frame and leaves flowing into the next section of the story.

This site uses a lot of warm colors (like orange and light purple) as well as cold colors (green and blue) which take cues from the story itself.

When you’re finished with the story, there is a slight pause in the site where the last of the graphics are, and then below there is a small set of credits to those who made the site, and where to contact them. They also made it very easy to navigate back to the top of the page to read again, or to go back to their archives to read something else.

Overall, I think this is an excellent way to make a single page site. Using all of the space that is given is a good way to immerse someone in a story, and having graphics that flow into each other keep the reader focused on the story and make it a pleasant experience for those that visit. The ease of navigating to and from the site make it a prime example in single page design.

Interactive Design: Ch. 3,4,5

  • What information can ethnographic tools give you to improve the interactivity of an online banking website? (pp. 48-54)

Knowing the norms of a certain culture or cultures can help create a more welcoming website, meaning that if the online services look reliable and secure because the designer understood what is accepted from cultures than people are more likely to interact with it and come back to use the services again. It creates a more holistic website experience for the user.

  • At what point is a design finished? What makes it a success? What is its purpose? (pp. 54-62)

I think a design is finished when the designer is happy with what the product has done for people, and that is also when it is considered a success. Even if the product does something the designer did not originally foresee, if the user finds a way to use it effectively then the designer should feel accomplished. The purpose of the design should just be to help something or someone in a positive way.

  • Identify a product family you use regularly (can be anything from technology to consumables except for coffee). How has its branding effected your use, relationship and experience with the product? (pp. 78-84)

I think Apple has influenced the way I look at certain things. When I was looking for a new phone recently I found myself tied to the iPhone because of familiarity. They make all their products so intertwined that when I go out for a new product I think about the connectivity to my current Apple products and how they will tie in. This is why Apple has such a great user experience for me.

Review 2

The single page website I chose to review was called How To Design A Delightful Experience. This website has a simple structure scrolling down the page to each part of the website. The purpose of this web site was to explain how to make a simple design through the three layers of pleasure, flow, and meaning. This website has a few animated designs such as the top of the page having a hand pointing down bouncing up and down. Again, something simple to express the point of this website. There is also a menu button by a hamburger looking design on the top left as you scroll down. When you click on it, it gives you shortcut tabs to the different layers.

What really stands out about this website is the use of color. Each layer has a different color. Pleasure is green because that section seems to be the more important information needed to be known. When I see green, I think of nature and exploring, which makes sense for an attention grabbing color for a web site because you are exploring it. The color white is used throughout the site as well, for the most part in the sections where examples for each layer are shared. Flow has the color pink because pink has an energetic positive feel and the point of flow in design is for being in the zone. It takes motivation to be in the zone and pink is the perfect color to represent that. Blue was the color for meaning because blue has been said to have a calming feel to it and as well as intelligence. As of this point, the designer wants the viewer to feel more intelligent from what they have learned viewing this site. Finally, the bottom of the page has orange because it is an energetic color, and the goal for this web site is to make users learn more about simple design and excited to enhance their knowledge on their own.

This website is a simple design and simple to navigate. The simple downward scroll and the little animated hands express the idea of “simple” for the design. Also, the menu button leading to the shortcut tabs are also useful. Nothing too special with texture, but the use of color is meant to give the feeling for the viewer. I feel that this website is useful for someone who is just starting out in design and want a simple tutorial. This website gives a great philosophy for design through its bread and butter of color. It’s not the most complex looking sight, but it’s a good simple website for educational purposes in my opinion.

“Objectified” Movie Response

The movie “Objectified” was really eye opening for me. Before watching this movie, I did not really think about any of the things tat were talked about in the video. I didn’t think about how every little thing we use everyday has been designed specifically for a purpose and to try and make the use of the object as easy and as comfortable as they can for us. In the movie, on of the designers said, “ It should feel almost undesigned so that people think, ‘Why would you want it any other way?’”. I think this statement is so true about the products we work with everyday. The user would never even think to have it be any other way, but in actuality, there were hundreds or even thousands of other ways made before that one way was chosen. Nobody ever thinks of that part of the process when they are using it, besides the people who actually went through the process of making it. I also agree with the designer who stated that designers have to understand what people need even more than the people do themselves. If this were not true in the designers today, I do not believe that the products made would be successful. If the designers didn’t put as much thought into the products they make I believe that the users would not buy as much of the products because they would think that they could make something better for them then what is available. I know I think like this with some of the products I own because of their poor design. There were many things that some of the designers said that really made me think about how I actually thought of design before the movie. One of the designers said a quote from Henry Ford. The quote stated, Every object tells a story, you just have to know how to read it”. I believe that this can be applied to design and how easy designers make products for their user. Products should be simple so that even the least knowledgable person can figure it out. If a product has a bunch of different parts that have to attach a certain way of can only work ing a certain order and the instructions to use this object aren’t as clear as possible, the user will not be able to use it. In one of my other classes, I learned that a person who has a good experience with a product will usually tell 3-5 people about it. A person who has a bad experience with a product will tell at least nine people about their experience. If this word of mouth spreads far enough, the entire product could go under because no one will buy it. Another thing one of the designers said was that is is a designers job to look into the future, not what has happened, but what will happen. This sentence changed the way I had been thinking about designing. Even since I was little, I had been looking at things and trying to see how i could make it better. Although this is still a way that designers look at products, It is not the complete way that I should have been thinking about designing. I should have been looking to see how I can make a product last. Designers have to be able to make a product be able to stand the test of time and not just end up in a landfill in a few years or even a few months. I believe that this element will be key in our future to be able to minimize our carbon footprint and in making our world and products more eco-friendly. Lastly, each designer gave their own definition of designing. These ranged from everything from a puzzle to honesty. Before this movie, my definition of design was simple. It was the way in which you made a product with the features of additions that would work best for the user. I have drastically changed my definition of design after watching this video, because these designers really know what they are talking about and how to make their designs work for everyone. I believe that my definition of design now would be something like an ongoing and ever-changing process in which designers create products that will be long living, eco-friendly, and functional for the user that gives solutions to even the littlest problems.

“Objectified” Response

I believe that the designers being interviewed in Objectified all made great points about design, and they each had their own way that they viewed it. Some of those points were how people make quick assumptions about a product without even thinking about it and how you should create an environment for the user to feel good in and experience. One quote that really stuck with me from the film was, “Every object tells a story if you know how to read it,” by Henry Ford. I think this gives a deeper meaning to what you’re designing and how to view a designer’s role. They talked about designers making disposable things but also making a lasting design. This is something that peaked my interest; by having your design stand the test of time and not end up in a landfill would be my design goal. Good design should understand people and their needs, and sometimes that involves making objects for people in extreme cases, “The middle will take care of itself,” said Dan Formosa. Good design should be innovative, aesthetic, honest, unobtrusive, long-lived, consistent in every detail, environmentally friendly, good design is as little design as possible. Mr. Dieter Rams explains all these aspects of good design and gives a great example show casing them, Apple. Apple completes those goals and takes on mass production while taking their design seriously and producing innovative products. Jonathan Ive, from Apple, also mentioned that the character you give your design shows who could have designed it. As designers you’re constantly designing and questioning other designs and what you could do to improve them. They also explain how the product shouldn’t have useless functions and if it does, remove them. This takes on having one thing doing the job of several, making it practical. I also agreed on how they defined modern design on being formal, symbolic, but also contextual. Good design is also a search for form, and designing for human behavior. They also mention ergonomics, which I believe really brings out good design by making things for people that can be easily used and perform safely. Good design is something that you want and distinguishes you. This film has changed my perspective on design in many ways including making design lasting, symbolic, and recyclable. I would define design as a way to give something character, functionality, unity, and purpose in our everyday life.

“Objectified” Response

Objectified presents a number of intriguing ways of looking at design as a whole and the thought that goes behind it, as told by a variety of designers themselves.  It highlights a number of simple truths about the way the world around us is constructed and why it was constructed in that way.  One designer points out that people generally do not consider the fact that everyday objects such as Post-It Notes were designed by someone.  When one realizes this, it becomes fascinating to consider the thought behind objects that are not necessarily considered by many to be significant triumphs in design.  Perhaps such objects that are not thought of in this way truly are the greatest triumphs, for their designs simply seem natural.

By examining the way people behave, designers can best judge the ways to reach them in terms of their design needs.  I agree with what one designer had to say about the design process: essentially, tending to both extremes in people will cover the majority who fall somewhere between those two extremes.  Grouping people into categories based on their need-level ensures that everyone’s needs have been considered and addressed.  I also agree with treating design as ways to improve daily life.  Design is a complex process of trial and error that is seemingly never finished because perfecting the process takes time, especially as the definition of what is “perfect” evolves.

The idea that if a component of a design is not necessary, it should not be there changed the way I view design.  Although this perhaps seems obvious, I realized that my own designs could have been improved by incorporating only what was essential and had an assigned purpose.  Understanding what was referred to in the documentary as “design hierarchy” aids in deliberate and thoughtful design, rather than design that cannot necessarily be explained because not every component is essential.

Many of the designers discussed the importance of an understanding of how and why people behave the ways that they do even more than they themselves do in crafting a successful design.  This awareness of natural instincts and basic behaviors ultimately provides the foundation for design.  As a designer, one wants to be able to predict how people will react and adjust to different factors based on how they have dealt with previous ones.  Creating parallels between other interactions people have with their surroundings and everyday objects and the experience with a new design ultimately allows for a smoother result.

Ultimately, design is the thoughtful craft of creating something with a designated purpose.  In the case of specifically interaction design, it is imperative to design with people in mind, and people must be conscious of the way that something has been designed and know that a poor design is to blame for problems in interacting with it, rather than the people themselves.  Designers must find the best ways to reach and serve people; it is a crucial part of the design process.  This definition has changed in that I now fully realize the designer’s accountability for how his or her design is perceived by others.  Poor design does not help anyone, but everyone has the potential to be impacted by good design, which is why the better something has been designed, the less bumps along the way in life.

Chapters 1-2 Response:

I believe that Interaction Design is the practice of designing interactive digital products, environments, systems, and services. It is mainly the creative process and thoughts of people. Just like many other design fields, interaction design also has an interest in form, however its main focus is mainly on behavior. It is imagining things as they might be rather than focusing on how things are and work. That explains the difference between interaction design as being a design field rather than a science or engineering field.  Some challenges I believe would be to know exactly what your mission is. You must come up with something that is user friendly and easy to communicate to that user. You must figure out what exactly you should provide for the user and how it should work and feel. I believe that interaction design comes from science and engineering as I mentioned earlier. There is a reason why this is a design field rather than a science or engineering, however I believe it draws a lot of knowledge from those fields as well.

 

 

 

Thoughts: Chapter 1 & 2

What makes up interaction design and what are some of the industry’s challenges?

Interaction design is made up of many things. Companies designing objects for consumer use, artists making an object’s interface more appealing, a designer making an object more approachable. All of these can be examples of interaction design.  There are many challenges facing the industry. One of which is designers figuring out what the user wants and needs. These wants and needs change fast and it can be difficult to keep up.

What is interaction design, how it is evolving. What fields does it draw knowledge from?

In a general sense, it is the way an object is used by the user. It’s objective is to make the consumer’s life easier while still being appealing to the eye. It is the creation of a dialogue between a person and a product. It evolves with the desires of its users. It can draw knowledge from many fields, from art to science and technology. Anything to make a product easier to use and more appealing.

Reading Response ch 1 & 2

Interaction design is the mix of industrial design, engineering psychology, business strategy, and art. Some problems that face interaction designers include, different types of people needing different things, the merging of look with function and user experience, the latter can be difficult for those who go to school for a degree in fine arts. Another problem is the outsourcing of industrial designers to cheaper workers who are just as qualified but will get a product to market for less. Innovation in the relatively new field of software design is a key part of the new interaction designer, and an importance on user experience will decide whether a software is successful. Another part of interaction design is the physiological aspect, trying to shape what people do and how they think, or don’t think about their actions.

Thoughts on Interaction Design ch1-2

1.What makes up interaction design and what are some of the industry challenges?

On page 31, Kolko describes interaction design,”Divergent and convergent thinking requires a mixture of analytical skills (logic, engineering, and the development of “appropriate solutions”) and creative skills (drawing, mapping, “blue sky thinking”). This mixture is a rare but required duality that must exist in a successful designer. … The constraints placed on the design are a mix of human, technical, and aesthetic boundaries. The difficulty lies in discerning the hidden constraints, which the process itself helps uncover, and balancing these with the more explicit constraints, often defined by a client or business executive. … A common misconception is that formal methods can only be used with very well- established ideas.” Interaction design is made up of “innovated new ideas and challenging traditional ways of considering a product and doing business.”(30-31).

2.What is interaction design, how its evolving, what fields does it draw knowledge from?

“Interaction Design is the creation of a dialogue between a person and a product, service, or system. This dialogue is usually nearly invisible and found in the minutiae of daily life — the way someone may hold his knife and fork while cutting into a steak or the way another person may automatically switch windows to check her Facebook wall every few minutes or so. Structuring this form of ethereal dialogue is difficult, as it occurs in a fourth dimension- over time. To design for behavior requires an understanding of the fluidity of natural dialogue, which is both for reactionary and anticipatory at the same time.” (13). Interaction Design is evolving as people change their needs and expectations of a product or service. It draws knowledge from what has already been done and what needs to be improved or ways to make life easier.

Chapter 1-2 Response

What makes up interaction design and what are some of the industry’s challenges?

A interaticion designer used to be responsible for images and text on a computer but in today’s world there responsibilities have grown. A designer is responsible for every aspect of the computer. Any functioning piece is a part of the interaction design realm. Some of the challenges of the industry are that it is not a growing industry but rather a shrinking one. It is becoming more and more of a branding “thing” rather than a functionality.

What is interaction design, how its evolving. What fields does it draw knowledge from?

Interaction design is a interaction between technology and people and technology to technology. Through these medias, in good design, is a clear path, message and objective. It is important for a good design to be successful that it is clear and concise. It draws knowledge from a lot of different fields. You can’t point to one field for recruitment of a quality interaction designer. It pulls from just about every media arts field. You need graphic designers, web designers, fine arts, and marketing people. Each one of these people adds a different view to the product to enhance the user experience. A lack of diversity would tailor the item or product to a very specific demographic which would not be productive or lucrative.

Site review 2

The single page website I chose to review was The Art Of Texture. This page only scrolls up and down and each image you scroll over automatically scrolls down and shows the title of each piece. The background that stays consistent all the way down the page is an off white with a speckled texture that made me think that my screen was dirty as I scrolled. I really did not care for this because it seemed dirty to me but it really was an interesting touch because it caught my attention and made me take a closer look. The over all color is really dedicated to the art work displayed on the site and those really stay in focus and the background color doesn’t take away from the art on the page. There are links through out the page but for most of them you have to scroll over an image for the link title to pop up. They use a light green for most of their tabs that pop ups and I really liked it because it wasn’t in your face but it gave enough contrast that caught my attention and it was easy to read. Over all this page was done well and has a lot of interesting images on it but if you do not scroll over the images you would not know they connect to anywhere else. Also the first down arrow only takes you a little bit so really I feel its unnecessary.

Review 2 by Delaney Hoolahan

After exploring The Principles of Beautiful Web Design and Don’t Make Me Think, I was able to further analyze the web site http://change-the-world.unltd.org.uk/.  Live to Change the World is the title of this single page website.  Throughout the website, Live to Change the World takes you on a journey through their past, what they know now, how they are implementing their idea, the social impact of their idea, and what is to come in the future.  In this one page website, the colors are bold.  This site has a space theme at the beginning, then takes you down to the sky, and then eventually to street level.  It is easy to navigate this site as it allows you to scroll up and down throughout your experience.  If there is a specific section you wish to view, a menu bar pops up at the very top of the site allowing you to be one click away from the information you wish to find.  The use of the large bold headers, the font colors that stand out against the background, the graphics and even the charts help me, the user, to understand and differentiate information that the site is trying to present.  I like how the blank circles turn over into photographs when you scroll through the site.  This feature helps catch your eye and draw attention to what they are intending to show you.  I also like how the line and pie graphs pop up as you scroll down past them.  This forces you to stop and read how the information is distributed.  In my opinion, Live to Change the World is a successful one-page website that is easy for users to navigate and the bright colors and detailed textures draw you in and keep your attention throughout the entire site.

Thoughts on Interactive Design: Chapters 1 & 2

  • What makes up interaction design and what are some of the industry’s challenges?

Some challenges include selling to your boss that it is going to take several weeks to write something, not having a budget for discovery, expertise makes it hard to remember what a novice feels like, finally, creating deep designs with the fourth dimension in mind.

  • What is interaction design, how its evolving. What fields does it draw knowledge from?

Interactive design draws from the written word, but it’s also bringing in information from so many other places to evolve. Designers use ethnography tools to figure out why people do things. They are similar to marketers because both are interested in human behavior. Interactive design also pulls from storytelling.

Thoughts on Interaction Design Chapter 1&2

The book states that Interaction Design is a creative process focused on people.  Interaction Designs are created through a process with various steps.  These steps are called different things based on where you read but in this book the steps are define, discover, synthesize, construct, refine, and reflect.   First, the designer must have a problem or definition that they must define and figure our a strategy to go forth with.    Then, they must discover the wants and needs of the potential users. After all, the end result must be user friendly so the designer must research deeply into this section of the process.   After this, the designer must figure out a focus for their research. This leads to the construction of the project and testing it.  After being tested, the flaws are assessed and fixed.  Throughout all of these steps, the main focus must be on the users and how it will affect them because this is the main purpose of Interaction design as a whole.  One major challenge in this industry is point of view.  The book says that everyone has a point of view and they both reveal and conceal.  I believe that this means that some people are set ing their ways and it is hard to make them change their mind and try new things.  Although, the book also says that if you are too openminded and approach things with a clean slate, it can be hard to accomplish anything because you don’t have any focus.  Another challenge in the industry is when you have to use focus groups. Focus groups are needed because the design that the designer is making is ultimately going to be used by people so they have to know how people will respond to the design.  In focus groups,  conversation is key in sharing individuals opinions and getting points across, but if there is too big of a difference in personalities in a focus group, the whole thing can be compromised.

As stated at the beginning, Interaction design is a creative process focused on people, but what does that really mean?  During this process interaction designers try to construct a visualization between people and what they are creating. one goal in interaction design is to assist people through a path as they used the product.   Interaction design is evolving just like our world is evolving.  With new technologies being produced rapidly,  interaction designers change their works to go along with that.  Interaction designers use data and information  to understand digital-spactial relations in a complicated system.  Interaction designers use the fields of Information technology and  Knowledge management.  these two fieldS analyze the path that users take to take data to information to knowledge and lastly to wisdom.