archive-com.com » COM » S » SVENNERBERG.COM

Total: 274

Choose link from "Titles, links and description words view":

Or switch to "Titles and links view".
  • Forms that Work | In usability we trust
    whether to put a colon at the end of the labels or not she doesn t think it s important read why I think that this way of organizing the book works very well It supports the design process presented and gives you a good understanding of what to focus on My take I found Forms that Work fun and easy to read It s filled with illustrations and real life examples which makes it easy to understand how to put the concepts into practice What I love about this book is that it s compact and succinct The authors deliberately decided to keep the book under 200 pages which I think was a very wise decision The nitpicks I have is that I found quite a few typos I also sometimes felt that the illustrations didn t quite had the quality that I d expect from a book like this That said these are only minor complaints and ones that shouldn t prevent you from reading this otherwise excellent book Conclusion This book will give you tips and guidelines that gets you started right away creating better web forms The authors back their advice up with years of designing and usability testing forms so you can feel pretty confident that they deliver good advice There s no doubt that after reading this book you will be able to design better forms I highly recommend it Book information Title Forms that Work Designing Web Forms for Usability Author Caroline Jarrett and Gerry Gaffney Publisher Morgan Kaufmann November 17 2008 Pages 199 ISBN 1 558607 10 2 ISBN 13 978 1558607101 Check out Forms that Work Designing Web Forms for Usability on Amazon com Reviews Interaction design Usability UX Previous post ListDJ song lyrics in Spotify Next post The value of a holistic view 3 Comments Caroline Jarrett April 22 2009 at 8 24 am Hi Gabriel Thanks for reviewing our book I m very pleased that you recommend it On the subject of the typos just shows that no matter how hard I tried a few still managed to creep through please let me know what errors you found I ll create an errata page that lists them And by the way the second to last word in your first paragraph should be these not theses On the subject of the illustrations it s a tough one We found that one of the hardest parts of writing the book was finding appropriate illustrations On the one hand it s not difficult to find forms that have all sorts of problems in them that s why we wrote the book On the other hand it can be surprising hard to find an example that just has a specific type of problem and isn t full of loads of other distracting errors Was your problem with all of the illustrations or just specific ones There are 226 altogether We re really pleased that you liked the organisation of the book around the

    Original URL path: http://www.svennerberg.com/2009/04/forms-that-work-book-review/ (2016-04-28)
    Open archived version from archive

  • The Design of Future Things [Book review] | In usability we trust
    have difficulty with anything complicated and don t like to listen Keep things simple Give people a conceptual model A conceptual model is fiction but a useful one Since people can t understand complicated things they need conceptual models to make them think they undestand Give reasons People like to think they understand things therefor give them pictures and diagrams that explains what s happening Just be sure that it fits the conceptual model otherwise they get confused Make people think they are in control When people think they understand what s happening they feel like they are in control They like that Continually reassure Give continual feedback so that users feel reassured that everything is working People are emotional and needs this kind of stuff Be careful though not to give to much feedback then they can get annoyed Never label human behaviour as error People don t like to do errors Treat it as a misunderstanding The last rule was not added by the machines but by Don himself I found this chapter both hilarious and brilliant It s really educational since it makes you see these topic from a whole other perspective Very refreshing Also notice how these rules map with the six rules of interactions they are merely seen from the perspective of the machine Final verdict Although this book isn t as brilliant and mind opening as The Design of Everyday Things or Emotional Design I still think that it s well worth a read It contains some grains of gold even if Don seems to repeat himself a little to much in this book In the end of the book there s also an excellent list of books if you want to dive even deeper into some of the subjects discussed in the book

    Original URL path: http://www.svennerberg.com/2009/01/the-design-of-future-things-book-review/ (2016-04-28)
    Open archived version from archive

  • Website Optimization [Book Review] | In usability we trust
    chapter I m particularly excited about is the one about how to optimize AJAX solutions It presented me with new concepts and ideas that I found really useful Web Standards Since I myself is an advocate for developing with web standards I m pleased to see that Andy also is doing it in his recommendations and techniques This is a big improvement from the last book where he recommended techniques that meant not adhering to current web standards Final verdict The broad scope of this book makes me want to recommend it for the not so specialized developer marketer designer that wants little bits of everything But on the other hand I found the Web Performance Optimization part of the book to be good enough for any web developer who wants to learn how to increase performance of his site The entire book is filled with statistics results from real life tests and references to other resources While it s always good to backup your point with data I sometimes felt that it got a bit tedious All that statistic especially in the first part of the book made the reading a bit hard All in all I still think that the book is so full of useful practical tips that it s well worth the effort of reading it Companion site There s a companion site at www websiteoptimization com with extra material and articles Website Optimization Author Andrew B King Publisher O Reilly Media Inc 1 edition July 15 2008 ISBN 0 596515 08 1 ISBN 13 978 0 596 515 08 9 Reviews Performance SEO Previous post Unobtrusive Google Maps Next post Basic operations with markers in Google Maps 3 Comments Andy King December 27 2008 at 4 29 pm Gabriel Thanks for your review of my book I m glad that you enjoyed the performance section of the book people tend to lean towards the SEM or performance section of the book based on their orientation marketer vs developer I would disagree with you on the references and statistics Although I certainly included a lot of them we actually cut them down substantially in the editing process I think that for SEO especially there is a distinct lack of research based findings and a lot of conventional wisdom I wanted to only include things that were proven to be true at least true at the time of printing by empirical tests or our experience with actual clients I ve blogged your review to that effect at http www websiteoptimization com secrets 2008 12 website optimization secrets thanks again Reply Gabriel Svennerberg December 29 2008 at 10 14 am Andy You re absolutely right I m definitely in the developer category I also think you re right about that it s important to have real world data to prove what works or whats not I m sure that if I would be into the whole SEO business I would find it to be invaluable information Overall I

    Original URL path: http://www.svennerberg.com/2008/12/website-optimization-book-review/ (2016-04-28)
    Open archived version from archive

  • First impressions of Firefox 3 | In usability we trust
    most of the time It s more easily accessed and a lot faster to use and will probably suffice in most cases New text zoom The new text zoom is zooming the whole page rather than just the text much like IE7 does Personally I prefer the old way where only the text changes size I don t know why they choose to implement it this way but in my mind I think it s a mistake I just don t see the advantage of blurred and pixelated images and forcing the user to scroll sideways Update 2008 06 27 I ve now noticed that it s possible to choose which zoom style you prefer The default is zoom of the entire page but if you choose Zoom in the View menu you can check the option Zoom Text Only and revert back to the old Text Zoom mode See image Password manager The password manager have been changed from a modal dialog to a non modal bar that appears at the top of the page not blocking the new page to display This might seem like a small change but I think that it s one that makes the browsing experience more fluid Integrated add ons manager It s now possible to find new add ons without having to go to a separate page When I tried it I didn t find the add ons I was looking for So I ended up having to click the link See all results which leads to the add on page at Mozilla This just forces me take unnecessary steps on my way to find the right add ons My impression is that this is a feature that will need some more tweaking before it becomes really useful Added support for standards

    Original URL path: http://www.svennerberg.com/2008/06/first-impressions-firefox-3/ (2016-04-28)
    Open archived version from archive

  • Designing the Moment [Book review] | In usability we trust
    application is all about and where to start It s about how to give a good first impression This is done by providing examples of how to layout the pages and to give the application personality It s also about how to style links and tag clouds and how to structure menus Part 2 Learning To communicate with the user and provide good instructions is a crucial part of a web application This part of the book is about writing good copy and how to structure information to increase scannability It also provides example of when it s better to use video over text to tell the user how to do something Part 3 Searching In this part of the book Robert gives example on how to improve searches by using auto completes as a Poka yoke device He also gives good advices on how tho use pagination in a good fashion and how to make Advanced Search less intimidating Part 4 Diving In In Diving in the book talks about interaction details that the user encounters while using a web application It provides ideas about how to design forms wizards and video controls It also has some interesting thought on how to design the sign in process Part 5 Participating In this part Robert has some really interesting thoughts on how to design for social media It s about how to progressively building user profiles and about connecting with other people Part 6 Managing Information To manage information is important especially when there s lots of it This part of the book is about how to enable the user to find the right content and to interact with it in a proper manner Part 7 Moving On Part 7 is about how to and how not to design the

    Original URL path: http://www.svennerberg.com/2008/06/book-review-designing-the-moment/ (2016-04-28)
    Open archived version from archive

  • When software ruins great products | In usability we trust
    have to confirm the confirm It s not like I m trying to format my hard drive This is just a way for the developers to cover their own behinds These kinds of alerts that you frequently have to click to get something done you soon start to ignore You just don t read them anymore you just automatically click them to get on with what you are doing So if you really deleting something by accident you probably won t realize it until it s too late Therefor a much better solution is an undo function SonicStage is filled with alert boxes that pops up every time you try to do something and it s really annoying There s just no way to escape them Another annoying thing is that I had a hard time finding my MP3 player the first times I had to search the application a long time before I found the right place In the middle of the upper part of the application is a toolbar with three options of which one is named Transfer Clicking it reveals a drop down menu with several options Apparently the first option ATRAC Audio Device was my MP3 player Hardly something I would call it but I m sure it s the correct name of the device internally on Sony The device on the drop down menu also seems a little misplaced because the other options are actions like Create an Audio CD while the mp3 player is just a name of a device Although Sony makes a decent mp3 player they haven t put enough effort into the whole user experience with the product One of the companies that do think of this is Apple They ve managed to combine iPod iTunes and the iTunes Store in

    Original URL path: http://www.svennerberg.com/2007/04/sonicstage-a-big-dissapointment/ (2016-04-28)
    Open archived version from archive

  • Non-modal alert with jQuery | In usability we trust
    a an element with the class message in the web page If there is it attaches a few events on it that when triggered removes the message Notice that I use one instead of bind to attach the events The reason being that once the event is triggered i doesn t have to trigger again With one jQuery automatically unbinds the event after it s been triggered document ready function e Check if there s a message if message length If mouse is clicked moved or a key is pressed document one click mousemove keypress function e Fade the message away after 500 ms message animate opacity 1 0 500 fadeOut Notice in the part where the alert is faded out there s first animate opacity 1 0 500 This is a hack to get a 500 ms long delay before the message starts to fade out What it actually does is to change the opacity of the element to 1 0 over a timespan of 500 ms But since the element already has the opacity 1 0 it just creates a 500 ms long delay before the fadeOut part is executed This is all good and works well in most browsers except you guessed it Internet Explorer Extra tweaks for Internet Explorer The problem in Internet Explorer is that the mousemove event triggers instantly even if you haven t moved the mouse Because of this we have to insert a short delay before the events are attached In this example I ve done it by moving the logic to remove the message to a function removeMessage which I call from the setTimeout function The second argument of setTimeout determains the delay in ms before removeMessage is invoked document ready function e Check if there s a message if message length the timeout is there to make things work properly in IE If we have no timeout IE will trigger mousemove instantly setTimeout removeMessage 500 function removeMessage document one click mousemove keypress function e Fade the message away after 500 ms message animate opacity 1 0 500 fadeOut That s it Sadly the code is slightly less elegant but at least i works in all browsers Check out the Live demo Conclusion I have found this solution to be an excellent way to tell the user what s going on in an unobtrusive but still obvious way I hope that you ll find it useful too If you have a more elegant way of overcoming the problem with IE or other ideas on how to enhance this solution don t hesitate to tell me Tutorials Design patterns Javascript jQuery Previous post Creating a Submenu in WordPress Next post Free e book chapter on ASP NET MVC Framework 4 Comments Jan Seidl March 10 2009 at 5 02 pm Gab We must consider the user dumbness The non modality is great but I think a dismiss or close button is well fit than mouse kbd events User may trigger this events

    Original URL path: http://www.svennerberg.com/2009/03/non-modal-alert-with-jquery/ (2016-04-28)
    Open archived version from archive

  • Creating a Submenu in WordPress | In usability we trust
    on a single horizontal line eg submenu1 submenu2 submenu3 submenu4 Tim Reply Gabriel Svennerberg July 21 2009 at 11 45 am Tim Your best bet is to use CSS to style the unordered list so that it s horizontal A now old but still excellent article on how to do this is CSS Design Taming Lists at A List Apart http www alistapart com articles taminglists Hint Try submenu li display inline in your CSS Reply Shandilya August 6 2009 at 6 03 pm Can someone help me with this I have lots of articles and I want to display them under different parents Here is my question 1 I want parent pages to be formatted differently than child page list For example in the link here http www theagitator com publications My parent page is called Feature Length Articles which is NOT a link and is formatted differently Now I want to show all the children pages as links list with publish date Thanks for all the help Reply Silin August 14 2009 at 3 46 pm What about having a completely seperated and with the submenu only showing when a main page has subpages set the submenu still shows when a subpage has been clicked That sounds much more difficult and is what I m current working on Reply Silin August 14 2009 at 3 48 pm WordPress scrubbed my custom divs so that post didn t make sense Here it is again What about having a completely separated div id menu div and div id submenu div with the submenu only showing when a main page has subpages yet the submenu still shows when a subpage has been clicked That sounds much more difficult and is what I m current working on Reply eduardo BR September 14 2009 at 11 50 pm I love your script is what a need but all the sub pages are showin in the search page how can a fix this Reply Nate Woods October 24 2009 at 7 03 am Just wanted to thank you for this this works perfectly and was exactly what I was looking for Thanks again Reply suniel October 29 2009 at 6 37 pm thanks great post works great Reply Lloyd November 23 2009 at 2 35 am Thanks This saved me heaps of time and worked straight out of the box You re a champion Reply Joshua Behshad January 15 2010 at 11 01 am Thank you Worked for me first time Reply Brian February 4 2010 at 11 32 pm Thanks for the hack Worked perfectly Reply Jonas February 9 2010 at 12 27 pm Thanks you helped me allot Reply Andrew March 11 2010 at 12 17 am Like many others you re help saved the day and I really appreciate you taking the time to share the knowledge Cheers Reply reseller hosting April 23 2010 at 5 33 am I really like your writing style its not generic and extremly long and tedious like a lot of blog posts I read you get to the point and I really enjoy reading your articles Oh and merry Christmas Reply pattaya resort April 26 2010 at 6 36 am good thank you Reply David Spragu May 13 2010 at 2 01 pm ID echo 0 if children I found this shorter simpler version you might like Reply Shell May 18 2010 at 1 27 pm This has worked perfectly for me thanks It is exactly what I have been searching for all day after trying a lot of other suggestions thatall failed Wish I had found this first lol Reply Nate Tharp June 7 2010 at 8 41 pm Thanks so much for this Gabriel I ve used a few different PHP snippets for secondary menus on various WordPress sites but none of them were able to highlight the parent menu item when that page was active But yours fixes that Really appreciate it Reply Michael Gad June 13 2010 at 11 07 pm Hi I a newbie at PHP and wordpress I used you script and it works great Now I have a problem though How do I add a menulevel 3 So topmenu submenu subsubmenu It works displaying the subsubmenu but clicking the subsubmenu the other pages in the menu dissaper Also i cannot figureout where i edit the for the subsubmenu Anyway helt would be deeply appriciated Thanks Reply Michael Gad June 13 2010 at 11 08 pm EDIT Also i cannot figureout where i edit the UL for the subsubmenu Reply Eddy June 18 2010 at 9 33 am Hello Gabriel Svennerberg I am new in wordpress and I m confused for using this now maybe this is weird question but want to ask where I can put the code that you have written it thx for the answer Reply ravinder October 22 2010 at 8 29 am how to write main menu to submenus and sub sub menus Reply maryn November 5 2010 at 9 26 am thanks for the code it s EXACTLY what I needed Reply fort collins web design company November 10 2010 at 9 12 am Great post Over a year old and still useful Thank you Reply babu November 17 2010 at 1 56 pm NAme Reply Cisnero January 29 2011 at 2 22 am Hey There I found your blog using msn This is a really well written article I ll make sure to bookmark it and come back to read more of your useful information Thanks for the post I will definitely return Reply Aravind February 4 2011 at 3 57 pm Thanks It really worked Reply sarah March 4 2011 at 9 28 am Hi This looks exactly what I am looking for however I am completely alien to PHP I understand I have to put the code within the page php file but I am not sure where exactly it goes I have tried inserting it into various places but

    Original URL path: http://www.svennerberg.com/2009/02/creating-a-submenu-in-wordpress/ (2016-04-28)
    Open archived version from archive



  •