Posts

Posted on

Torchia Review 2

Review 2

Morgan Torchia

The website I chose to review was “The Wedding of Ashley and Jeff.” The overall design of the website really accentuates the theme of love and marriage throughout the entire single page site. The layout consists of of two short bios about each person, and as you scroll down you gather all the wedding details.

I enjoyed the use of color in this website. It was very light and clean with nothing standing out too much, taking away from the content. I would’ve liked to see a few more pops of color, just for some added flare, but overall it worked well. The layout and overall organization worked well. The pictures served as a nice break between content, and all of it was organized thoroughly.

The website starts off with a nice big picture of the couple and the wedding date, immediately establishing who the website is about. Next you scroll down and learn a little about each one of them. To break up the content, there’s a quote off to the side and a few pictures as you continue down. It ends with wedding details, the schedule, and the couple’s registry. It is organized very well so nobody can get confused about the information.

Overall the website is very nice. The layout works for the content in it and the it is very easy to navigate through. There is nothing overly flashy, but for a wedding website it is very clean and too the point.

Posted on

Chapter 3,4,5 reading responses

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

The different types of diagrams can help give information to improve interactivity of a banking website. An ecosystem diagram (pg 48) gives user engagement points. It illustrates the various system touch points, and can give the banking site information on how to structure things. It will show them how the user will interact with their site and find them. This is valuable information and can help improve the relationships between users and the their interaction choices. A journey map (pg 50) actually describes the sequences the users take as they go through the different touch points. This is used to hypothesize how this site will be found, navigated, and learned. This can help the site focus on how intuitive they need to make the site, where to place the site, and the process that users go through. It can help with best case-scenario steps, or focus on failures and deviant paths to help make the site more interactive. This can help direct users to the right place.

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

A factor of success in design is the relation from form to function. Can you convince users that the form you created is what it is supposed to look like? If form does not relate to function anymore, how can you relate form to emotional and social qualities? These are important questions to answer in design. (pg 56). The proper understanding and use of signification also plays a role in success (pg 56). Design can have a lasting and substantial effect on the world. Every design decision matters. (pg 57). Visual form is one of the most basic methods to be successful. The purpose of design is to improve all aspects of human life. (pg 60). Design has many stages, but is finished when it begins influencing the outside world. In a sense though, it can never be finished if the design has longstanding effects on the world.

 

  • 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)

Labtops: The branding, particularly by apple, has affected my relationship and use of the product. Apple markets with a lot of integrity and attention to detail (pg 79-82). They focus on the most minute details and have created a strong trust between their products and consumers. This affects how I view my labtop, and enhances the experience of using it. I feel very mindful when using it, there is no unnecessary clutter or details. Everything is very sleek, professional and virtually perfect, which in turn makes the experience a very smooth feeling to it. Using my Macbook for designing makes me feel more professional. This is because of their marketing and design choices. Apple pays attention to the concept that consumers will pay the premium price for the premium experience (pg 82). I did not really enjoy the price, but the experience definitely is worth the price and then some. It creates a poetic interaction, which keeps bringing me into their products (pg 83).

Posted on

Review 2

For the second review I chose the website Keep Portland Weird: Earthquake Preparedness. When you first open the website you are greeted with a loading diamond shape and then the page automatically scrolls down to a enter button. There you can click which enters you into the site and then you get lowered into another page that has the alphabet. When you click on one of the individual letters it drops you to a different page that lists that activity that is coordinated with that letter. This website is very colorful and has very nice artwork. The colors all work together and are all pastel like, the colors change as you scroll through different pages. When you are navigating through you also see the different graphics change when you select a letter, the graphics range from different bars of colors that start at the bottom and it takes you to that page. Each of the different letters have their own color scheme. This website isn’t scrollable able, it is only accessible through clicking the different boxes.  When looking through the different subjects you are able to share them through social media. The textures thought the whole piece were  very attractive and they are the pictures from the interactive pages. The background images throughout the whole website are very cool, they are all the art work made up for the select pages or the devastation from the earthquakes. The content through the piece is every read because you have a picture of the item and the text matches the color scheme of that letter.

