Sunday, December 7, 2014

Week 6 Blog Assignment

Welcome back to my final blog post of fall quarter!

The topic of this post is to provide a reflection on my quarter, refer back to my Blog 3 entry, and reflect on what it has been like to maintain a blog.

As a final assignment for my COMM 350 course, I put together a website about myself as an online portfolio of the work I have done throughout the course. As I found all of my past assignments and projects from the quarter, I was fun for me to see how much work I have actually done this quarter and also to see how much I have grown as a designer. Something I wrote on my website was that on the first day of class, the only design program I knew how to use was Microsoft Word. Since then I have learned how to use Photoshop, InDesign, Audacity, Wix, and Weebly, all of which hold their own purposes and tools, and abilities.

Here is a link to my online website portfolio: http://emilyeabbott.wix.com/onlineportfolio

Overall I feel that I've done the most work in the program, InDesign. Within this program I created a book cover, a two-page spread for that book, a party flyer, a magazine cover, a brochure, and a newsletter. While each product had it's challenges and successes, I found my brochure to be the most rewarding out of all the InDesign projects I created. The brochure is a two-page spread, each page organized in three columns. Actually designing and organizing my brochure was a challenge for me because I was struggling to have a visual of what I wanted the final product to look like. However, after looking at examples of brochures and several websites, I came up with a plan. With some research and my professor's advice, I created a brochure that I feel looks professional, welcoming, and vibrant, all while providing the reader with helpful information.

Here is a link to my final brochure: http://emilyeabbott.wix.com/onlineportfolio#!brochure/c1qakz

In my Blog 3 entry, I wrote about creating a Google+ account for myself. Since then I have not stayed extremely connected with my new social media site, though I have explored with it and started working with updating my profile. I feel like the next step is adding friends and creating circles with different groups of people I know that run together. I chose to include my Google+ account on my online portfolio website because it's one more way for a viewer to potentially connect with me and be able to relate with me if they too have an account. Now that winter break is about to happen, I'm hoping I will have more time to become familiar with my social media site, Google+, and begin adding friends and making circles.


Maintaining a blog has been an excellent way for me to reflect back on what I have been learning. In a way I found blogging to relaxing and enjoyable. Blogging is completely new to me so it has been a learning curve with becoming more comfortable with all of Blogger's features and applying them to my posts. Each blog post, however, I have felt more and more familiar with the program. It's rewarding looking back now on my blog and seeing multiple posts all lined up. It makes me feel as though I have created something completely unique and my own.


Every program we have used in class has been completely new to me. I have enjoyed learning about each one and thinking about how they can apply to my life and work after this course is complete. I think that I will without a doubt use Photoshop, Audacity, and InDesign after this class is done. InDesign is probably my favorite and I feel like there are still so many wonderful features that I have yet to learn or apply to my work. My hope is that I can remember each program and class activity we did and use it later when either class, work, or any activity requires some sort of design project of me.

Wednesday, November 19, 2014

Week 5 Blog Assignment

Welcome back to my blog! 

This week's assignment is listing the top 10 rules of web design. After learning about building and designing websites in class and through my own research, I compiled  what I believe to be the rules on web design that everyone interested in this topic should know. 

Top 10 Rules of Web Design

1.    Simplicity
I can speak from experience that website users becoming quickly frustrated when pages are cluttered and confusing. When pages are crammed with information it takes longer for users to find what they are looking for. If users experience frustration, they are less likely to return in the future. 

2.    Keep your site updated
Ultimately, the reason users visit a site is to view and learn current content. If content is out of date and is not constantly being updated, users will no longer have a reason to continue visiting the site. 

3.    Consistency is key
Visitors shouldn't feel like they are visiting a new site every time they open a new page on a site. Consistence among the pages on a site makes navigation a much easier task and leaves the user feeling at ease and accomplished. 

4.    Easy to navigate
Pages should flow in a top-down layout and information should be listed in logical order. Over time, it has also become an expectation that the key navigation is either at the top or left side of the page. Do not avoid key conventions or expectations to make a website unique or different. Instead, make the site as easy to navigate as possible for the user. Their experience is most important. 

5.    Don't write a novel
Users don't visit sites to read, they visit them to scan. Keep information on sites brief, to the point, and precise. 

