Your SlideShare is downloading. ×
Usability & UI (2010)
Usability & UI (2010)
Usability & UI (2010)
Usability & UI (2010)
Usability & UI (2010)
Usability & UI (2010)
Usability & UI (2010)
Usability & UI (2010)
Usability & UI (2010)
Usability & UI (2010)
Usability & UI (2010)
Usability & UI (2010)
Usability & UI (2010)
Usability & UI (2010)
Usability & UI (2010)
Usability & UI (2010)
Usability & UI (2010)
Usability & UI (2010)
Usability & UI (2010)
Usability & UI (2010)
Usability & UI (2010)
Usability & UI (2010)
Usability & UI (2010)
Usability & UI (2010)
Usability & UI (2010)
Usability & UI (2010)
Usability & UI (2010)
Usability & UI (2010)
Usability & UI (2010)
Usability & UI (2010)
Usability & UI (2010)
Usability & UI (2010)
Usability & UI (2010)
Usability & UI (2010)
Usability & UI (2010)
Usability & UI (2010)
Usability & UI (2010)
Usability & UI (2010)
Usability & UI (2010)
Usability & UI (2010)
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Usability & UI (2010)

246

Published on

Web and Platform UI Good Practices

Web and Platform UI Good Practices

Published in: Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
246
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
2
Comments
0
Likes
1
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. UI DesignUsability Suggestion BETAMirco PasqualiniDigital Creative Director@ 2009 v1.2 1
  • 2. BreadcrumbsUse Corresponding LabelsMake sure your crumbs are called the same as the corresponding location, for exampledo not call a crumb “Personalize” if the page is called “Settings”.Aid Navigation, Not Replace ItYour crumbs should act as a way for users to locate themselves on your site when theyarrive and not as a replacement for navigation.Don!t Link to Current PageThe very last crumb in your breadcrumbs should not be clickable. It should simply serveas an indication of where you are within the site. Linking to the current page is generallydiscouraged. Amazon!s take on breadcrumbs. They are located at the top of the page with the last crumb not click- able. Apple!s take on breadcrumbs. They are located at the bottom of each page without last crumb. This is an alternative used in complex technical website, where each Breadcrumbs are clickable drop list with FILTER or other LINKS placed at the same level of that selected. 2
  • 3. TabsThe tab metaphor is one of the only metaphors from the office that work really well onscreen. It has been adopted widely, both on the web and in software interfaces.One Row of TabsThe best way to implement tabs are to have only one row of them. When we stack tab rows ontop of each other, the interface will become cluttered and the user will have a much harder timeto navigate and distinguish between tabs.Please note that this is not the case when the bottom row of tabs have an hierarchicalrelationship with the top row. In that case two rows of tabs are fine, but be sure to indicate thatthe bottom row is directly related to the top row. Make them visually distinct.Short LabelsIt is important to label tabs but keep tab labels short, using two or three words at most.Active tab indicationClearly indicate which tab is currently active. This can be done through various ways, colorindication works best.Home Page TabThere is an age old discussion on wether the Home page (if you have one) should have a tab ornot. Cases and situations vary but I believe that the home page should indeed be a tab.The reason for this is that it corresponds with the users idea of the site. The counter argument isthat it doesn!t correspond with the structure of the site but this shouldn!t be an argument: yourusers do not care about the structure and in all likelihood, they don!t know what it is.Tabs Should Be TabsTabs should not be a replacement of breadcrumbs, meaning thatthe first crumb shouldn!t be removed withbeing represented by the active tab. 3
  • 4. TV Sorrisi&Canzoni use a TABMenu for main navigation with 2row on the same level for identify2 different main content groupApple use TAB method for filterthe link groups.In some web Application TABs isused for filtering the view results.In Inkd site the TABs use a droplist menu for a quick access tothe content.Fantacast use vertical TABs forwebmercial boxIn other case the TABs is usedtoo for switch view box or pictureand working like as a button. 4
  • 5. LinkingConformThe best approach for links are to follow standards. Links should preferably beunderlined and making them blue won!t hurt either. Visited links should also be indicatedas such.Easily IdentifiableLinks should be clearly identified. If you do not want to underline or make them blue,make sure they are visually different from surrounding content. They should stand out.Be careful though, no one wants to read a passage littered with highly visual anddistracting links. If the link is a button or a image, make sure it changes it!s state when auser hovers over it.An exception to this is the logo or homepage link, located at the top of your site.Through the years we have come to expect that clicking on the logo will take us to thehome page.SpacingMake sure you leave enough space between links to avoid users clicking the wrong link.New Tab or Not?Should a link load in a new tab? Arguments can be found for and against both options.The context of the link is an important factor in deciding this. If a user isn!t likely to wantto navigate away (permanently) from the page, let links open in a new tab.PDF!s are also best shown in new tabs. If you are linking local content in your site, stayaway from links opening in a new tab. It is better to let users decide wether to let a linkopen up in a new page or not than to force this decision on them. 5
  • 6. Amazon use a standard blueunderline link style.In this case the LINKs use alwaysa custome Color withoutunderline.In this case the links don!t have aspecific color but they have aunderline style.In this case and ICON element isadded for evidence the LINKSuse the same colors ofmainstream text.Think to link be easy to click andselect with a mouse pointer orand finger of your hand.Remember the space around.Add icon before or after forspecific the action. Wikipedia forsample use icon for explainInternal or external links.Use clear and easy name toremember the links 6
  • 7. Indicate What is Being Linked ToI am not talking about preview thumbnails of links but more about small visualindications: icons or preferably text, when applicable. Heavy content such as mp3!s orPDF!s should be indicated as such. Also avoid naming links “click here”. It tellsme nothing about the link and requires blind faith on the part of the users.URL ShorteningThe usage of services that shorten your URL like tinyurl is a tough question. Althoughshortening the URL might look better, it gives the user no idea of what is being linked to.The context is also important. If I am not likely to type the URL, I wouldn!t care if it is toolong. The flip side is that when users make a printout of your site, URL shortening ispreferable.URL UsabilityNote that not encouraging services like tinyurl does not mean you should ignore URLlength or naming, to the contrary. Thebest scenario would be for your users to guess what page they are on, simply bylooking at the URL, especially if they are accessing major subsections of your site.In-page LinksTry to stay away from in-page linking (anchor tags). This does not conform with theusers model of a link. We expect a new page and not a new location within the currentpage.Email AdressesAt all costs, avoid the mail-to link unless the title of the link is an email address. Clickinga link and seeing a mail client open instead of a new tab is not expected by the user. 7
  • 8. OverlayBreaks ConventionI would advise you to use an overlay sparingly. However cool they may seem, likelinking within a document, they do not conform to our mental model of a link. If youwant to use an overlay, ask yourself wether the user might want to open that linkin a new, dedicated tab. If the answer is “no”, you can consider an overlay.System CriticalA good time to use an overlay is when you need system critical feedback from a user(which shouldn!t be that often ). This might be the case when, for instance, you have tologin to access certain information.The window used for “System Critical message” need be very different from website/application Look&Feel and understand immediately is an guest element into themonitor. 8
  • 9. Apple site use Floating windowfor picture-zoom or detailsdescription. All the float windowsshow a clear CLOSE Action anda BLACK SHADOW for explainhis OVER positionIn this sample the CRITICALWINDOW show a completelydifferent look&Feel from thewebsiteFacebook add the Black-Transparent border for indicatethe CRITICAL windows. 9
  • 10. Drop Down MenuMimic OS behaviorWhen you are implementing a drop down menu in your site, it is best to completely copyoperating system behavior.Beware of Hiding Underlying ContentBy nature drop down menus, when active, covers other content. Take care of how longa menu is and what it is covering when open.Consistent NamingLike breadcrumbs and tabs, take care that you name your menu items and pagesconsistently.Never NestAvoid nested menus at all cost. They are hard to navigate through, especially on theweb. If you must, stick to two layers of menus.Navigable Drop Drop MenuIn the latest years a new trend of menu is create Navigable menu. When the drop boxopen, the site propose at the User quick map of section/options sometime integratedwith description or interaction. 10
  • 11. NetworkSolution use a NavigableDrop Down Menu.Digg site sample. In this case is aperfect use of ConsistentNamingSAAB use a visual Navigablemenu with thumbnails on TOPVW use a vertical drop-list menu 11
  • 12. ScrollNever Horizontal ScrollIn the Western world we read from left to right, top to bottom.Because of this, scrolling horizontally is not easy. Take care that your users screenresolution is wide enough for your site.Stick to Operating System DefaultsStyling your scrollbar should be avoided. A user will recognize his system defaultscrollbar much quicker than a styled scrollbar.Hide Scrollbar When NecessaryWhen a scrollbar is not needed, hide it. Seeing a scrollbar when there is nothing toscroll will confuse users.Avoid Nested Scroll-barsScroll-bars within a page should be avoided. The only real excuse to use this is whenscrolling the entire page is not preferable and the focus should remain at the topStrategies: Freehand scroll to Driven ScrollOpted for divide the content in more Slides or step when possible and leave theFreeHand Scroll and use a driven Scroll. A good sample of this case are the Carouselmode. FORD use a Driven Scroll method in his COMPARE Tool Globo use a Driven Scroll with 3 main button. Apple use a drive scroll mixed with a freehand scroll method for a product carousel 12
  • 13. IconsIcons versus LabelsThe problems with icons are that when they don!t work, they really don!t work. Labels onthe other hand, are much less likely to confuse, even if they are bad. Icons are alsomuch more labour intensive to create. A picture is also much more ambiguous than aword and pictures can mean different things in different cultures, so take care whenusing icons.Stick to a FamilyIf you use icons, stick to a family. Line them all up and ask yourself wether they could berelated. It is not just the colors of icons that make them look alike, but also their shape,light reflection and texture.Icon with Text: Storytelling ButtonUse an Icon with text to better explain the action of the link. Translate virtually what theicon should say so that they can read it and understand. A set of the Tango icon library, with strict guidelines. In this case 3 button used with Icon 13
  • 14. ContentTitleHierarchy ImportantDo the squint test and if your titles are not easily identifiable, take another look at yourtext hierarchy. Your titles should be strong. The use of Serifs and or less legible fontsare acceptable in titles. This speaks for itself, but keep a title close to the top of thepage. Make it one of the first things you see after the top navigation. !"#$%&"#(")#*$ +#,(-). ?*C"1%>--, /0*)1#(2)% 3"4*5.-1 3789:;<= 7,-4)#.#$( 6-",1#$-. 35.)*D-%>--, ?@&A/ !"4B-)01"C- /5((-.)#*$ >;;89< Here a sample from Strategies Driven Marketing Wireframe to Final Design Layout 14
  • 15. Splash ScreenObviousThis should be easy for everybody: stay away from splash screens at all times. The userwants content, not a welcome message. I can!t think of any justifiable reason to use asplash screen.Body TextText LengthWriting for the web is a whole different thing than writing for print. The discussion aboutthe differences between print and screen has been going on since the computer screenwas invented but one thing that is sure is that users want smaller pieces of text. Theyhardly ever read an entire page, instead, they scan for keywords.LeadingAs with print design, take a look at your leading. This is more tricky than it sounds buttry to find the right balance. A good starting point would be 12px leading or more for afont size of 10px.WidthThis is one area where print is vastly different from screen, on a computer it is nevercertain what the size is of the screen of the user. This poses a problem for the width of apiece of text. I would suggest a length of between 12 and 16 words per line anda fixed text width layout.FontsMarket PenetrationAnother area where print and screen differs immensely is fonts.In order for your page to display correctly, take a look at the market penetration of fonts.Sure bets are Tahoma, Arial and Verdana (both designed especially for on-screenusage), both with more than 90% availability on OS X and Windows.New trend and new font deviceAnother font set used most everyday is the set: “Lucida Sans Unicode, Lucida Grande,sans-serif”Serif versus SansSerifs are far better for print reading than Sans Serifs. This all has to do with how yourscreen displays fonts. Recently there have been Serif fonts designed for screen use,most notably Georgia. 15
  • 16. VideoNewThe massive increase in bandwidth has made delivering video content online a muchmore viable option but video on the web is relatively new, leaving much room for errors,also making it very interesting for usability folks to keep an eye on.Usage ContextWhen using video online make sure it is actually the right solution. Take a critical look atyour message and ask yourself wether it is actually delivered best through video. Usersget distracted much faster online than in a different context and lengthy boring videoswon!t attract many users.Delivering FormatFor delivering video content online I would recommend using Flash. In addition to beingcross platform Flash has a very high market penetration. Adobe statistics state thatFlash 9 penetration in December 2007 is 95.7% in mature markets, making it a perfecttool for delivering video content.Now, with the mobile device penetration and diffusion of new standard video formatH264 (video codec name), the most supported format is the MP4, playable from anymobile device, computer, consoles and Flash Player too.DistractingWatching a video is an activity that differs from other web activities in the sense that itrequires you to keep looking, without pausing, and also (in most cases) keep listening.When you are simply reading or scanning an article you can look away to do somethingelse, with video this is not the case. If you want users to be focussed on your videomake sure that there are minimal distractions.Auto-play or Not?Sites handle this issue differently. I would suggest to you to let a movie preload but tonot let it play, this gives the user the freedom to decide wether they want to start playinga clip.ControlsOnce again, stick to what is commonly used. Make sure the user can see how far thevideo has loaded and how far it has played. 16
  • 17. Call2ActionDrive the UserThe Call2Action are special buttons linked to drive the user into specific site section,specific tool or play specific action.Usually Call2Action buttons are used by Marketing-Drive navigation approach or helpuser into complex interface to identify the right and more correct action to do.Design esthetic rulesThe Call2Action follow specific design-style rules:1. The Call2Action are NOT PART of main interface navigation of website2. The Call2Action need the same design style in all over the site3. The Call2Action will be placed OVER the website design page4. The Call2Action can have the same design style maybe can change on colors and shape for create a hierarchy.5. The Call2Action need have margin around for an easy visual identification6. Use short and clear Label-TextUse Call2Action when neededThe use of Call2Action is the same as a Promotional banner in the supermarket, it willbe placed in the right spot at the right time.For example, usually the driven marketing rules, a supermarkets seeks to:1. Place Promotional offer between the lines when the people need to make choices in what line going2. Place the Price Promotion close or in the begin of the same product sector line3. Place the most expensive and not primary products in the center / eye-level-height of shelves.4. Place the optional products before the cashier where the people wait in the line 17
  • 18. Sample of Hierarchy Call2ActionSample of site PrimaryCall2Action: Search an Artist...Sample of good use of MarginGood use of short auto-talk labeltextAn other sample of use the textlabeling into Call2Action buttons 18
  • 19. Form & Search UIBe easyFocus of any input Form is to make it easier for the customer. The Form Filling is alwaysa not liked action to do in website because very often is slow and long-action, boringand sometime complex.In some case a good method is to split the registration Form in more depth level and becompleted in different time.Auto-suggest input boxUse auto-suggest input box in your Form where the empty status specific the type andthe format of content need to be inputed.Typography, grid and AlignmentMake the Form alignment perfect in any part for a better clean reading andunderstanding with large typography use. The Form need be thinked for be used in anykind of device and Human-Computer interface (Mouse, Touchscreen, Remote Control,etc..)Interactive Tool for complex selectionMake easy complex selection like as Calendar-data input with a pre-build graphicalcalendar.Evidence of wrong inputBe sure to explain to the user where the input data is wrong and why it is wrong.Search boxwhenever possible filter the search action data before displaying the results if queryinginto a large database.Live search with suggestionUse live search in your site and offer a suggestion link result list without performing thesearch with a Click in a button or pressing Enter.Offer the result organized and grouped in category. 19
  • 20. Use suggestion text into the Inputbox Form and pre-inputed menutool for have less wrong input.Make always easy and sequentialinput box and linear gridIndicate where is the wrong inputand why it is wrongUse interactive tool for simplyselections like as Data selection.Filter and segment the searchbefore do the actionUse a live search in the sitewhere is possible for suggest linkresult organized into category 20
  • 21. E-CommerceProducts always visible and protagonistThe product being sold will be always the protagonist within the page and into the orderform box and / or row. The product picture selected will be visible from selection (start ofprocess) to the “Order confirm” (end of process).Price clear and not hiddenEvery time we talk of money in our web site it will be easy to identify, clear in thegraphics style and managed with a right margin around it, preferable on whitebackground.Cart and shopping tool-link always visibleAlways make the item visible, including a picture, If the user has an item in their cartmake it easily viewable and apparent that there is an item you have or are going topurchase. This should be easily identifiable from any page within the site that you haveitems pending sale.Clear Workflow steps and statusExplain the steps of the order process by use of easily understood and identifiablegraphics for the customer. Also make sure to identify where the user is in the orderstage. ( Sign-In, Billing & Shipping, Payment, successful order etc..) Good sample of process order steps Good sample of “always visible product” Good sample of Customer Online Assistance 21
  • 22. Good workflow processSite ArchitectureRulesUse easy to understand tools and symbols when designing your sites architecture map,Notepad, Word or Pages are an excellent example of easy to use and universal toolsthat are capable of doing this.Organize your site map for Logical aggregation content not for driven marketing rules.Indicate which is the main navigation site and the link of specific pages placed in theFooter like as “Privacy Terms, Credits, etc..). The links present in the Footer aren!t partof main navigation.Not include in your site map architecture the physical content, paragraph page organization or other kindof not navigation node.Grouping and HierarchyWhere possible create logical group for the content with a hierarchical structure. Forexample: Vehicles > Car > Car ModelCreate a multilevel knowledge navigationYour target is to give the user what they want when and where it is needed in the rightplace.For this you need to create a navigation for the content, details will be accessible intodepth and details only when the user wants it.Main menuA good rules when you project your website is create 4/5 main label and not moreNavigation and Marketing needs. Don!t confuse itPlease don’t confuse the Logical needs with with Marketing needs. They are not thesame end result and may not have the same formula for solving the issue.Divide the menu label in logical box content for create e channelization.The right dress for the right momentMost important is fit the content into a design style exactly to the situation and contenttype. For example, when you sell online a physical products and talking about his visualhighlight, show them and don!t describe with text.Is most important understand when the content need to be fit with “sport-wear” or with“Smoking” / “Gala!-Wear”. 22
  • 23. •Home •Overview •Pack #1 • Specific • Gallery •Pack #2 • Specific • Gallery •Pack #3 For Designer don!t use complex site map but easy and linear site map A Good solution for the menu grouping.Apple use different template and page design approach Into Technical Specs the page is more textualby the type of content. In this case where we talk the orientedhighlights of products the page offer big image just fortake the attention of users 23
  • 24. Focus & Goal for each pageStepsIdentify which are the focus and goal of each page, create a priority list.Producing a preliminary macro-area wireframe for identify not the content type but theMarketing navigation, next producing a detailed wireframe and only after proceed tocreate the graphic designHierarchy and Marketing Driven NavigationCreate a “Story-telling” in each page using hierarchy of information, space and colorand drive the user into a specific page approach and reading.Cross-eye checkCrossing eyes technics is good for understand immediately if the hierarchy andmarketing area working correctly. The blurred image help you understand where the eyemoving into the reading page ... observe the page design to understand if the hierarchy ... 24
  • 25. Design processThe wire frame should be:1. Marketing-Driven where you focus on driving the users attention to for the object being displayed or sold.2. Content Grid and Logical navigation, where we define the content type, space, rules, compartment and functions.The wire frame is really important because it helps you and your client to focus onfunctionality and content of the project.Style and Design ApplicationAdd the graphic design and the style to the page only when you finish the completewireframe of website because it help you to have a clear list of GOALs of each pageand a global vision of project.Dont Make it ComplexThe wire frame needs to be completed with all content and functionality accounted for.Simplify the navigation, make it easy to use, understand and see using good graphicaldesign.Always show the product being featured or sold. Images sell, great Images willtalk for you.Especially in the home page or main product page, use a solid visual image with subphotos of the product when applicable. If the item being sold is not, or does not have aphysical presence, you must make an icon or symbol to represent the item featured.You need to make visible to the consumer what might not be physically visible.Adobe create virtual box for represent his products Adobe too represent his software with Icons 25
  • 26. Draw your wireframe sketch pageand identify the compartment Identify functionality and site Design any page a take a global workflow vision for have an optimization If you prefere you can work with a paper wireframe and compose your page In the left a Marketing-Drive Wireframe. Only after have a perfect and complete navigation wireframe moving to create the graphic Design 26
  • 27. Interactive Object LabelingCall2ActionThe “Call2Action” buttons are special Marketing-Driven link into the page. Usually thiselement force the user navigation into specific section, page or action.WebmercialAre call “Webmercial” the main spotlight banner placed into homepage where push andpromote specific section and/or products of website.Usually webmercial are animated flash or video elements with interaction and soundFX.CarouselCarousel are interactive object focused on rotate in circular picture, banner or otheradvertising message with and without the user interaction.WidgetsThe widgets are sharable page object with a specific function. For example offer News/Rss, Reserved area access, List about most popular posts, Stock market data, Tools,etc.. The Widget into a web project don!t change their look but change only theirposition.SidebarIs considerate “Sidebar” the opposite columns or row to the main content area, whereplace filter and category, widgets and other element can help the user into mainnavigation.HeaderThe web site Header is the area we we usually place the following:1. Site logo2. Main navigation menu3. Secondary Navigation Menu4. Site function button always present in each page5. Login,SignUp action6. Search toolFooterIs considerate “Footer” the end of page where are placed usually:- Quick Site map- Site Credits, Privacy, terms of use- Contact Information 27
  • 28. Interactive Generic rulesAttract, Interact, ReactThis is the main rule of any interactive project. The interactive process is created whenwe have 3 status time:1. Attract: take the attention of the user in 1 second and move him to clicking or interact.2. Interact: begin to exchange information and push your message in 2 seconds3. React: at the end of interaction, make your next action (like as a chess game ) to maintain the user connection in 3 seconds.In this case Apple!s site the first All the site inside moving from The scope of each page ispage work with an image driven an image-driven navigation at moving to the Apple Store andfor Attract the top to contextual text in the finalize the workflow. React depth InteractEasy, Easy and CleanThe complexity is only a limit of the designer. The easier the interactive approach theeasier it will be to convert your site goals.Form equal FunctionThe first rule of each designer in the world: the form is equal to the function that formrequire to do. 28
  • 29. UI Finger drivenScreen sizeDimensionYour application should encourage people to interact with device from any side and sizeby providing a great experience in all orientations. The reason is that people don!t viewthe device as having a default orientation, because they don!t pay much attention to theminimal device frame and they!re unconcerned with the location of the “Home button”.Consider Multifinger GesturesThe large device screen provides great scope for multifinger gestures, includinggestures made by more than one person.Reduce Full-Screen TransitionsInstead of swapping in a whole new screen when some embedded informationchanges, update only the areas of the user interface that need it. When you performfewer full-screen transitions, your application has greater visual stability, which helpspeople keep track of where they are in their task. 29
  • 30. Organic InterfaceHuman Kind approachThat!s the most important rule for any UI Designer and Architect. The general dynamicof this argument is “the Interface change his aspect and complexity proportional tothe evolving of User knowledge about the interface”.The perfect interface is when it will be customized for each user and evolving in the timefor follow the user experience. The user found around him only he need.Some sampleThe low of Organic Interface is study from many years into digital business. Forexample from many years in many Microsoft desktop application like as Office Suite andrecently into Adobe Suite, in the application menu, some option are hidden and theapplication show you only the main action (some time the most used) at first look. Theuser can ask to show all option available only on demand.Thanks to progress of technology the Apple iPhone realize the vision of many years agowhen the UI Designer understand about the future of UI start from physical products,where the interface will be change.The iPhone represent the best application of Organic Design. At the begin to the useroffer only 1 option: “The start Button”. After it show him some other option (applications).His Human Interface is great because can change basing the use you want do of device(phone-call, gaming, messaging, etc..) 30
  • 31. 2010-2011UI Tipsintegration
  • 32. Last thing...Beauty equal orderWhat!s the beauty? Why the beauty is a personal question sometime?From many century before christ, was very famous in old civilization the cult of “Godnumber” call too “Phi”.The old civilization think existing a natural rapport in any animal or vegetal life in thehearth can explain the proportion of his form, because is a natural trend of any smallelement of life try to organize him-self with other element and found a balance together.The human too, decode what they see basing on personal culture and knowledge and ifwhat they see have a good order they define it, beauty.When we design web, graphics, anything else is the order of the element we placecreate a great thing,For this reason the order and our capacity the organize the element to a specific scope,from the site architect to the design style is the right step of success. Web-design Usability Suggestion Created by Mirco Pasqualini Contact email: mircopasqualini@me.com Skype: mircostudio LinkedIn: http://www.linkedin.com/in/mircopasqualini Versione 1.2 31

×