 i was lucky enough to have my company pay for myself and my two colleagues brad and adrian to go to an event apart chicago like my an event apart boston summary i thought i would create a similar post this is going to end up being a really long post so i would recommend reading it in pieces or skimming i am going to split it up into two pages so that the page does not get even more ridiculously long so be sure to go on to the next page after reading the first one understanding web design jeffrey zeldman zeldman is such an amazing speaker and web evangelist he first begins by asking the question what does a web designer need most css php ruby on rails nope empathy ok he joked that we need advil too he described this more by showing a screenshot of the old realplayer site and labeling everything that looked like a link the truth was not that many of them were actually links the web designer for realplayer has to respond to two different internal strategies help a user find the free player and sell the free player those two strategies are basically competing and fight against each other as zeldman says its rough out there for a web designer the key to good design is that the user needs to be able to use the website with a short learning curve like steve krug says dont make me think he uses another site consumer search as an example take a look at the site doesnt it look like a phishing website we have no clue what this site actually does college what for another hard part of being a web designer is the lack of good education programs for the field just because someone can learn how to use photoshop it does not mean they are a designer teaching excel is not the same as teaching business after reviewing all of the data from the 2007 web design survey zeldman wonders if education is even relevant 47% of people surveyed said that what they studied in college was unrelated to what they do today i cant remember how i responded but very little of what i learned in college do i use today they also determined that as income increases relevance decreases this actually makes sense since the more money you make the longer you have been out of college technology changes fast no respect think about when you meet someone who says they are an architect or surgeon you are usually pretty impressed with the person but think about when people meet web designers they think that they just play on the internet no respect but did we bring this onto ourselves there is no standardization of titles no standardization of departmental organization and not that much money in the web field in search of excellence another problem with the perception of the web i that non web people dont understand it all they here in the news is how important facebooks redesign is how myspace is adding music to profiles how much money some startup got and other crap like that is that really whats important so fine maybe they so all these sites that claim they have won awards take the coca cola site really award winning some kind of rainbow exploding from a bottle go ahead and disable javascript and try to visit the site yeah you cant get past the first page award winning note the sarcasm web design is different the web is different than print design comparing illustration to web sites it just wrong people spend time on normal web sites usually their bank insurance news etc sites nobody spends time on the coca cola website good design is invisible good web design is about the character of the content not the character of the designer nobody comes to your site to see your awesome stock photo they come for the words 12 tips to empathetic web design start with the user your passion know yourself know what your limitations are find the right clients job during initial client meetings shows your true personality if the clients dont like it tell them to take a hike sell ideas not pixels saying i dont know is okay just tell them youll find out later build trust show that you really care about the project ask questions bring out the big guns reference articles by experts when necessary it gives clients reassurance create a paper trail always be able to refer back to something never underprice your work say no to spec say no to rush jobs lack of planning on your part does not constitute an emergency on my part end with the user your passion man zeldman is awesome im glad that hes on our side debug reboot eric meyer this was one of the more technical talks of the conference and it was a good one eric first started by showing a code snippet pa href= a p pimg src= alt= title= p yep perfectly valid according to a validator validators cant tell you everything this is why good web development will never be able to be completely done by machines but validators really are just tools for us to use to make sure we are doing things correcty debug css i had previously read erics article about diagnostic styling but i guess i didnt really think too much about using it this could definitely be useful when creating pages but it is definitely not for production use it can easily be added as a user stylesheet using the web developer toolbar a couple of new css things that i learned were the empty and not pseudo selectors the empty pseudo selector will select elements that do not have any nodes as children text included so it could be useful to use on some content management systems that generate a lot of extra empty elements here is an example of hiding all empty paragraphs p empty display none the not pseudo selector will select elements that are not something to better explain that here is an example of giving a border to all images that do not have an alt attribute defined img not alt border 2px solid red with debug css there are some times when you style all of a type of element then override the style for the elements that have what you are looking for this example should explain it a little better th border 1px solid red th scope= col th scope= row border none so what is happening here is that you are styling all table header cells with a red border then table header cells that have a scope attribute will have no border which accomplishes the goal of giving all table header cells without a scope attribute of col or row a red border the important thing about erics debug css is that you should modify it to fit your situation eric is just creating this to show an example of what is possible not to be the only solution so get creative another point that eric made when debugging css was to use the outline property instead of a border since borders affect the layout of elements they can sometimes change the layout of the page but outlines do not affect the layout which i didnt realize until now reboot css not reset eric then went on to talk about his infamous reset stylesheet the main point of this part of erics discussion was that you should not just drop in his reset stylesheet if there is an more effective way to accomplish the same thing for example dont set the ol and ul list style equal to none if you are just going to redefine it later to have a list style instead turn the reset into a baseline modify the reset stylesheet to suit your project dont use his reset stylesheet without modifying anything dont reset then re style reboot instead eric reinforced this point by saying he did not like the use of css frameworks he thinks everyone should create their own framework he said that once you get into someone elses framework and try to modify their code you have to change the way that you think about coding and try to think like the person who created the framework he also thinks that they end up being bloated his reset css has evolved over time after just thinking about the concept more for example he changed it so that it does not use font inherit because of lack of support in ie he also stopped using generated content to add quotes to the quote and blockquote elements he compared relying on a browser to generate content to relying on a browser to have javascript enabled there are still some browsers that do not support generated content and if the quotes are important enough they should be in the actual content storytelling by design jason santa maria jason has been one of my favorite designers for a while now with his recently redesigned site he has reaffirmed how great of a designer he is as a child we are taught to look for the meaning from images in stories this is called graphic resonance images are used to reinforce the story remember the saying a picture can tell a thousands words yeah thats what he was talking about designers need to consider themselves as the narrator the first example that jason gave was of charles joseph minards map of napoleons march this information could have easily been represented as a bar graph but charles map has much more impact seeing how napoleons troops dwindle in size really help us to visualize the magnitude of what happened the second example jason gave was the article in wired magazine the sleazy life and nasty death of russias spam king he showed the spread from the actual printed magazine and they really captured the feeling of the article but then he showed how the article was translated onto the web and it was quite boring basically weve distilled the stories down to just content we all know that content is king but that doesnt mean we cant enhance the content and tell a story with images as david carson said design cant not communicate jasons own site is an incredible example of telling a story with each blog entry jason is basically art directing each article on its own why are we plagued by sameness there is so much of the web today that is so similar logos look the same sites all have similar layouts web designers complain that they are restricted by the browser but is that really the reason why everything is similar there are plenty of sites that really break from the mold no one belongs here more than you a brief message fray and jasons site just to name a few armin vit recently inquired landmark web sites where art thou well a simple reason is because the web really is young now is when we are going to start seeing landmark websites there are still advancements to be made and still new stuff to figure out there isnt only one way to present information jason realized that when designing you always start from a blank slate whether its a piece of paper or a blank photoshop canvas the nature of the medium jason then went on to describe four common principles of the web the metaphorical page ubiquity wysiwyg collections of pages layout the metaphorical page if we take a look back in history the canvas that designers has changed drastically from stone to paper to digital canvases but still it is all starting from a blank slate the web is the one place that is basically infinite its fluid most of the web runs on a single fixed dimension width its not like we are given a 8 x10 book cover to design the web really has no finite value jason gave the example of ladislav sutnar who created the two page spread ladislav probably could not fit everything on one page so he decided to break the convention and spread it across two pages if you have new problems look for new solutions ubiquity wysiwyg another reason why the web is so different is because we have no idea what kind of device people will be looking at websites on with a printed newspaper there is only one way to look at it with advancing technology people can visit websites online on an iphone screen reader and more when people click something on a website things can happen the web is an experience collections of pages with a book you can flip to the last page and see what you have ahead of you with websites there is no real way to grasp the depth take a look at harpers magazines archive sure you can grasp that there are 158 years and 12 months per year but there are tons of articles per month you cannot ever grasp how large the site is without clicking into every article by the time you finished with that there would probably be new articles layout most people have probably heard of the golden ratio and the rule of thirds but again since the web can be viewed on so many different devices they do not always apply design ideals rely on predictable dimensions but on the web we cant predict what dimension that will be conclusion as jason summed it up he said that design for the web has been chiefly driven forward by the technology rather than the message the form of design should be driven by the story so the question is how do you stand out from all the other crap online design criteria actionable ideas sarah nelson i had never heard of sarah nelson before and i was a little worried because she was presenting right before lunch it ended up being a great presentation and she had me captivated the entire time what are design criteria design criteria are a set of 5 7 short memorable strategic directives your team can use to focus design activities and unlike project goals success metrics brand statements universal design principles or mission statements design criteria emphasize specific rules your team will follow when tackling the problem at hand instead of looking at design criteria as a constraint we should look at them as freedom they help us generate ideas evaluate ideas make decisions and move forward here are a few examples of familiar constraints that sarah gave budget time people information media resources sarah also gave an example of some constraining tools mission statements brand guidelines personas demographics design principles best practices these tools are used to help designers to focus their designs if design constraints are defined well at the beginning of a project it makes creating the actual design much easier im sure everyone has heard of the term think outside the box well sarah said that before you can think outside the box you have to know and define the box the problem is we dont work alone so we cannot define the box ourselves once we all understand the box we can use that as a platform to generate ideas and figure out which ideas are the most actionable the creative process the creative process is comprised of divergence and convergence approaches which each have a very distinct way of thinking divergence you use a divergent approach when you are trying to discover new things this is the process where there is no wrong answer and you are really just in discovery mode this is comprised of research activities the next step is to determine what is actionable and find the solution convergence this is when you are seeking a conclusion you are examining the actionable ideas and solving the problem the point of design is to solve a problem i found sarahs talk to be very interesting as i have never been formally trained in graphic design it is important for me to understand the process on the spot usability reviews robert hoekman jr instead of having a formal presentation robert took websites suggested from the crowd and did a usability review the 3 most important things when determining the usability of a site is the purpose benefit and usage before creating a site we must determine what a person would want to find when using large branding images on a site they should be considered billboards on a highway do they convey the message when driven by at 60 mph to help this less and more concise text is preferable do the images help to tell the story of the content when you have a form with many steps there should be some sort of progress meter to let the user know what they are up against if you can avoid them select menus on forms are generally bad for usability out of sight out of mind when creating calls to actions people generally do better when they think about doing instead of structure so when things are organized by task instead of object users succeed more 5 second usability test this is a similar idea to the billboard example it is a quick and easy way to determine the usability of a page robert suggests the following steps take a page and show it to someone for 5 seconds take it away and ask them to write down everything they remember about the page one of the things they write down should be the most important thing that you want them to do if the user does not list the most important thing you are trying to convey on the page then you are in trouble and should re evaluate the page an easy way to do this is to use the website five second test robert created a test and had everyone take the test one interesting thing about it was that he twittered the link twitter is such a simple tool and it was perfect for this situation designing the details web app ui design beyond the basics jason fried the basis of jasons talk was the idea of craftsmanship he started with the comparison of an ikea desk to a desk made by a craftsman sure the ikea desk is perfectly usable but it feels a little cheap the desk made by the craftsman is sturdy and solid so if we just add a little bit of craftsmanship to our design we can vastly improve them weak normal strong on the web there is normal text and emphasized strong text but there is no de emphasized element so how do we de emphasize using design of course for example instead of making everything emphasized de emphasize something by giving it a lighter color most people focus on the normal and emphasized text but not enough focus on the weak jason then went through some of the 37 signals applications to show us examples think about the flow anticipate the next action jason discussed how the functionality of iprioritize and ta da list were very similar but ta da list thinks about what the user wants to do next ta da list takes less clicks and streamlines the process of using the application you should consider the before during and next actions of the application flow if a user goes to a page with a form on it focus the first form field so they dont have to click anywhere you should always focus the users attention on the next thing you think they want to do the details its amazing how much little details can make a difference designers should consider words as important as pixels copywriting is an integral part of interface design for example if you are doing a search for contacts and only 1 contact is returned say that 1 contact was found if 10 were found say that 10 contact were found just one simple letter all it takes is a little bit of extra coding write in your applications like you talk for example use the phrase who can see this person instead of permissions always be clear over clever instead of advanced search use search by city state country zip phone or email think about how you would say something in real conversation make it more human like label the button save this item instead of save item when developing an application you definitely do not want to spent too much time at the beginning on these small details the flow and functionality should be established then work on the fine details jason said at 37 signals they use sharpies instead of pencils when sketching at the beginning of the process when you have to explain something like instructions for a form use 3 sentences the sentences should be structured as follows explain what is going to happen give an example provide a suggestion recommendation timing is everything if you have a drop down menu allow for a mistake when hovering if the hover off of it for a second then hover back over it dont make the menu disappear have a photographic memory if someone is entering a lot of items in a row remember the settings from the last time they entered it it is most likely that they will want to have the same preferences checked give the user feedback on that just happened gracefully fade something out instead of quickly hiding it give a slight flash of yellow before fading back to white give the user an update in words so that they know what happened not everything needs to be equally obvious there are two different users regular users and power users you do not need to make advanced tasks obvious for everyone as long as regular users can accomplish the same task through a different path its not a problem for example not many people know that in backpack you can drag items to the sidebar to create a new page there is a lot of planning you can do for an application but you never know if a product is going to be any good until you actually use it so like the popular saying eat your own dogfood underpants over my trousers andy clarke i had never heard andy talk but i loved his book transcending css his talk was a little contradictory to what most of the experts say but i thought it was great his talk was centered around the thought that we can gain inspiration for designing from comic books every time you pick up a new comic book you have to learn how to read it taking the inverse of steve krugs dont make me think mentality andy suggests that we should engage the user and make them think obviously he is not suggesting that we make things hard to understand he just thinks that we can create much more interesting and compelling layouts andy recommends that you stick to a grid and be uniform but then break out to enforce a specific dramatic message what goes on between the panels is just as important as what happens in them comics make the user be creative and fill in the story between the panels he recommended reading scot mcclouds understanding comic books to understand a lot of techniques that are used in comic books not everyone visits your website be going to the homepage first just as not everyone starts reading a comic from the beginning of the series make all of your pages unique dont get stuck in a template andys talk was definitely more inspirational than anything it was quite interesting to see the examples of comics and examining the way that they flow from panel to panel special adobe session web workflow with the adobe creative suite adam pratt this was a different kind of session more like a sponsor session but it was interesting to see some of the new stuff in creative suite 4 adam popped open the different applications and gave us a quick overview of the new stuff first off adam said that flash is on 98% of devices not just computers phones as well probably on of the most anticipated features in photoshop is the content aware scaling basically you can cram more parts of the photo into a smaller area without squishing or stretching it i also noticed that photoshop added the tabbed interface that a lot of the other adobe applications already had flash can run natively in all cs4 application so that means you can run things like adobe kuler in photoshop to get color scheme ideas you can also get real time screen sharing with up to 2 people as long as one person has cs4 the others just need flash and an internet connection you can give control to the others that do not have cs4 you can see everything on the computer not just cs4 applications you can drop a psd in dreamweaver and when the psd changes you can update the image in dreamweaver with just the click of a button when you open a file in dreamweaver it also pulls in all css and js that are being called on the page in its live code mode it is now running webkit you can freeze javascript and use the code navigation to see where the styles come from now if cs4 werent so damn expensive thatd be great continue to page 2 eric meyer live code workshop eric gave attendees the opportunity to submit css problems they were having and he would go through and help them fix it i didnt have any unresolved issues so i just enjoyed listening to what eric had to say nothing groundbreaking but there are a few points that i took away one thing that i guess i dont really think about is setting a background color on the body element if the design calls for white if a browser changed their default background color then the design could drastically change there has been some talk recently about using absolute font sizes since a lot of the newer browsers have full page zoom functionality i have actually decided the switch to use absolute font sizes and to soft serve relative sizes to ie6 eric suggested to use an absolute font size as the base size and then relative sizes from there on out im not sure if i agree with that though because you may not want all font sizes to be affected by changing the base size there are a couple of ways to contain floats float the container or assign the container a property of overflow with a value of hidden or auto using the overflow property feels a little bit like a hack but it gets the job done im not really clear on why this actually contains the float and i wonder if browsers will break this functionality at any point surprising as it may be eric even advocated using a table for laying out a form although i really do prefer using an ordered list for laying out forms someone even asked if eric knew a way to remove the yellow background on form fields that the google toolbar automatically adds to fields it knows how to fill in he came to the conclusion that you could probably remove it with javascript but it could destroy any focus background color that a user could have setup also if the user has the google toolbar installed then that probably means they may use the ability to automatically fill in the forms design lessons in chess rob weychert who would have thought that you could learn design lessons from learning chess well rob weychert did of course and he shared his lessons with us first he started with a couple of basic correlations between chess and web design chronology chess involves playing the beginning middle and end game web design has a similar chronology information architecture visual design and the site build out just as you need to research your opponent before playing them you need to do research to begin any project opponents in chess you are only playing one opponent but when working on a website you are typically facing three opponents the users the client and your colleagues you want to limit the userss options on the web site and help them focus on the task at hand with the client you want to work together with them to reach the goal of the web site it is important to surround yourself with colleagues that will challenge you collaborating and challenging each other is the best way to grow in this industry the lessons rob then went on to describe the 8 lessons that he learned from playing chess 1 content is king we have all heard it before but sometimes it is easy to lose sight of this in chess the game is decided on the king it is easy to get so focused on the king that you forget about the rest of the pieces sometimes we are so wrapped up in ajax jquery photoshop etc that we forget that the foundation of a website is its content yes the other stuff is important but the content is what needs to be served so use your design to enhance the content 2 know your story rob gave us the example of project that needed to be like a newspaper from a specific time period so what did rob do he researched the project by looking at old newspaper ads then to top it off he used a typeface that really existed in the era 3 think ahead the web is constantly changing and there are many ways for users to receive the content it is not like a static medium like newspapers or books you must plan for content to change and grow 4 dont get too attached while you think you may have come up with a great idea keep looking the changes are that you will probably come up with a better idea 5 act with purpose famous chess player siegbert tarrasch said one badly placed piece makes your whole position bad what rob took from this was that we should be able to justify every one of the decisions we make he broke down his slide design and gave reasoning behind every single one of his decisions 6 obey circumstance dont put the solution before the problem and rely on your old bag of tricks each problem should come with its own solution 7 principles are your friends except when theyre not principles are great to provide a foundation for a project the best place to be is in the middle ground you want to understand the principles but understand with experience how to break them ralph waldo emerson said the man who knows how will always have a job the man who also knows why will always be his boss 8 the journey is as important as the goal in order to succeed you need to have failures you should learn something from every project whether you fail or succeed with this knowledge you should be able to use a process of elimination to become successful implementing design bulletproof a z dan cederholm derek powazek was actually scheduled to talk but he was unable to attend so dan cederholm stepped in i enjoyed dans talk last year at an event apart and he definitely did not disappoint this year dans entire talk focused around the idea of craftsmanship in implementation he wanted to take a look at ideas for bulletproofness progressive enrichment basically really cool stuff that doesnt work in ie and reexamining past methods to show these ideas dan created a website called iced or hot and decided to come up with something for every letter of the alphabet a anchor links with meta information on the right hand side of iced or hot there is a list of popular drinks dan decided to include the number of drinks within the anchor tag instead of absolutely positioning the number of drinks within the anchor and risk overlap with a really long drink name dan just floated the number of drinks to avoid collision b border radius while css3 is still not officially implemented in all browsers there are some browsers that are offering vendor specific properties webkit border radius moz border radius to achieve css3 properties so if you want to add rounded corners to something and do not want to deal with slicing all those images then just use border radius it degrades fine and most of the time rounded corners are kind of like an added bonus this could also be useful when prototyping before slicing the real images if the corners are necessary in all browsers dan used these properties in a few places on iced or hot c color transparency with rgba browsers are starting to implement the opacity property or a vendor specific version but the problem with opacity is that it is applied to all of the elements children when you apply rgba to an element it will not affect its children the one downside to rgba is that it does not look like you can use hex values anymore which are probably the more commonly used and easier to remember values you would apply a 7 transparent black background like so background color rgba 0 0 0 7 again this might be something that is great for prototyping but then in implementation you would use pngs d do websites need to look exactly the same in every browser no its great to work with decision makers who get it these tiny visual enhancements that do not affect layout should not be necessary in every browser e easy clearing floats dan has been using the clearfix method of clearing but has decided that naming the class clearfix might not be the best idea instead he names the class group while the clearfix method is just one of many methods for clearing floats it looks like it will work in ie8 because it will support generated content f frameworks dan writes his own instead of using some bloated framework that someone else has written dan has created his own framework that he uses from project to project g gridlasticnus grid layout using ems we all know that grids should be used to help structure your designs but you can use an em based layout to ensure ultimate flexibility dan then gave a couple of tips when creating an em based layout set a max width on the outermost container max width 100% try to avoid setting font size and width on same element think from the outside in h horizontal grid sure vertical grid sort of when designers design comps they typically design columns to be equal and blocks of text to be the same height as an image in reality the actual content will not be the same so in order to have the appearance of a vertical grid use classed groups for the columns so that the tops of the columns can align i ie8 still refuses to resize text set in pixels wtf yes ie does have the page zoom functionality but if someone goes in and changes the text size it will not scale absolute units so do we stick with relative units i am going to use absolute units and soft serve relative units to ie j jquery it has a familiar css like syntax and is really powerful jquery is my language of choice as well k kitty dan realized that trying to come up with 26 items was really hard so he decided to show a picture of his cat l last on the iced or hot popular drinks list dan has a bottom border margin and padding on each list item on the last list item he did not want any of them so he created a class of last which zeroed out all of those properties he then used jquery to add a class of last to the last child of the list this is such an elegant solution until we get full css3 support m must skip a few letters if were going to get through this in order to save time dan skipped m r s shifting backgrounds parallax backgrounds for the lazy silverback made the parallax background popular and its pretty simple to do basically all you need to do is to position the background with a negative percentage the header of iced or hot uses a subtle parallax background t a testimonial for reset css dan found out that on the mtv com redesign he used margin 0 and padding 0 a total of 155 times if he would have just used a reset at the beginning he would have saved himself a lot of those instances u your stats you may be asked when you can drop support for a certain browser the answer should be found by looking at your statistics global statistics might be very different from your own so you have to consider those with a grain of salt the in house designer cameron moll cameron moll decided to share the lessons that he has learned working as an in house designer lesson one lets take that offline irsquom sure youve heard the phrase lets take that offline well who knew that so much of a designers time should be spent not designing khoi vinh broke down how he thought he should successfully spend his time when he was doing design and he concluded that he should spend 20% of his time doing the actual work 40% working on the publicity of the design and 40% creating relationships lesson learned create relationships that will engender trust and confidence in your work as a designer remember its 40% of your job lesson two lets take a 5 minute bio break cameron gave an example of communicating with his it department and he was asking for an email alias to be created the it department emailed him and asked what he would like it to be called cameron then responded with is dl mobile available the it department then asked the person who created the aliases to create an alias for the following address dl mobile available cameron recommended reading the anatomy of peace to understand how to deal with conflicts lesson learned great communication skills create the shortest distance between an initial idea and a successful user experience besides ita s another 40% of your job lesson three who owns that action item cameron showed us this quote from paola antonelli ideas are a dollar a pound greatness is in picking which ones you want to make happen he decided to modify it a little ideas are a dollar a pound wisdom is in picking which ones you want to make happen greatness is in making them happen you should not fall into the trap of thinking that you cannot make a difference in your organization lesson learned smallify the organization develop foster relationships with change makers not just decision makers lesson four lets not try to boil the ocean you should always present things low fidelity people get too distracted by small things that only the designer should worry about like color typography etc lesson learned bring people along in your thinking paint the big picture and then avoid the illusion of agreement by prototyping early and often remove fidelity when it isnt necessary for agreement lesson five do we have the bandwidth you should always try and build on your knowledge and capabilities cameron recommends having an annual and weekly design review they hold in house workshops and have a budget for conferences you should always be looking to improve yourself you want to establish influential relationships with as many people as possible internal departments local colleges universities vendors etc at camerons company the designers have a blog lesson learned establish the culture and environment necessary for good design to flourish lesson six were determined to leverage our synergy with this new initiative create an inspirational culture and environment the surroundings in the office should help to inspire yourself and others work from home sometime change your surroundings lesson learned uninspiring workplaces are a detriment to creativity only if you allow them to be find inspiration everywhere lesson seven i just got dilberted again lesson learned know when to exit its as simple as that the arts crafts of web design or what would william do curt cloninger i didnt know curt by name but apparently i read one of his books curt did his presentation a little differently than everyone else he actually wrote his presentation in html and linked to images when necessary curt based his presentation on william morris who helped to spearhead the english arts and crafts movement 1 stay true to nature and materials remember people this is the web there is no need to simulate physical material wood metal etc on the screen typography should be seen as a material push css typography there are a lot of text properties that are rarely used behavior should be seen as a material it should look like it does what it does interstitial animation should help to tell the story of progressing through the site 2 unite art design and hand craft everything that you touch should be great if you have to slice someone elses design do it ingeniously push the limits of possibility 3 unite the microcosmic and macrocosmic if it doesnt need to be scalable dont automate it make each section of a website different and unique 4 value utility value beauty have nothing in your house that you do not know to be useful or believe to be beautiful anyone can build a cookie cutter site with templates the added value is beauty and customization add small ornamentation to the site and show your real craftsmanship 5 enjoy work outsource or mechanize the un pleasurable but try and do as much of the entire process yourself at least once this will help you when you are trying to find someone to do that job for you 6 redesign the whole world if current goods and tools are unsatisfactory make your own life doesnt simply happen to us we produce it bruce mau designing the next generation of web apps jeffrey veen the future of the web is very bright there are web applications released every day all of the web applications revolve around entering and digesting data the future of the web is going to be creating these tools that will enable users to participate and interact with the data as designers we need to design the data so that it will be easy to digest and interact with then you should use filters to clarify the data like many of the other presenters said its easy to lose track of the fact that design is just communication so where do we get our sources of inspiration history the current state of things who users are etc jeff gave the example of john snow who was a physician in britain researching a cholera outbreak john used a map to illustrate that the source was actually a water pump and not airborne like everyone else thought inspiration should come from everywhere jeff got the inspiration for the google analytics graph from watching raiders of the lost ark visuals are most impacful than numbers statistics can feel abstract and anesthetizing making it difficult to connect with and make meaning chris jordan the designers job is to find a story in the data and to remove everything that isnt telling the story the difference between print and interactive designers is that interactive designers have to give up some control to their users people can resize their text they can change their screen size they have much more control then someone reading the newspaper jeff made three specific points about design storytelling is enabling users to discover visual cues allow for interactivity instead of editing allow for filtering jeff also recommended some books the ghost map edward tuftes books visualizing data mental models a panel apart the last session was really just an opportunity for people to ask questions to jeffrey zeldman eric meyer cameron moll and jeffrey veen it was certainly interesting to hear what they had to say about the current state of web design conclusion i absolutely loved the conference i always feel inspired when i come back to work i would certainly recommend the event apart conferences to anyone 