Merging Design and Development in a 2.0 World

Mired in the goo and muck of old-school thinking?
throw out your old processes and start collaborating in an agile and innovative way.

NOW new approaches.!!
Explore how to be courageous, radical and innovative to erase the hard line between front and back design and development teams.

Source:
Microsoft MIX07 Getting UNSTUCK

This is a tremendous video, speaking about today's possabilities, where in the past proved to be challenges.
Today we can much more easily collaborate and synergize, our knowledge and abilities are able to mix, attitudes are up and in the 2.0 world Creative Possabilities Rein !!!

Below are some images from the video :





FLASH NOW !!

Flash has grown to be so much more than it was ever intended to be.

Al Mandel, who helped market the original LaserWriter at Apple and later had several high-level positions at AOL, used to say, "The step after ubiquity is invisibility," by which he meant that once a technology had reached the point where everyone had it, then people simply forgot about it and from then on assumed it would be there. Invisibility is a good thing because it means there will always be a market for your product. It is quite rare for software to become invisible. Microsoft Windows still hasn't made it, though html and zip encoding have. In terms of software applications, I can think of only two that have reached the point of ubiquity and hence invisibility -- Flash and PDF, both of which come from the same company, Adobe Systems, and being the owner of two invisible technologies makes Adobe more powerful than most of us can even imagine.

Adobe is moving into developer tools in a big way to support its grab for mindshare in the interactive/rich web application space where much of the excitement lately seems to be. Some people think of this as Browser Wars 2.0, but I think it is more fundamental than that. Here are the players. Microsoft is putting massive resources behind Silverlight. Sun is trying to take Java to the next level with Java FX. Mozilla is trying to improve its position through AJAX, Canvas support, and better offline support. And Adobe is leaning hard on Flash, Adobe Integrated Runtime or AIR (formerly code-named Apollo), and Flex. My money is on Adobe simply because of those two invisible weapons, PDF and Flash.

What could PDF, Adobe's Portable Document Format, possibly have to do with this? It's a 30+ megabyte download living right now in more than a BILLION computers. Same for Flash -- a BILLION computers. That's more than 60 megabytes of Adobe code living in nearly every computer on every desktop or laptop in the world -- greater market penetration by far than even Windows enjoys. And what's IN there? Nobody outside Adobe really knows. Is there room in that 60 megabytes for the Adobe Reader, Flash, and a few hooks or applets Adobe might throw in to assist with some future product or service roll out? Sure, why not? That's the power of invisibility.

But invisibility offers no advantage to those who can't follow through. That's not Adobe, by which I mean that's not Flash, which has grown to be so much more than it was ever intended to be.

