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.
Thoughts on Interaction Design: Chapters 1 & 2
Interaction design is made up of words defining the interaction, visual representation that the user interacts with, the physical aspect, time in which the design develops and changes, and the behavior of the users actions in reaction to the interface of the design.
Some of the industries challenges include finding the problem within the design and making a solution, understanding the wants and needs of the users, and accomplishing their own wants and needs.
Interaction design is a step-by-step process in which designers create appealing interfaces to give the user a better experience. It’s evolving through new technology, emerging science, and the growing demand for new apps, sites, and products. Some examples include 360-degree videos for your phone applications and the production of holographic technology. This draws knowledge from science, visual design, marketing, and engineering fields.
Thoughts on Interaction Design: Chapters 1 & 2 Responses
What makes up interaction design and what are some of the industry’s challenges?
Interaction design is made up of six different phases in completing a project. It involves defining the design problem or opportunity, discovering hidden wants, needs, and desires, synthesizing, creating, refining, and reflecting. It is a complex process of attempting to understand users and what they are looking to obtain from the final output. Challenges to the industry include the complexity in people’s changing wants and desires, changing lifestyles, new technologies, and maximum usability efforts.
What is interaction design, how its evolving. What fields does it draw knowledge from?
Essentially, interaction design is “a creative process focused on people” (pg 20). Based on how people react to and interact with the world around them, interaction designers design engaging user interfaces intended to offer maximum user satisfaction and usability. With evolution in technology comes evolution in interaction design. Changes among people also impact the process in interaction design. Among other fields, it draws knowledge from marketing, engineering, and distribution. Marketing is essential to ensure that the brand is both consistent and compelling. Knowledge and expertise in engineering ensures that a product is functional, which becomes increasingly important in new technology. Distribution knowledge is critical in moving a product into the market in a way that will make it thrive in a timely and cost-effective way. In addition, knowing ethnographic information about people and using language to appeal to them will aid interaction designers in successfully completing their tasks.
Website Review #2
Site Review #2
The site that stood out to me the most on onepagelove.com was http://arielbeninca.com/, which is the personal website of a graphic and web design student named Ariel Beninca. This website appeals to me because of its minimalistic qualities and how clean it is. When you first arrive to the site, your screen is filled with a black and white image with black text. There is no color and everything is very smooth. When you hover over the image, which is of Ariel, she moves around a little. You move through this site by scrolling down, and as you do so, you come across some color.
As you scroll down the page you see various examples of her work. These are all in color, but she still keeps the modern, clean aesthetic. There is no texture anywhere except in the images. Just as with the picture of herself at the top, each of these wiggles around a little when you hover over them. When you click on one, a box slides down from the top of the screen with some information about the project. Everything is very simple and easy to read, and there is an “x” at the top to close it. You close it and are right where you left off.
There are other various graphics on the site, such as a few background images, that also do that moving thing when you hover over them.
There are many design elements that make this site easy to understand and navigate. The sleek design and simple buttons are the main contributor, but it also helps that there is no extra “junk” to clutter the space and be distracting.
You can scroll through the site from beginning to end without clicking anything. But you are also given the option of clicking a button at the very top of the page that creates a drop down menu of each section you can visit. As mentioned in “Don’t Make Me Think”, Ariel created a very clear hierarchy and separated the elements appropriately so that it’s easy to understand.
I think this site’s design is very well done and effective. I find it very attractive and its simple layout could be used by virtually anyone. There is nothing that requires thought and it is pleasing to look at. Ariel gets her point across as well as proving that she has a definitive style and is excellent at what she does.