Sunday, May 17, 2009

Print vs. Web Design

Anything that is a great print design is likely to be a lousy web design.


here are so many differences between the two media that it is necessary to take different design approaches to utilize the strengths of each medium and minimize its weaknesses.
* Print design is based on letting the eyes walk over the information, selectively looking at information objects and using spatial juxtaposition to make page elements enhance and explain each other.
* Web design functions by letting the hands move the information (by scrolling or clicking); information relationships are expressed temporally as part of an interaction and user movement.


Dimensionality

Print design is 2-dimensional, with much attention paid to layout. It is obviously possible for the reader to turn the page, but substantial interplay between different spreads is rare. Typically, each view is a design unit created for a fixed size canvas - often a big canvas when designing newspapers or posters.

In contrast, Web design is simultaneously 1-dimensional and N-dimensional.

A web page is fundamentally a scrolling experience for the user as opposed to a canvas experience. A small amount of 2-dimensional layout is possible, but not to the extent of creating a pre-planned experience with a fixed spatial relationship between elements. Users often begin scrolling before all elements have been rendered, and different users will scroll the page in different ways throughout their reading experience.

Precise placement of elements on a web page goes against the nature of HTML and can only be achieved to an approximation for pages that are able to adjust to different window sizes. Thus, 2-dimensional relationships between page elements are less important than 1-dimensional relationships (what's early on the page; what's later on the page).

Navigation

The N-dimensional aspect of web design follows from the hypertext navigation that is the essence of the Web. Moving around is what the Web is all about. When analyzing the "look-and-feel" of a website, the feel completely dominates the user experience. After all, doing is more memorable and makes a stronger emotional impact than seeing.

In print, navigation mainly consists of page turning: an ultra-simple user interface which is one of the printed medium's great benefits. Because page turning is so limited, it is often not even thought of as a design element. In contrast, hypertext navigation is a major component of web design, requiring decisions like

* appearance of links
* how to explain where users can go and where each link will lead
* visualization of the user's current location
* information architecture


Response Time, Resolution, and Canvas Size

Print is immensely superior to the Web in terms of speed, type and image quality, and the size of the visible space. These differences are not fundamental. We will eventually get:
* bandwidth fast enough to download a Web page as fast as one can turn the page in a newspaper
* screen resolution sharp enough to render type so crisply that reading speed from screens reaches that of paper
* huge screens the size of a newspaper spread - in fact, I think that newspaper-sized screens are about the limit where it may not make sense to make screens any larger


For the next ten years or so, the differences will remain and will dictate restrictions on web design: less graphics, smaller graphics, shorter text (since it is unpleasant to read online), less fancy typography (since you don't know what fonts the user has installed), and less ambitious layouts.

Even when we get perfect hardware in ten years, it will continue to be necessary to limit the word count since users are more impatient online and are motivated to move on. It will also be necessary to design web information for small-canvas layouts since portable devices will retain small screens even as we get huge screens in the office.

I predict that new, non-window-based screen management techniques will appear that will allow more interesting utilization of the future huge displays. A bigger display doesn't simply imply larger windows, even though some systems currently promote the notion of "maximization" as the ultimate user goal.

Multimedia, Interactivity, and Overlays

Print can stun the reader with high-impact visualization, but the online medium ultimately wins because of the user engagement that is made possible by non-static design elements. The Web can show moving images under user control and it can allow the user to manipulate interactive widgets. In the future, it will also be possible to use alpha-channel blending and overlay multiple layers of information.

Basic web technology easily allows an interactive map of Chile where the user can click on a city or region to go to a specialized page with more in-depth information. An even greater amount of engagement follows from a more closely integrated interactive visualization where pointing to objects results in explanations or expansions in context, possibly using pop-ups, overlays, or voice-over. Such highly interactive information graphics require the use of non-standard technology and are therefore not currently recommended on mainstream web pages, but they can be used in specialized services and will hopefully become a common part of the Web's future.

With better hardware, differences in terms of appearance and layout may diminish. At the same time, more powerful software and a better understanding of interactive information objects will increase the differences in terms of interaction and user control. Current web designs are insufficiently interactive and have extremely poor use of multimedia. It is rare to see a web animation that has any goal besides annoying the user.

Print design is highly refined, as evidenced by glancing through the recent book of award-winning designs. Web design is impoverished because too many sites strive for the wrong standards of excellence that made sense in the print world but do not make sufficient advances in interactivity.

Monday, May 11, 2009

MS Design Studios Launched Great Creative Online Presence!

--
Manila, Philippines, May 11, 2009 -- MS Design Studios, a talented web design firm has recently came up with a creative Designs - both on web and print!, an "out of the box" design and development firm. MS Design Studios delivers once again, producing a vibrant and functional site that embodies what GREAT! is all about. The California-based Mortgage Specialist known for its powerful forms and "Do-it-Yourself" kit campaigns, Helping home owners preserve their property.

"Empower Forms" Team enjoyed working with MS Design Studios," Empower Forms! Chief Executive Officer JP Quintana. "I appreciate the great design, your organized workflow, meeting deadlines and how responsive your team is to our input."

Constructed on a PHP base platform using lightning fast table-less CSS techniques the site comes alive with minimal download time. The site also uses various aspects of advanced jQuery techniques giving it the interactivity and user engagement that met all of Client's expectations.

MS Design Studios
MS Design Studios has become one of the leading web design and development firms in Philippines. While their client list includes international companies such as Washington Property Capital and MJM Premier, they are still able to meet the needs and budgets of small businesses. They are able to provide all of the services of a web solutions company, as well as the expertise and creativity of an advertising agency. From the web to print, MS Design Studios has built a reputation based on its quality and timely delivery. Visit us online at http://www.ms-designstudios.com.

Thursday, April 9, 2009

MS-designstudios.com - Version 5.0

Just launched the new version (v 5.0) of ms-designstudios.It is still in the development stage but i'm almost done. Just some more few pages to go and some dynamic contents and API's. This is the first time that i think i'm actually going to complete my portfolio website in terms of functionality. The last four versions didn't reached the final stage due to some reasons during the development stage some areas didn't meet my standards or i tend to dislike the design or the structure. But i'm convinced that i'm satisfied with this new design, structure and approach. As always i used a tableless xhtml/css structure with ajax and jquery apps. So Please check it out.

Wednesday, October 1, 2008

A Blogs Life: Easy HDR effect in Photoshop

A Blogs Life: Easy HDR effect in Photoshop

Easy HDR effect in Photoshop

I processed this images without the over, under and normal exposed photos or what is called bracketed Photos. And to top it, I didn’t use any third part software like photomatix or lightroom and etc…

read more | digg story