By itself, Flash has had an amazing evolution. We started with Java applets right? What happened to those? (They're actually making a slow comeback with many of the original issues fixed.) Flash did Java applets right. In fact they did it so right, I imagine Flash adherents will be offended with just comparing the two.

The folks at Macromedia (now Adobe) saw some amazing shortcomings in other web-based execution systems and simply did it right. Java applets were fantastic with major shortcomings (huge Java runtime, poor performance, clunky and ugly interface, etc). Flash fixed all or most of those. And Flash does cross-platform so much better than Java ever did.
If it sounds like I am more or less writing off Java despite Sun's recent announcement of Java FX to directly compete with AIR and Silverlight, well I am. Adobe is far more focused than Sun on this market segment and there are just as many Flash developers as Java developers.

So where is Adobe headed with this? Traditionally we'd expect a fight with Microsoft for the desktop, but I think Adobe is headed in a different direction, toward mobile and embedded devices, with the desktop variants like AIR primarily intended to make sure there is something for all those mobile devices to link to. Here's a clue. Describing why Adobe bought Macromedia (it was to get Flash) an Adobe employee said, "We tried everything, but we couldn't get Acrobat small enough to work on a cell phone. You can do a Flash interface that's a fraction of the file size."

Expect Flash in everything and perhaps even Flash in a chip. Deploying software in hardware is the ultimate DRM.
Think about anywhere you see a graphical user interface that isn't attached to a PC -- kiosks, high-end TV remote controls, touchscreens, ATMs, cell phones, digital cameras, VCRs, DVRs, GPS systems, set-top boxes, computer monitors, televisions, elevators, the Toyota Prius, medical equipment, Point of Sale systems, the "cash registers" at McDonalds -- everywhere, really.

In each case, the user interface was probably developed by a specialized team for specific hardware. The team may have limited training in GUI design or usability, the interface may not be portable across new device models, and the development tools may not be very evolved, which would slow the GUI creation process.

Flash potentially solves all those problems AND creates new opportunities.

Flash is well understood, and the development environment is highly evolved and therefore efficient. There are many experienced Flash designers, so the pool of available talent is potentially much larger. GUI design can be done by people who don't require intimately specialized knowledge of the underlying hardware. GUI elements would be portable across device models and even device categories. Think how the right-facing triangle of the "Play" button started on tape recorders, moved to VCRs, and is now on CD players, DVD players, DVRs, iPods, and any hardware or software that records or plays back content.

GUIs would evolve much more quickly and cost less to create. There could be standard interface libraries for all types of uses, and the similar GUIs would lower the learning curve for users. Talented interface designers would be in demand. User interfaces would be potentially upgradeable. More interesting, GUIs could be user-specific: the same cell phone might have a "Grandma interface" for one user, but a very different GUI for teens. And there's no reason why that should stop with cell phones.Funny, the latest release of Adobe Creative Suite lets you prototype interfaces for various cell phones, so this strategy -- at least in its embryonic form -- has now been expressed as code.

But let's take it a step further. Once you own the interface to every mobile device you can make those devices talk more easily to your networked applications than possibly to those from Apple, Microsoft, or Sun. As we move toward a fully mobile Internet, compliance with mobile APIs will be more important than what operating system is running on the server, which is why I believe Adobe is putting so much effort behind AIR and Flex.

Source : PBS.org and Robert X. Cringely

Flash Player Penetration

As many of us know the flash player has penetrated so deeply that it's content can reach 99% of Internet viewers !
Adobe® Flash® Player is the world's most pervasive software platform, reaching 99% of Internet-enabled desktops in mature markets as well as a wide range of devices. Below are some image clips directly from the ADOBE® web site.

flash design
flash design

Concept Design : Strategic Design Solutions for Today's Art Directors and Designers

Concept Design is a new publication just published by Fora, the R&D division of the Danish Authority for Enterprise and Construction, that is recommended reading for those working on the strategic side of design.

The study focuses on how design can be utilised together with other disciplines to create new solutions to the global challenges faced by the private and public sectors in the twenty-first century, and draws up a map of the proliferation of concept design companies in Denmark, in Europe and the US, and their areas of work.

Download the PDF here (18 mb)

TIP!
Print it out !! It's 115 Pages. Print from Acrobat, DO NOT USE Prieview (on a MAC) some pages are spreads and Acrobat handles them better.

Optimization [SEO] Within Your HTML Page

Here are some helpful ideas on where to get keywords into your HTML code for Search Friendly code.

Remember these are very basic techniques, It takes a great deal of time and work to propery search engine market your website, it usually takes from 3 to 6 months to see results, but nonetheless these basic things do offer some help.

Title Tag

The title tag of the web page is the first tag where search engine spider crawls and according to your title tag optimization gives the place on their listing of search and ranking. Place your primary keywords 2-3 times but as key phrases.

Meta Description Tag meta content="”keywords1," name="”description”"



The second tag of the web page is meta description tag. This tag is used for providing short summary what is all about the page contains. While optimization this tag place your primary keywords with the sentence. So that it comes up with keyword rich meaningful sentences.

Meta Keyword Tag meta content="”keywords1,keywords2

The third tag of the web page is meta keyword tag. This tag is used for keyword stuffing or place primary keywords for search engine bots. Place primary keywords not as a list but atleast 4-5 prime keywords.

Heading H1, H2…..H6 tag h1 keywords1, keyphrases

The another very important tag of the web page. H1, H2 tags are the main heading tags where visitors as well as Search Engines comes to know the site meaning. Or what are the services the website providing. While optimization on this heading tag, people stuffs with keywords. To optimize this tag place your primary and secondary keywords as sentence.

Alt Tag img= alt keywords1, src="http://www.blogger.com/”image.jpg”


The common thing of the web page is images. And image contains alt tag which is very helpful for search engine optimization. This alt tag is the best place for keyword stuffing. Many website I have seen that having only graphics no more text there. But behind this graphics or images they place their website content on this alt tag. To optimize this tag place your primary keywords as plurals too, not more than 40 words.

Anchor Title Tag a title="”keywords1,"


One of the helpful and important tag of the web page is anchor tag. This tag is used for navigations and to redirecting the source page. While optimizing this tag place your primary keywords on the title area. It boost the web page and helps to build the website rich content.

Content

Content of the web page is all about helpful in search engine optimization. Many times i seen people stuffs their keywords as content to get highly noticed by search engines. And their website is not yet ranked too and many of them write their content very nicely with few primary keywords between the content. While optimizing the content of the web page, place your primary and secondary keywords very few but with the meaning of content.

These are the main areas where you can optimize your web page. And it helps you to improve your website ranking and positions on search engines.

Customizing Right-Click MENU for Flash

That Adobe® Flash® tell-tale right-click flash menu, ever wonder about changing it ? Adding your own links, or removing items from the list, here's how...

right click 1

right click 1

Animation Basics

Bringing your Animation to Life
Using keyframe animation, it is too easy to create dull, robotic animation. Linear paths make for lifeless animation.

Anticipation and Follow Through
Naturally, before an object with awareness moves forward, it anticipates the motion, by moving backwards slightly, first. After finishing the forward action, it doesn't completely come to a stop all of the sudden- it pulls back a little bit. This should be especially apparent if the action doesn't ease out.

Natural Movement
To create a more natural, and interesting animation, allow your object to pull back momentarily, before easing ahead.
This is the first step to creating natural looking animation. You can use this technique animating anything which moves, rotates, or scales.

Squash and Stretch
When an object squashes and stretches, it appears to be composed of a softer, organic, elastic material. Objects which do not stretch appear rigid and plain. Subtle exaggeration can grossly enhance an animation's illusion of realism, and make it more stimulating to watch. Overexagguration can make an animation look clearly unrealistic, and cartoon-like.
For most natural animation, good to keep exagguration quick and subtle.

Direction and Flow
Maintaining direction adds a sense of consistency throughout your Flash scenes.
Every object can enter the frame from the right, and exits to the left. This ensures that everything is generally going the same way, and it will not overwhelm or confuse the viewers eye.

Flowing into a collision
Direction can be used to illustrate opposite, or conflicting things.
Even though objects are not visible on the screen together until the final shot, the viewer knows that they are heading towards eachother, and can anticipate the collision.

Conflicting direction :: Staging
Staging is the communication of an action so that it is blatantly obvious to the viewer.
To experience the gross effect of an action, it is important to focus the viewer's attention to where the action occurs. This can be done by creating a strong contrast between the focus, and the rest of the scene. Attempt to lure the viewer's eye to the focal point before the main action even occurs. Bonus points, if you can do it without using obvious symbols such as arrows.
Contrast can be acheived with violent actions, varying speed, or opposing colors. A bright object will have focus in a dull scene, or slow moving text will stand out in a sea of objects constantly whipping by.

A properly staged object should be recognizable just by it's silloete. This applies to complex flash animations, as well as 3D scene layouts.

A good animation can lose it's gross effect if it is not staged clearly- the viewer should always know exactly what's happening, and have somewhere to focus on within the scene.

PANTONE® New Tools to inspire collaboration of Print and Interactive Media

GOE: New Pantone Matching System

Visit the PANTONE® Site

flash design
flash design

GOE is the new colour system launced by the PANTONE®, available from the 1st October 2007.

"With more than 2,000 new PANTONE Colors, the PANTONE Goe System is designed to inspire creativity and fulfill the requirements of a fast-changing, technologically advancing industry. PANTONE Goe is more than a single product with exciting new colors; the System includes modern tools and interactive software to drive collaboration and improve versatility in an increasingly global, multimedia environment."

Pass Variables From Flash to HTML

Until recently the most well-known and widely-used method for transferring variables of a Flash movie from HTML-view, was the addition of the segments to the URL of .swf-document, as shown below:

flash html code image1


Essentially, this is nothing other than the GET method, so it does not allow "hooking on" more than 256 symbols to the address line, and in other words – the transference in a clip of a large quantity of variables or their long line values. But this is not its main disadvantage, since in most cases of these parameters, the length of the query is absolutely sufficient. The basic disadvantage of this method is that when changing the lines of parameters, a Flash clip once again downloads from the server to the client's computer and if its size is sufficiently big, then during every change to a new HTML-page, it is necessary to wait for the page to reload – losing all meaning of using this method.

In Flash-Player's 6 th version, a new parameter, called FlashVars, has appeared, which facilitates sending Flash-clip variables from their HTML-view. The method of using it is shown below:

flash html code image2

Variables are given in the root ( _root ) foundation of a Flash-clip ( _level0 ).

Advantages: This method of sending variables of a Flash clip converted to HTML-view removes the limitations and disadvantages of the GET method.

The History of the iPOD

I found this visual chart in an article in the Wall Street Journal.

Click Here for a larger image

iPOD Chart