Overall I would say that this website is very well done. They did a very good job with the overall design of the whole page. Being able to interact throughout the whole website through clicking while also getting the effect of movement through the whole piece. It was very nice to be able to navigate and read each part easily.

 

 

Posted on

Review 2

The single-page website I chose to describe and analyze was http://www.ashleyandjeffwedding.com, a website highlighting a couple that is planning to get married this upcoming year. The website seems to be acting as an invitation/information page both about the couple and the day of the wedding itself. The website scrolls from top to bottom is separated into five sections: the home page, info. about the couple, their engagement photos, details about the wedding with a schedule, and link to their registry. The website as a whole is very simple.

As described in Chapter 2 of The Principles of Beautiful Web Design, it is important to create a color palette when creating a website because it gives you more options to work with than a color scheme would. The website, though simple, is not very visually pleasing. I believe the theme they were going for was rather calm, simple and rustic/outdoorsy. They chose shades of tan and creme to match their engagement photos, all of which were taken outside in the woods. Green somewhat acts as an accent color because our only see it in the picture on the home page and in their engagement pictures. The text is very light in some sections and could be hard to read on certain low-resolution screens. I think the palette works cohesively and visually goes together, but it is very bland and could use some warmer colors to make it a little more exciting. Not that I would know what the color scheme of their wedding is, but I would make the website match those colors (I highly doubt the wedding colors are tan, green and more tan).

The Principles of Beautiful Web Design defines texture as “anything that gives appearance or feel to the surface of a design or object.” The first thing you see when you open the web page is a picture of the couple in front of a beautiful rock waterfall. The picture gives the home page texture through the texture of the rocks, the wood, and the water. When continuing to scroll through the remainder or the website though, there is absolutely no texture. I don’t necessarily think the website needed a lot of texture for its purpose, but this continues to make the page very bland and boring.

The website as a whole is easy to navigate and flows in a very natural pattern. The text, though light in color, is easy to read through and tells a story. I do think the website’s design works well, but I think it could have been more creative and more visually pleasing. I do think, though, that a website is a cool way to get information out about a wedding.

Posted on

Review 2

When I opened up One Page Love the first website that caught my eye was one named Meet The Greek. I had no clue what the website was about or why a man was just sitting on a couch in an otherwise empty room. After exploring the website for a few seconds I noticed the website was for a restaurant that could be found in Australia. My initial thought was how amazingly smooth the transition from one tab of information to the next was. Navigation was easy and the video of which showed the sitting man changed depending on what tab you were on.

 

As for color and texture, most of that was found in the video itself. The floor and the walls along with the close-ups of the man himself all brought depth to the website alongside the white panels with text. The panels come out when you navigate throughout the website and the panels are white with what seems to be an off black/brown text. All outside text is black or white and the logo is black unless there is a transition video going on, then it turns white.

 

Navigation is easy on this website. You click a tab and you are there. The only thing that I wished that they would improve upon is the menu. The menu for the website is way too long to be set up the way it is. Continuously scrolling down a menu of which doesn’t even have a scroll bar is obnoxious.
I already praised the navigation for being easy, the design for being beautiful, and the videos for being unique and easily relatable to the tab of which you are exploring. It’s easy for me to say that this website is well done and I am even envious of Australia for being able to eat there.

Posted on

Thoughts On Interaction Design Chapters 1 & 2

Interaction design is composed of the communication and dialogue conducted between a person and a product, service, or system. Basically, any exchange that conducts a physical and emotional experience through a person’s senses, BOOM! You’ve got yourself an interaction. The main concept of interaction design creates a lot of challenges. Making something look pleasing to the eye is the very last thing to happen, which is often misconstrued as the only thing that designers do.  The struggle and challenges happen when trying to create a smooth and enjoyable experience from interacting with a product. You don’t want to create something that will be enjoyable for a short time, but something that will become better with time, something timeless. That in itself is a goal that will last a lifetime. Discovering what people find enjoyable and a necessity is also a challenge because many companies do not have the budget or funds for research, so the step is often glazed over.

