Welcome to Lindsay Hooks Blog

Thank you for taking the time to visit my blog!

Friday, January 27, 2012

Podcasting using Audacity


This week in comm 350 we are learning about podcasts. I’m sure most of you know what a podcast is, or have seen them on your iTunes (which is all I knew about them), but this week I have come to realize all they have to offer in the emerging world of communication technologies. Firstly, the podcast FAQ website defines a podcast as “an audio show similar to a radio broadcast that is either downloaded from a website or delivered via an RSS feed (really simple syndication) automatically to your desktop music application via an aggregator or podcaster application". An example of this is ITunes.  This was found at: (http://www.searchforblogging.com/blog/the-complete-idiots-guide-to-podcasting.html). However, you do not need an ipod to listen to podcasts. They can be downloaded anywhere through the use of an aggregator which can be obtained through Doppler, Ipoddler, IpoddlerX, Newsgator, and PPR. 
Here are some links this site provides where you can find these:
Doppler – http://www.dopplerradio.net (Windows only)
iPodder – http://ipodder.sourceforge.net (Windows, Apple & Linux)
iPodderX – http://ipodderx.com (Apple only)
NewsGator – http://www.newsgator.com (Windows only)
PPR – http://www.primetimepodcast.com (Windows Only)

After this, when searching for information about how to create a podcast, I came across a website called www.awakenedvoice.com which teaches about the podcasting community as an online community which features many members and followers. The website also details the best ways to accumulate a podcast community.  To read more, visit the link above.

For the comm 350 podcasting project, I plan to use audacity. Audacity is a free, open source audio editing software which allows you to edit, record, and create audio files. I thought it was very cool that you can add so many effects to the sounds that you’re creating or editing; including fade in, fade out, silence, etc. In class we practiced cutting and re-arranging the material for our intro and outro pieces for the class podcast series. Moreover, we ran into some issues with copyrights when we tried to implement songs which we didn’t acquire the rights to utilize. For this reason, our teacher provided some websites of places that we can find “fair use” music sounds and edit them.


Another helpful website is http://www.freesound.org/browse/ which is very different but has many sounds that are created by its users uploaded onto their website.  Creative Commons is a website which I find to be very helpful in today’s age of copyright and patent nightmares as it allows for fair use of their materials. On this website, there are archives which contain several sound effects and audio files which can be edited and reused through the fair use agreement.

Thanks again for following me, see you next week bloggers!

Wednesday, January 18, 2012

C.R.A.P. Basic Layout and Design


This week in Comm 350 we discussed CRAP. I know, this sounds a bit weird, but don't worry, its only an acronym- were not studying CRAP in the literal sense. First off, Robyn Williams first coined the term C.R.A.P which stands for contrast, repetition, alignment, and proximity. In order for me to use these components in my own website design, I began researching what some websites had to say about the basic components of website design. Here's what I found to be useful for my own website.

How C.R.A.P is your website design?
Mike Rundle wrote there are 4 components to web design:
1.      Contrast: strong contrast helps the readers eye flow through the web content
a.      Good contrast makes sites appear organized and clean
b.      Allows the reader to figure out what is related and separate
c.       Good contrast separates main ideas and allows readers to stay focused
2.      Repetition: make sure the site is related and consistent
a.      Same page elements
b.      Logos- always consistent
c.       Gives a feeling of consistency
d.      Makes it easier to utilize when actions are in the same location consistently
e.      Repeating design elements Reinforces meaning to the user
3.      Alignment: Everything on the page is in line, and nothing is out of place
a.      Hallmark of good web design
b.      Line things up
c.       Make sure all is symmetrical
d.      Either left align or right align but don’t do both
e.      Centered headlines are classy- centered body isn’t
f.        Use existing hard edges to line up other elements
4.      Proximity: a related meaning which groups elements together when appropriate
a.      Similar or related elements can be grouped together to form a whole
                                                              i.      Synergistic
b.      Items that aren’t similar should be visually separated from one another
c.       Keep subheadings aligned and close to headings to make clear they are cohesive
d.      Headings should appear close to the paragraph they are applied to
5.      C.R.A.P:
a.      Good components to double check your work
b.      Pretty soon, you won’t need to use these tools, it will be imprinted in your brain and become automatic

