Unit 9

Chen, Wei-Ching Graphic & Web Design

weichingchen.com

     All the websites had good use of color and negative space. On Weiching Chen's website I found the link to the case study didn't work. It worked for other projects. The other problem I found on the website was on the About/ Resume page. The text gets lighter as you go done the page is that the intent or not? Beside the inconsistent text color the layout looks great. 

Ho, Viet  Web Design & Interactive

vietho.com

Another website  that I had problems opening a case study was on Viet Ho's site. The NFLScore app's case study didn't open. I think on the dotfit website redesign the hero picture is a bit out of focus.

Huang, MeiFei  Graphic & Web Design

meifeihuang.com

Inconsistent greens on the landing page the lighter green looks the best The darker green is too saturated. There's no need for a resume button because the resume is on the landing page

Hyde, Ian  Graphic Design

muse website: ianhydedesign.com

Landing page isn't very eye catching I feel it could use a hero image maybe of on e of the projects. The colors use are fitting for a playful feel.

        adobe myportfolio:    http://foreveryodeling93.myportfolio.com/

Toha, Lettisia  Graphic & Web Design

lettisia.com

The logo is a good use of her initials and it looks great on the lavender background. The page has good visual flow down the page witch keeps the user moving.

Unit 9 Web Response

     All the websites had good use of color and negative space. On Weiching Chen's website I found the link to the case study didn't work. It worked for other projects. The other problem I found on the website was on the About/ Resume page. The text gets lighter as you go done the page is that the intent or not? Beside the inconsistent text color the layout looks great. Another website  that I had problems opening a case study was on Viet Ho's site. The NFLScore app's case study didn't open. I think on the dotfit website redesign the hero picture is a bit out of focus.

Unit 6 Reading Response

         This week in Interface Design the class needed to come up with three innovative apps for Android or iPhone.

          The first app I thought of was a foot race app. This app will help individuals track their distance and routes. In order to compare it with other local runners. This app is like a marathon that you can start and end when ever you want. Which will appeal to runners with a busy schedule, but still have a competitive nature when it comes to their running. The app will advertise the latest shoes and running equipment in order to generate revenue.

           The second app I thought of was a wildlife recognition app. There are apps similar to this one for birds, plants, and bugs but there isn't a app for mammal and reptile recognition. The apps that are related to mammals and reptiles only identify them by their footprints. In order to help you recognize a certain animal you can take a picture of it and the app will help narrow it down to a certain species. If a picture is not obtainable there will be a list of animal characteristics to help the user narrow it down. In order to generate revenue the app will need to be purchased for five dollars.

            The third app I thought of is a coupon/recipe app. I know there's a lot of similar apps to this one but those apps have recipes that link to coupons. For this app you look at the coupon first then it'll show you recipes that coincide with that ingredient. So the user spends less money by making meals built around the items that have coupons. The app will show coupons that are linked to particular stores chosen by the user such as Target, QFC, Safeway, etc. The app will make revenue by offering advertisement space. The advertisement will be from store that the user frequents to do their grocery shopping.

           

Workflow

       Legal Apps

Entrepreneur

Unit 5 Reading Response

          Chapter eight of Don't Make Me Think is called the farmer and the cowman should be friends.  This chapter covers the importance of teamwork while building a website. Even know everyone on your team might not have the same view on things it's good to have different perspectives on the same product. This will help ensure your website will appeal to a broader audience by looking at various angles of user preferences. Interface preferences varies from person to person. Deciding on design elements for a webpage early will help your team and you save time and effort.

           Chapter nine is called usability testing on ten cents a day. This chapter focuses on usability testing and how different it is from a focus group. Focus groups usually take place early in the work process. These groups contain five to eight people and help with a few different things. When it comes to the design process the first being quick feedback from the user about the interface and it's options. Focus groups also help programmers get an idea about how people feel about the usability on the webpage. A usability test consists of one person. This person will be given simple tasks related to the website. Some test subjects are also left to figure out what the website is on their own. These kind of tests usually take place a month or two before the website launches. After the test is done programmers fix any problems and then test again.

The Grommet

The Grommet is a promotional website similar to Walmart and Targets website. I chose this website because of the clean layout and large image size. 

McDonalds

I chose McDonald's website because it's a no nonsense site. The site doesn't show much information but realize heavily on their product images.

PlayStation 4

The PlayStation 4 website is very useful for a couple different reasons. It's a one stop shop for all your PlayStation needs. From technical support to viewing games thaw haven't even been released. 

Unit 4 Reading Response

              In chapter seven the book goes over the home page in great detail. There's eight design elements to take into consideration when designing a good home page. The first being sit identity and mission. This needs to be clear to users. In order to let them know what the website is and what's it for. The second thing to remember when building your home page is site hierarchy. Showing users right off the back what they can find and do on your sit shows site hierarchy. A prominently displayed search box is the third important design element for a good home page. This will help users navigate the site faster and easier. Teases on your page can make users want to explore your site. Such as new, feature promos, and popular subjects. Staying up to date with the content on your page is the fifth design element. This can be achieved by frequently updating the content on your page to stay relevant. Deals on your page is another great way to keep people interested in your page. In order to do this your home page needs space. For promotions and co-branding. Shortcuts are the seventh design element to think about when designing your home page. Links to various parts of the website saves users time and the trouble of reading through everything to find what they want. The last but not least is a link to registration. If your website needs the registration link it need to be prominently displayed for new users Users who frequently visit the site don't need the registration button to be so prominently displayed because they already know where it is.