Interaction design is constantly growing and moving forward, with new concepts and ideas growing off of older inventions. At this time today, things have been moving more quickly due to the major companies competitions amongst one another. Inventions nowadays are growing in more ways than just one. Yes, they are gaining newer technologies and aspects of use, but they are also growing in ways of design. For instance, there are watches that display your phone for easy use, and there are phones being created to project onto your arm and that are water-proof. There are self-driving cars and Ubers. To create these products that people want and need, interaction designers need to pull a lot of their information from psychology and engineering. They need to have a strong understanding of people.

Posted on

Review #2

http://stink.co/

 

This site is for an advertising industry that produces award-winning content. The sites use of color is a little dull. It is just black and white with a little bit of pink and light blue thrown in places. I personally like it because of the simplicity. They do have a lot of texture, though. The black and white background on their landing page is a bunch of stars and constellations that move around, which make it very interesting. That is where the motion and texture end. There is another video further down that shows their work, which is a nice edition instead of a list. However, there are only black and white words the rest of the way down, which lost my interest at some place. I don’t think it was because of the color, but because of how many words were condensed into a small space. The site scrolls from top to bottom, which I like because it’s uncomplicated. They also keep the tabs off to the side, which I can not decide if I like or not, but it is interesting. The easy colors make it easy to understand while scrolling up and down make it easy to navigate. Overall, I like the site and the simplicity. I think it could use more pictures and fewer words, though.

It is a well-made site. It is easy to use and look at. You know what you are looking at immediately. Anything you want to find is easy to locate with the tabs. The video also makes finding information easy. They could obviously do some things better, but, overall, I like the site a lot.

Posted on

Review #2

For this review, we were supposed to find a single page website from OnePageLove and analyze it in different ways, shapes, and forms. When looking through the site, the website I chose to look at was Kod & Form, or kodochform.se, simply based on the bright colors used for the layout. Upon reaching the site, I was very intrigued by the color and texture of the page, and think that the styles used overall worked very well. Each different section or “page” of this single page site had it’s own unique color scheme, but no scheme in itself varied too much from any other. The textures were very nice, and to the eye the site was ultimately pleasing. When it came to navigation, I was a tad bit annoyed. I personally am a sucker for different text boxes and hyperlinks that help you jump and move around on the site, which this page offered none of. There were no clickable options until you reached the bottom of the long single page site, and the only way to get to the bottom was to manually scroll to the bottom yourself. The text along with other various things confused me as well, but I came to the conclusion that the makers of the site were most likely from Sweden, which ultimately made the alternate text okay.

Overall, I think the site is done very well. I wish the navigation was easier, but the fact that the site was easy to look at makes up for it. People’s eyes have to physically meet the site first before they even begin to try to move around on it, so to me, look is a world’s more important than any other feature of a site. I think the site is a 7.5 or so out of a possible 10, with obvious room for improvement, but overall a well-done job.

Posted on

Review 2: Native Swinson

I chose to review the single page site NativeSwinson.com.  My eye was drawn to this site because of it’s simplicity and nice design.  After opening up the site, I first analyzed its texture and color.  I think its use of white and black backgrounds keep the site clean cut and allows the content to stand out on the page.  The use of both black and white as backdrops give the website depth. The homepage stands out the most with its use of background images that look almost as if they were drawn in the background.  I think the use of the paint brushed drawing that change on the homepage give the site even more depth and dimension.  This is something that I think works really well in the design. Native Swinson also uses a set color palette of cool colors that go together nicely.  The choices of blues and greens give the site a serene, and nature like feel which is appropriate for the content of the site.  Overall, I genuinely liked the use of texture and color throughout this site and find that the design elements work well together.

As for the navigation of the site, I find it to be slightly chaotic.  In order to scroll through the site, you do not scroll but you have to click on the words in the navigation bar.  Once you click for example “About” button the entire screen shifts either left, right, up, or down.  I feel that not everyone will grasp this concept as quickly as I did and may be confused that you really can’t scroll and that there is no blatantly obvious indication on where to click to get to the next portion of the website.  As I mentioned above, I liked the different images on the homepage however they only appear if you click an arrow key on your keyboard. I think there should be some indication that there are more images, like with the use of arrows on site’s homepage. Another specific portion of the website that I would like to mention is the setup of the Gallery. At first, I did not even realize that the list of content on the left was even clickable. Then I noticed that if you move your cursor across the content the image changes on the right.  The problem I find with this is if you move your cursor the image changes, so I think it could become frustrating to some users that the image they want isn’t staying up.

