a byte of information

On a roll and need a byte of help.
Things are changing with software.
The best way to earn money is to license your software so that you have to update it every year. I want to own it!!!

APPLE and ADOBE are complicit:

 

transitions demonstration 

NO longer is imovie sharing - or exporting as a .mov only an mp4 format. SO how do you make a family video and give a burned CD to give to my aged mum? What happened she and myself really do not want it on youtube?  UGH!!
<Is this a sign of mega monopoly on the internet> - who is developing html5?

free video and other file converter - http://www.zamzar.com/
you will need 3 video types for html5- ogg, wdmv and mp4 - UGH.

Then you might want to use Java - jquery.
geckodesign has some great examples. Follow the instructions!

a few extra notes

For help coding look at this website:

http://www.codecademy.com/

Design first - build later.

Do your roughs first  - ask yourself what does the  client want and how can I help them decide what they want.

One of the first thing with the internet you have to figure out what your client has in their head and how to interpret it.  

A rough is only a generalization - a visual example of what your design might look like. Steer clear of building interactivity until you have your design complete.Wasted time!

Sketching is the key - it helps you think, churn through ideas, organize your information

A good blog that explains that is: http://tympanus.net/codrops/2013/01/29/planning-your-web-design-with-sketches/

DO YOUR RESEARCH - what and who is your competition?

WHAT IS THE USER DOING ON THE WEBSITE?

UX - User journey through your website  - great web development ideas and simply good web information.

Smashing Magazine!!:

VISUAL HIERARCHY - WHAT IS THE MOST IMPORTANT PIECE OF INFORMATION?

After you have solidified your design then you can think about interactivity and dynamic content.

FAVICON:     favicon generator - 

NEVER STRETCH A PICTURE: NEVER EVER!!!!

SLIDE SHOW:  GOOGLE, YAHOO, BING SEARCH FOR THE ONE YOU WANT!

JQUERY:- slider

DOES GOOD DESIGN MATTER?

WHAT HAPPENED TO SPENDING MONEY ON GOOD DESIGN?

 

http://www.nytimes.com/projects/2012/snow-fall/#/?part=tunnel-creek

DIGITAL NEWS  story done in a semi interactive way.
The images held my interest but the text was boring.
Why is it that good typography is not addressed on the web in news articles?
Images are an interesting way to engage the viewer  but the design is still like a magazine article and all hunkered on the left side of the browser

BEST CHILDREN'S EBOOK YET!! - a shame I don't own an ipad -

https://itunes.apple.com/gb/app/alice-for-the-ipad/id354537426?mt=8

http://nasaprospect.com/ 

Simple interactivity that is connected throughout the page.
Gotta love Flash!
The arrows are a simple tool take works for direction through out the website.
Great graphic illustrations. Simple information that I could read in a snapshot!

 

http://www.madegood.org/

http://www.juddfoundation.org/

BUT a box is a box is a box - think Donald Judd
Forget the bad English - but definitely a good website.
The box as a button is the new trend!
Yes it organizes information.

http://www.awwwards.com/best-websites

A great display of statistical information in an accessible way.

THEN THERE IS THE BAD .....

http://www.ireggae.com/

Then I have to agree - BAD!!
I wonder why all reggae website have to have the same colors, same design and 1960's - 70's look.

http://www.barbie.com/en-us

Gotta Love Barbie (1959  -  Ruth Handler (co-founder of Mattel), whose own daughter was called Barbara.
Girl friendly website that is simple to use,  interactive & obviously BARBIE

The ultimate Pink shoe, very interactive and simple for the educated runner or young generation that wants the best of everything.

OR a big mac  - (1968 - Jim Delligatti, Pittsburgh)

http://www.mcdonalds.co.uk/ukhome/promotions/bigmac.html

This British website is trying to make the junk food Jiant become an educated food choice.
What is that about?
Hey it appeals to me - every button I touched didn't select anything.
I think you have to have to understand  sarcasm  - not an American thing?

The Art of Web Design

What students think.

 

http://theoatmeal.com

Users don’t read, they scan.

Analyzing a web-page, users search for some fixed points or anchors which would guide them through the content of the page.

http://pastamia.com

A web-page should be obvious and self-explanatory.
When you’re creating a site, your job is to get rid of the question marks — the decisions users need to make consciously, considering pros, cons and alternatives.

F Pattern

• Users first read in a horizontal movement, usually across the upper part of the content area. This initial element forms the F's top bar.
• Next, users move down the page a bit and then read across in a second horizontal movement that typically covers a shorter area than the previous movement. This additional element forms the F's lower bar.
• Finally, users scan the content's left side in a vertical movement. Sometimes this is a fairly slow and systematic scan that appears as a solid stripe on an eye tracking heat map. Other times users move faster, creating a spottier heat map. This last element forms the F's stem.

What is the most important piece of information on the page?

Look at different ways to create users that are simple and direct.

 

Canadian Olympic Team 

Organize the information so the user does not get confused

Good Design

Good Web design is about information.  When learning good design practice, the user should be led around the screen by the designer. It is about hierarchy -  about how much visual weight do different parts of your design have? What is THE most important piece of information.

color, hue, saturation

WHAT ABOUT COLOR?

It's all about color

What a lot of Menu Bars

Good or Bad Design Information architecture is the term used to describe the structure of a system, that is the way information is grouped, the navigation methods and terminology are used within the system. An effective information architecture allows people to step logically through a system, confident they are getting closer to the information they require.

Information architecture is made up of:

Business/Context
Understanding an organizations’ business objectives, politics, culture, technology, resources and constraints is essential before considering development of the information architecture.

Content
The most effective method for understanding the quantity and quality of content (i.e. functionality and information) proposed for a system is to conduct a content inventory.

Users
An effective information architecture must reflect the way people think about the subject matter.

WHITE

hmm interesting .......