Seattle Public Library
I choose Seattle Public Library's website because I felt it wasn't that good of a layout. The colors are confusing and there's not much hierarchy to the page.

Walmart
Walmart's website is very user friendly. The product images are big and clearly displayed. Navigating the site is also very easy due to the category options at the top of the page. 

EMP Museum
I thought the EMP Museum had a great home page. The page displays the upcoming events very clearly and had all the design elements chapter seven went over.

P2 Research

Some Kind Of Happiness, By Claire Legrand
Cover Designer, Thea James
Design Firm, Workman  Publishing
Published on October 8, 2015

Voices In The Night, By Steven Millhauser
Cover Designer, Janet Hansen
Design Firm, Alfred A. Knopf
Published on April 14, 2015

The Hourglass Factory, By Lucy Ribchester
Cover Designer, Melissa Four
Design Firm Simon & Schuster
Published on January, 2015

Unit 2 Chapter 3,4,5 Response

          On this section of Don't Make Me Think you learn in detail the characteristics of users while navigating websites. There's five important things you need to remember while building your website. The first important thing for your webpage is visual hierarchy. You can do this by changing text size, font, and color to make certain words more visible on your page. The second important thing for your page is taking advantage of people's conventions. Convention is the way someone usually does something. For example if people are used to scrolling down a page you should probably incorporate that into your layout rather then clickable buttons. The third important thing to remember about your page is break it up into clearly defined areas. You don't want someone visiting your page and not knowing what to click on or where to go.  If the user has trouble with this they may never visit your page again. Making it obvious what's clickable is the fourth important thing for users to know about your page. Using visual hierarchy on your page will help you achieve this. The fifth important thing to incorporate in your page is minimizing noise. You can minimize the busyness on your page by showing information only when it's needed. Another way to minimize noise is making a simple background so it doesn't take away from what's important on your page.

Sitemap Portfolio Website

Mood Board Web Portfolio

Web Portfolio Concept Statement

Unit 1 Chapter 1 and 2 Response

Don't Make Me Think

Chapter 1 and 2

         The first chapter talks about how to make a interfaces easy to use. You can do this in a few different ways. The first being text hierarchy. This will show users where to look first. Another way to bring attention to a particular spot on your page is to change the color so it stands out more. These design elements will also help users spend less time thinking about where they are and what they are looking for. Since people scan pages rather then reading everything. Visual effects like this make people spend more time on your page because it's easy for them to find there way around. If a person can navigate through your page with ease it makes them feel smarter. The feeling a person gets when viewing your page is the deciding factor if they will revisit your site or not. 

Unit 1 Interface Sketches

The wire frames I made are for the i Phone. The one on the left will have five buttons and will be able to scroll down. The wire frame on the right will be a single page. With the same amount of buttons. With each button going to a new page. Each style corresponds with the desktop version.

For this wire frame I wanted to keep it simple and clean. Everything would be displayed on one page top middle. The body copy of the page would mainly be a rotating images of my passed projects and art. I feel this layout maybe over used but that's because it works. 

This wire frame I tried to be a bit more creative with the layout. The page would consist of five buttons. Each button would bring you to a new page that looks similar the the last one. I would create a interesting graphic to link the buttons together. This graphic would be the same throughout the site.

Unit 1 Inspiring Portfolios

     After reviewing plenty of individuals portfolios. I came to the conclusion that I have a long way to go, when it comes to creating a intriguing interface for my portfolio. Below are a few inspiring portfolios I came across.

Ed Peixoto

Ed Prixoto's website has very eye catching color saturation on a black background. The colored lines and forms show movement down the page. This makes for a easy and enjoyable user experience.

Thibaud

Thibaud has a love for color this is apparent in his site. He has a consistent rhythm with good balance between color and negative space. His site is constantly changing button location which keeps the simplicity interesting. 

Chris Woods

Chris Woods is an expert photographer. This is seen in his website by the great balance and contrast that each of his photographs possess. There's very little text on his page but there's no need for it. Each picture represents a thousand words. Which is demonstrated very clearly by the first thirty five photographs he displays. Chris's photography displays his caliber of skills without saying anything. That's why his photography is so prominently displayed. 

Domenico Tedone

Domenico Tedone showcases his expert Photoshop skills with a very unique interface design. When viewing his site it seems like you're using Google map rather than scrolling through a portfolio. This uniqueness makes a lasting impression. The use of negative space also accentuates his artwork.

Justin Birds

Justin Birds has the simplest portfolio on my list. His website maybe simple but it serves it's purpose. He doesn't portray himself as something he's not. With the skills he has. The bird on the tree is a clever play on his name. It's also interactive because it flies when you hover over it. Which I find to be very intriguing. 

Robby Leonardi

This is by far the best online portfolio I've ever seen. Robby Leonardi had the great idea to turn his portfolio into a game. The game aspect makes viewers want to go until the end. The way he keeps viewers engaged is genius. I have a feeling we will be seeing a lot more portfolios designed like this one in the future.

Wade Brothers

The Wade Brothers are two program directors for a variety of different employers. All the companies they work with are very established. This is evident in their website. The website has great balance between text and images. This helps users navigate the page without too many distractions.

Jesse Willmon

Jesse Willmon is an illustrator who loves cartoony motion graphics. This is displayed very clearly throughout her website. Jesse's website is colorful and playful which gives the user a good feel for her personality. She stays consistent throughout the page by using a typeface that accents her illustrations.