There are design elements of this site that I find make the site easy to scan, read, and understand despite the criticism from above.  The site is very well organized with content that is clearly sectioned off, making it easy to read.  I like the simple fonts and overall layout.  I also find that the site has a very clean look, it doesn’t overwhelm you and has no clutter. Although I find that the use of the navigation bar to scroll may not immediately stand out to some users I do find that the flow of the site overall works very well.
All said and done I think that overall this site is done very well. To highlight some key points I made above, the texture and color design elements are done very well.  As far as the navigation I think the site can be improved with some minor adjustments. For example, I think that making it more clear what is clickable would be an improvement. I think making what’s clickable more bold to users will help them to more easily understand and navigate this site. Also, making it a point to display that there are more images to be viewed on the homepage would be another change that I think would improve the site. I think adjustments  on the sites Gallery portion might be something they want to consider.  I think the Gallery could be more user friendly by using thumbnails of images with their titles below them. Like I said overall I think Native Swinson did a great job at designing their website, but there is always room for improvement.

Posted on

Chapters 1 and 2 Interaction

Interaction design is made up of the communication and exchange of any information through a sensory connection. A main challenge of the interaction design industry in general revolves around its definition. There is a high stress placed upon the design aspect with an unclear understanding. The common misconception is that the notion of design soley revolves around aesthetics and innovation. This isn’t entirely true. Design incorporates a lot of different steps and though processes overall in order to finally reach a creation that fits form and function. A large portion of interaction design specifically focuses on the user and how the user reacts and interacts with an object. According to Jon Kolko, Discovery is a huge issue in companies due to low budgets and such. This area in interaction design focuses on the research and findings of the needs and wants of consumers and users. While this stage is very important and can be extremely beneficial, it is not easily affordable or prioritized.

Interaction design is evolving at a faster rate than I would have expected or predicted. When you look at a historical timeline of technology and innovation, it is a consistent pattern that each new idea and invention are built off of previous ideas. This holds true for interaction design. The main difference I think however, is that now it is growing not only growing vertically but laterally as well. To explain this a little more clearly let’s look at the telephone. From what started as the phonograph and has worked its way up into what is now called the cell-phone, there have been many modifications to the one idea of vocal communication over distance. That would be the vertical growth. The lateral growth is the extra additives and extensions a design can take, such as how cell-phones now have multiple uses and applications. An example of evolving interaction design is the experimentation and implementation of the fourth dimension. In Thoughts On Interaction Design, Jon Kolko discusses the distinction between graphic and traditional design verses interaction in that there are so many deeper and interconnected levels on interaction. This is why it is evolving as fast as it is. Because interaction design is on such a more complex deeper level, it draws information and sourcing from  psychology, engineering, and ethnography; to name a few.

Posted on

Thoughts on Interaction Design Ch 1 & 2 responses

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

Interaction design makes up the different technical aspects and requirements that are used as tools to create interaction and the creative ideas to tell a narrative. It is usually filling the roles of interaction designer and information architect. (pg 41)  It is becoming an expert in how humans relate to each other, the world, and the changing nature of technology and business. (pg 17) The process starts with building a scenario that includes a product and a person. Then a story is created with precise details. Finally, the principles of the story add a point of view and the main goal of the story. (pg 23) Another important part of interaction design would be participant observation. The product needs to fit into the culture in which it exists. (pg 25) An industry challenge would be the expert blind spot. It is the fact that the designers have a bias towards their work, and they think that others will know the same information they do. It is forgetting what it is like to be a novice as you become more of an expert. Localization is also a problem. Point of view also affects the industry. Having an open mind affects the design process. Finding the right mix between creative and analytical skills is crucial to be a successful designer. ( pg 31) The overall messiness of the process of design can be hard to interpret as designers and especially clients. The “over the wall” problem affects designers because of the lack of communication between designers and engineers. Designers need to communicate their creativity to a large organization. It is more than just being creative. (pg 52)

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