The principles of beautiful web design:
  • Discover:
    • What does the company do?
    • What is your role in the company?
    • Does the company have an existing logo or brand?
    • What is your goal in developing a web site?
    • What information do you wish to provide online?
    • Who comprises your target audience? Do its members share any common demographics, like age, sex, or a physical location?
    • Who are your competitors and do they have web sites?
·         Implement:
o   Use what you have learned about your topic/client and use it to create a design
o   Sketch layouts
·         Good Design:
o   Good vs. bad web design
o   Aesthetic perspective which focuses on presentation and graphics
o   Don’t get caught up in visually pleasing aspects only, remember the user
o   Design is about communication
o   If you make a beautiful website what isn’t usable and accessible, people won’t use it
·         Users are pleased by the design but drawn to the content
o   Design shouldn’t hinder the user, it should act as a bridge between the user and the information
·         Users can move about easily through intuitive navigation
o   Navigation blocks should be clearly visible
o   Each link should have a descriptive title
o   Include an active page or section indicator, that way the user can recognize where they are and how to get where they want to go
o   Secondary search fields shouldn’t dominate the page
·         Users recognize each page as belonging to the site
o   Use a cohesive theme or style across all pages
o   Different content, same visual indicators which let the user know they are still on the same site
o   Repeat identity and navigation blocks
o   Repeat color palate to unify the pages
Learn more principles of web design at: http://www.sitepoint.com/principles-beautiful-web-design/

Principles of Design and Page Layout:
1.      Structuring Whitespace:
a.      The “background color”
b.      The white space is as important as the elements placed upon it
c.       Never ignore whitespace
d.      All space should be accounted for
                                                              i.      Doesn’t mean you fill all space, just make sure when you have areas of whitespace that they are conscious choices which add to the overall composition of your page
2.      Balance:
a.      Consider the visual weight of each element when arranging
b.      Weight= size of the object, value (dark weighs more than light), or the density of the detail/texture of the object
c.       Balance in contrast is vital- balance visual similarity and contrast in composition
d.      Proportions and size relationships affect balance
                                                              i.      A large object seems much larger when placed by small objects
3.      Symmetrical Balance:
a.      Simplest way to create balance is with a formally/symmetrically balanced page
b.      Right side is identical to left side
c.       Don’t center
4.      Asymmetrical Balance:
a.      Skillful arrangement of elements with different visual weights
b.      Several small elements can be balanced by one large one
c.       Use grids if following this technique  
5.      Lack of Balance:
a.      Unbalanced layout
b.      Use if goal is to create a feeling of uneasi-ness or instability
c.       Detracts from effectiveness of your site
6.      Consistency Across Pages:
a.      Stick with theme across pages
b.      Encourages the reader to explore your site
7.      Designing for Paper vs. Designing for WWW:
a.      Computer screens are typically wider than taller
b.      Difficult to design for paper and screen
c.       Some material may be more practical in a vertical format to ease printability
8.      Using Grids:
a.      Useful to use a grid when designing layout
b.      Invisible structural guide
c.       Establishes organized unity to one or more pages
d.      Ruler on Photoshop
e.      Maintain the balance on your page
9.      Focal Points:
a.      When you’re done with the webpage, open it up in a browser and stand back without reading the text
b.      Close your eyes for a minute than open them up and look at the page
c.       What element do you see first
d.      Where does your eye move next, intuitively?
e.      Ask other people to do this as you may be biased
f.        Evaluate the focal point
                                                              i.      Is it overwhelming?
                                                            ii.      Are components overwhelming? like Contrast? Size? density? Value?
g.      Whether conscious or not, the designer has created a path for the eye to take, if there is no focal point the user will be confused and leave the site.

After researching this, I am sure I will be able to use this advice when I am making my individual and group website, and I hope you will too. I think one main point I will take from this is the importance of white space and balance. I never really understood why some websites seemed a bit off, and now the more I look at some, I realize it is the in-proportional white space and lack of balance across the page. I think these three websites cover the importance of basic web design and layout. Particularly, contrast, repetition, alignment, and proximity.  I hope this information helps you as much as it did me, talk to you next week bloggers!