6.    Eliminate annoying features
Features including walking and talking images of a person, sound, pop up ads, and huge images are not only distracting and annoying to users, but they slow down the loading time for the page immensely. Without these features, users will enjoy their experience much more on the page and will be more likely to return and/or stay on it longer. 

"Fact: The average time a user will wait for a page to load before leaving is 4 seconds. Try it."   -http://www.askmepc-webdesign.com/11-Rules-of-Website-Design-Try-these-and-Succeed.html

7.    Browser Compatibility
Today, it is common that people use various Internet browsers. Therefore, it is very important that websites are able to load on any browser. Before making a site public, check that it works on Internet Explorer, Firefox, Safari, and Google Chrome. 

8.    Make contact a click away
By providing a link consistently (usually) in the site's footer to a Contact Us page, users will never experience confusion or frustration when trying to contact you for any reason. On the Contact Us page, multiple ways for the site users to contact you should be provided. These ways include but are not limited to: snail mail, small, and phone. By making it easy for the user to access ways to contact you, it communicates a personal and welcoming atmosphere and helps you or any site owner seem more approachable. 

9.    Quality Content
With a beautifully designed site that works on every browser available, a site is an empty shell without quality content. A good website is made up of both great design and great content. Before publishing your site, double check that every page on your website has unique, original content that makes them not only nice looking, but worth visiting.

10.   Learn from others
In conclusion, most of us learn best by good example. But with website design, there's a lot to be gained from closely examining websites that have been poorly designed as well. I hope these rules help you if you ever try creating your own website. I know they have and will continue to help me!

Sources:

Saturday, November 8, 2014

Week 4 Blog Assignment

Welcome and thank you for reading my fourth blog assignment for my Emerging Communication Technologies course at Western Washington University! The topic of today's post is C.R.A.P. What is C.R.A.P., you ask? In better understood terms, C.R.A.P is a compiled set of basic layout and design principles.

Contrast
  1. Make different things different 
  2. Bring out DOMINANT elements
  3. Mute lesser ones 
  4. Create dynamism!
"Contrast creates interest by providing variety in design" http://www.slideshare.net/SherwinM/basic-layout-principles.

Size, weight, position, shape, and color are all various ways in which contrast is used. The links I have provided helped me better grasp the multiple possibilities for how to include contrast. Until doing more research, I always thought of contrast as big vs. little and dark vs. light. But the elements of weight, shape, and color all being intermixed and tied in to one another make contrast much more effective and successful.

Here is a helpful article about using contrast successfully in graphic design: http://desktoppub.about.com/od/contrast/ss/contrast.htm


Repetition
  1. Repeat design throughout the interface
  2. Consistency
  3. Create unity

"Repeat action, performance, production, or presentation creates identity. For web design, often a layout element or the navigation is repeated for each page, so the user knows they are within the same site" http://www.slideshare.net/SherwinM/basic-layout-principles.
If I have learned anything from not only the research I did on the principle of repetition, but being a student and studying for quizzes and exams, it's that I retain information when I have seen/heard/spoke it multiple times. This is a key element to successfully communicating important information and concepts to viewers and potential customers.

 Here is a helpful article about using repetition successfully in graphic design: http://desktoppub.about.com/cs/designprinciples/qt/comfort_repeat.htm

Alignment
  1. Create a visual flow
  2. Visually connect elements
"Alignment is the placement of text and graphics so they line up on the page. It's one of the principles of design that help us create attractive, readable pages."
 Left, right, center, grid, visual or optical, hanging punctuation visual, and breaking alignment are all different ways alignment can be utilized in graphic or web design. I have found that details pertaining to good alignment are the small things readers or viewers don't recognize initially. Alignment helps the viewed text appear to flow naturally.

Here is a helpful article about using alignment successfully in graphic design: http://desktoppub.about.com/od/designprinciples/a/alignment.htm

Proximity

  1. Group related elements
  2. Separate unrelated elements

"The property of being close together, holding that objects or events that are near to one another (in space or time) are perceived as belonging together as a unit"http://www.slideshare.net/SherwinM/basic-layout-principles.

Here is a helpful article about using proximity successfully in graphic design: 

This video covers all the topics I have discussed in greater detail. I recommend taking the time to watch it!

I will implement what I have larned into my group website, my individual website, our newsletter, my business card, personal logo, podcast script, and all future projects I work on for both school and my career.