Interaction design merges the worlds between designer and artist. It is a dialogue. Interaction design is a creative process focused on people. (pg 20) It creates an argument, but also invites the user to help create the dialogue. (pg. 14)  It is the creation of dialogue between a person and a product, system, or service. (pg 15) The field is relatively new, recognized for roughly 20 years, and it evolves as fast as technology and communication does. It draws knowledge from cognitive psychology and the art world respectively.  It is also closely related to disciplines such as interactive design, product development, and marketing. (pg 17) The difference between marketing and interaction design however is that interaction design focuses on actual behavior gathered from small groups and uses qualitative data. (pg 28) The heart of interaction design is that it should be user-centered, and that the only way to understand what users want is to interact with them. (pg 39)

Posted on

Thoughts on Interaction Design Ch1-2

1.What makes interaction design and what are some of the industries challenges.

Interaction design is a process that deals with the technical aspect of interaction to create a narrative. Some of the industries greatest challenges consist of a lack of communication among artists and keeping up with the ever increasing technology of today. With out proper communication among artists it makes it difficult for creativity and ideas that would potentially enhance a product to spread. With technology advancing at a rapid pace designers are challenged to make products that will sustain instead of become obsolete.

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

Interaction design is the process of developing a product or object that stimulates the user is any way, while also analyzing how users might interact with said product. Interaction design is a process that deals heavily with the behavior of humans in an effort to better understand their needs and how to effectively meet their needs. Due to their concerns with humanity subjects such as psychology, sociology and philosophy are fields commonly drawn from in the interaction design world.

Posted on

Thoughts of Interaction Design: Chapters 1 & 2

1) Interaction design is made up of 5 stages: 1. Strategy: purpose, what we are trying to do 2. Scope: defines everything that is apart of the project 3. Structure: paths users take to get to different places 4. Skeleton: where everything goes and lives 5. Surface: the visual design of the product, how everything looks

An issue in the industry is being able to think about a process, and it is the same as doing the process. This also can play into the fact that what one person thinks on how a process should be completed; it may not be the same as another person. Another issue is that technology is changing rapidly, and designers need to be at the top of this change. And with all this new technology, it is crucial to have designers still incorporate the original design fundamentals.

2) Interaction design is when designer’s focus on creating appealing and intriguing product that connects to the user. It is evolving because the designers now have to think about how their product will link and feed information to a larger network. The future of technology in general is always being connecting and having the ability to have an infinite amount of information at your fingertips. This affects interaction design by making it the designers’ responsibility to see that this is not only possible, but also easy to do, aesthetically pleasing, and an overall great experience.

Posted on

Reading: Interaction Design

Interaction design is creating products for the user. It is the way a person interacts with products, systems, and services.  The design must speak to everyone, and be usable by all. It can be troublesome to find a happy balance between those with more advanced minds, versus those who are not as educated. For the design to be able to work, the designer must think of the conditions the product will be used in, collect data from possible users, test the product, and then market the product. Many changes occur in the process, which will help to strengthen the final product. However, it may take a very long time to reach the final stages. While going through the process, designers may work with engineers, marketers, and project developers. Interaction design is expanding on many platforms; there are now smart phones, tablets, laptops, virtual realities, and many more ways for a user to interact.

Posted on

Review #1

After looking at a variety of eCommerce sites, I chose to review RowdyGentleman.com as I am very familiar with it. Rowdy Gentleman is a brand aimed towards the consumers that are into the “frat” lifestyle. It has become increasingly popular in the past year and its website has evolved tremendously.

When the website first loads up you notice that is has a very sleek and modern layout to it. With the layout that it presents, it is very easy to navigate the website because everything is shown on the front page. I also personally like the black and white color scheme because then it makes all of the products pop out on the screen. Along the top of the page are the links to the different styles of apparel and accessories that they offer. As you scroll down you see a banner taking up a large portion of the screen to advertise their latest sale. Further down there are a few rows dedicated to showing off the most popular items on the website. Once at the bottom of the site there is a space sign up for the email list and a section for all social media links. The very bottom is dedicated to help, orders, retailers, and about the company.

The style and layout of the website is something that I see on a lot of websites on the Internet today. The sleek black and white scheme is almost like the status quo now for a lot of websites. Although it is used a lot, I think it works very well in this case for what they are trying to put out there. The site itself has is very user friendly and easy to navigate so in my eyes it is a very professional site.