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".
  • 4 Books on UX that I’ve read recently | In usability we trust
    out before starting to actually create it What this process aims for is to not only get the design right but also to create the right design That the book wasn t what I expected wasn t a bad thing I think Buxtons thoughts on the design process is very interesting and all viable if you re in an organization with big budgets for this kind of work And even if you re not there s still a lot of interesting ideas in it that you can apply to your work The book is both very practical and theoretical While it discusses the design process from both a design development and business perspective on a fairly theoretical level it also supplies lots of hands on examples and approaches Who is this book for If you re interested in the design process not only from a designers perspective but also from a development and business perspective this book is definitely for you Also if you re interested in prototyping on different levels this might be an interesting book for you Book information Title Sketching User Experiences Author Bill Buxton Publisher Morgan Kaufmann March 30 2007 Pages 448 ISBN 9780123740373 ISBN 13 978 0123740373 Buy from Amazon com Buy from Adlibris com Sweden Simple and Usable Web Mobile and Interaction Design Buy from Amazon com The book Simple and Usable is about creating simple and usable digital products and services without dumbing down According to Giles Colborne the author of the book there are essentially 4 strategies for reducing complexity without losing important features Organizing Removing Hiding Displacing These 4 strategies is the core of the book and they re beautifully illustrated by applying them to the design of a complex remote control There s also lots of other examples The book is organized into 8 parts which each consists of several chapters Each chapter is just one page long which I think is an interesting approach It makes the book really easy to digest and also makes it easy to later look up things Who is this book for If you have already have some experience in design and wants a fresh perspectives on interaction design for web and mobile platforms this book will be good for you Apart from the four core strategies for reducing complexity it contains a lot of other gems that you can use to improve you designs Book information Title Simple and Usable Web Mobile and Interaction Design Author Giles Colborne Publisher New Riders Press 1 edition September 26 2010 Pages 208 ISBN 9780321703545 ISBN 13 978 0321703545 Buy from Amazon com Buy from Adlibris com Sweden Living with Complexity Buy from Amazon com Living with Complexity is the latest book by Don Norman If you re not already familiar with his work he s written several seminal books on usability and is one of the pioneers in the field You should definitely check out The Design of Everyday Things In Living with Complexity he addresses

    Original URL path: http://www.svennerberg.com/2011/04/4-books-on-ux-that-ive-read-recently/ (2016-04-28)
    Open archived version from archive


  • Calculating Distances and Areas in Google Maps API 3 | In usability we trust
    LatLng 40 715 74 002 var distance 5576673 var heading 51 2145 var endPoint google maps geometry spherical computeOffset nyc distance heading var marker new google maps Marker position endPoint map map In this case endPoint will be the location of London which is LatLng 51 506 0 118 it differs slightly because I ve rounded the numbers With the computeOffset function we can get the end location if we know the starting point the heading and the distance Calculate a point in between Another useful function is interpolate which determines a point between two locations based on a fraction between 0 and 1 The fraction represents how far between two locations a point is So for example 0 5 is a point right in the middle between the start and end location var nyc new google maps LatLng 40 715 74 002 var london new google maps LatLng 51 506 0 119 var inBetween google maps geometry spherical interpolate nyc london 0 5 var marker new google maps Marker position inBetween map map This code will return a position right between NYC and London By using interpolate between NYC and London with the fraction 0 5 we get the position right in the middle of those Conclusion Calculating areas and distances on geo data can be tricky but with the help of the Geometry Library it s really simple I hope this article has shed some light on how you can use it in your own map solution More resources To read more about this library check out the article Google Maps Javascript API V3 Geometry Library in the offical documentation You ll also find a description of all the functions in the API documentation Tutorials Geo Google Maps Google Maps API 3 Javascript Previous post Action Confirm Design Pattern Next post 4 Books on UX that I ve read recently 23 Comments rca April 8 2011 at 3 16 pm Hi You have made one mistake var endPoint google maps geometry spherical computeOffset nyc heading distance should be var endPoint google maps geometry spherical computeOffset nyc distance heading Reply Gabriel Svennerberg Post author April 8 2011 at 11 16 pm rca Good catch Thanks for letting me know I ve updated the article so that it s now correct Reply Selvi April 26 2011 at 5 17 pm question I find that 3 2 api does not have the geomentry function google maps geometry spherical computeHeading Looks like it has 4 values you can take 0 90 180 270 Is there any other way to compute heading in 3 2 Reply Gabriel Svennerberg Post author April 28 2011 at 12 10 pm Selvi There s no other way of computing headings in v 3 2 that I m aware of But you could of course do the calculations yourself Reply xiaofanku July 14 2011 at 4 17 am i want used georss in google map api v3 but not can custom address icon you have solution Reply Tom

    Original URL path: http://www.svennerberg.com/2011/04/calculating-distances-and-areas-in-google-maps-api-3/ (2016-04-28)
    Open archived version from archive

  • Extending Google Maps API 3 with libraries | In usability we trust
    To include a library in the API you need to reference it in the script tag where you include the main API This is done by adding an additional parameter in the URL called libraries This is how to include the Geometry Library script type text javascript src http maps google com maps api js libraries geometry sensor true or false script Note To add more than one library you add them separated with a comma Accessing the methods The methods of the library are accessed through the google maps libraryName namespace So for instance to encode the path of a polyline a feature of the Geometry Library you write this var encodedPath google maps geometry encoding encodePath myPath Summary Libraries are a powerful way of including more functionality into the Google Maps API If you have the need for additional geometry functionality or need to include ads in a map you can start benefiting from them right away For other needs I m sure that new libraries will gradually be added as the API evolves Resources To read more about how to use the Google Maps API 3 Libraries check out these resources Libraries in the V3 Maps API Geometry Library Documentation Geometry Library API documentation AdSense Library Documentation AdSense Library API documentation My Google Maps book If you found this article useful you might be interested in my book Beginning Google Maps API 3 It covers everything you need to know to create awesome maps on your web sites Buy it on Amazon com Articles Google Maps Google Maps API 3 Previous post Dancing markers Next post 45 imagery view in Google Maps 5 Comments Tom Skinner March 9 2011 at 12 49 pm Hej good to see you re back in the blogging So can we start

    Original URL path: http://www.svennerberg.com/2011/03/extending-google-maps-api-3-with-libraries/ (2016-04-28)
    Open archived version from archive

  • Action-Confirm Design Pattern | In usability we trust
    available You therefor need to provide a fall back solution in cases when JavaScript and or CSS aren t available Progressive enhancement One way to do this and how I implemented it is to let the default action of the delete button which in fact is a a element be to navigate to a confirmation page that has a form with a submit button It s important that the form is posted using the method POST and not GET As a fallback the delete action is confirmed by posting a form Note The reason you should never let a regular link or a GETrequest make a destructive action is that it makes the application very vulnerable Imagine for example a search spider following all delete links Uh oh Use undo instead Naturally one can argue that a better design is to instead of making the user confirm an action let her easily recover from errors by providing some kind of undo However in some circumstances this isn t an option because of limitations in the underlying implementation In these cases the Action Confirm design pattern could be a viable solution Read more about using undo in the article No undo Redo Don t we want to interrupt the user One can also argue that it s a bad thing not to interrupt the user with a modal dialog After all doesn t we want the user to stop and evaluate whether the action was intended or not Research has showned that users often just click through these dialogs without giving them a second thought In these cases the dialog becomes useless and nothing more than an annoyance This design pattern doesn t solve that problem but it minimizes the intrusiveness of it Conclusion I created this design pattern to solve a common problem Confirmation of an action What do you think Is it better than a regular confirmation dialog Could it be further enhanced Are there any other problems with it Articles Design patterns Interaction design UX Previous post Designing with the mind in mind Next post Calculating Distances and Areas in Google Maps API 3 7 Comments Octavio April 1 2011 at 5 53 pm Very interesting approach until now I just imagined to display a javascript alert before deleting on a web page but in the iphone it doesn t have that option I think I will use that idea in my job Reply Eric April 4 2011 at 6 37 am Great idea The only problem I see is the confusion for the user if they want to go back Is hitting an escape button or clicking outside going to be obvious to the user Reply Gabriel Svennerberg Post author April 4 2011 at 12 58 pm Eric Good point On the other hand in the words of Alan Cooper All idioms must be learned good idioms need to be learned only once About Face 3 Cooper Reimann Cronin 2007 Maybe this is one of those idioms

    Original URL path: http://www.svennerberg.com/2011/04/action-confirm-design-pattern/ (2016-04-28)
    Open archived version from archive

  • Designing with the mind in mind | In usability we trust
    see further resources at the end of the article On the other hand if we re meeting with an advertising manager and discusses a new billboard We would probably see a billboard with the white letters LIFT The fact that we perceive things differently based on our expectations has certain implications on how we design User Interfaces For example it implies that we should avoid ambiguity we should be consistent in our design and we should understand the goals of our users Time Requirements Another chapter I found especially interesting It s Chapter 12 We Have Time Requirements which deals with how we perceive time and what time factors we should take in consideration when designing User Interfaces This chapter contains a table which shows how long it takes for our brain to perceive different things For example it states that the maximum duration of silent gap between turns in person to person conversation is about 1 second to keep the natural flow One implication of this in User Interface Design is that it shouldn t take longer than 1 second for the User Interface to respond e g a window to open finishing an auto save e t c The book is structured in such a way that it s easy to use it as a reference to go back to and check when needed It s definitely one of these book you should keep near by your working desk About the author Jeff Johnson the author of this book is President and Principal Consultant at UI Wizards Inc A product usability consulting firm that offers UI design usability reviews usability testing and training He has previously written GUI Bloopers and GUI Bloopers 2 0 Both books that deal with the same subject User Interface Design Final verdict If

    Original URL path: http://www.svennerberg.com/2011/03/designing-with-the-mind-in-mind-book-review/ (2016-04-28)
    Open archived version from archive

  • 45° imagery view in Google Maps | In usability we trust
    the same that s available in street view You can drag it around to see imagery from different angles The new Rotate Controls Additionally there s a smaller rotate control positioned right above the zoom control It rotates the imagery 45 degrees clockwise each time it s clicked This control is available in both regular and compact view Only the small rotate control is available in compact view Current coverage Only selected cities are available at this time but new ones are continuously being added To see the cities that are currently available check out this map Overview Map Another new feature in API v3 is something that s been available in v2 for a long time an Overview Map It s a small fold out map in the lower right corner of the main map that provides an overview of the area you re currently watching To enable it there are two new properties in the MapOptions object overviewMapControl Enables the overview map and can be either true or false The default value is currently false which means that it s not visible See note below overviewMapControlOptions Takes an object literal as its value which has one possible property opened Set this to either true or false depending on if you want the map to be folded out when the map loads or not The default value is false Note In a few weeks from now March 17 2011 the default value of overviewMapControl will be changed from false to true This means that you need to explicitly set it to false unless you want your maps to be enabled with an overview map Below is an example map which has an enabled overview map that opens when the main map loads The map is centered over Heroes Square in Budapest at zoom level 19 Here s what the code looks like var options zoom 18 center new google maps LatLng 47 5153 19 0782 mapTypeId google maps MapTypeId SATELLITE tilt 45 overviewMapControl true overviewMapControlOptions opened true var map new google maps Map document getElementById map options See example in full size More information For more information check out A new angle on the world with 45 imagery on the Geo Developers Blog For a complete list of all new features and fixes in the 3 4 release check out the changelog My Google Maps book If you found this article useful you might be interested in my book Beginning Google Maps API 3 It covers everything you need to know to create awesome maps on your web sites Buy it on Amazon com Articles Geo Google Maps API 3 Javascript Previous post Extending Google Maps API 3 with libraries Next post Designing with the mind in mind 3 Comments John Fannon March 23 2011 at 4 37 pm Hi Gabriel I ve bought your book recently It s so nice to computer bookm which you can actually read I ve only discovered google maps An aladin s treasure

    Original URL path: http://www.svennerberg.com/2011/03/45-degree-imagery-view-in-google-maps/ (2016-04-28)
    Open archived version from archive

  • Dancing markers | In usability we trust
    Make a marker bouce marker setAnimation google maps Animation BOUNCE Stop the animation by passing null to the method marker setAnimation null See it in action I ve created a demo that demonstrates these new features It adds markers with a DROP animation and you can then make them dance by triggering the BOUNCE animation The markers are draggable so you can try dragging them around to see how they behave Check out the live demo Read more Be sure to check out the announcement in the article The map markers They move on Google Geo Developers Blog and also check the documentation out My Google Maps book If you found this article useful you might be interested in my book Beginning Google Maps API 3 It covers everything you need to know to create awesome maps on your web sites Buy it on Amazon com Articles Google Maps Google Maps API 3 Previous post Google Maps API 3 Mobile devices Next post Extending Google Maps API 3 with libraries 12 Comments Victor Blaer December 9 2010 at 7 45 pm Hi Mr Svennerberg First great book I m half way through very clear and concise and great post I do have one suggestion for noob readers like myself if you could for the next book blog include something on PHP and forms to query MySql to select the markers displayed that would be AWESOME I have to hard code the criteria in my database query and I feel stupid I can t get that user interactivity Cheers from Iceland Victor Reply Gabriel Svennerberg December 9 2010 at 10 47 pm Victor Thank you very much Good suggestion I ve heard that from a few other people as well Maybe I should write a blog post about it or put it in my next book if there will ever be one Reply Victor December 17 2010 at 12 29 am TheMaestro If you put it into a blog I will name my children after you Reply Neelesh Shah December 26 2010 at 3 31 am After reading Gabriel s book I code PL SQL to generate JSON data and work Google maps into an Oracle APEX application Thanks Gabriel N Reply Neelesh Shah December 26 2010 at 3 32 am After reading Gabriel s book I coded PL SQL to generate JSON data and work Google maps into an Oracle APEX application Thanks Gabriel N Reply Eric Schmidt January 10 2011 at 9 45 pm Gabriel great book Read it through on a recent trip to Jamaica over the holidays and am reading it again We are using KML files created by a conversion of shapefile with our Google API Any recommendations where to go for more information I didn t see any discussion in your book regarding KML and Google API Thank you Reply Gabriel Svennerberg Post author January 12 2011 at 10 53 pm Erik Schmidt Wow I m impressed that you re reading it twice And I

    Original URL path: http://www.svennerberg.com/2010/12/dancing-markers/ (2016-04-28)
    Open archived version from archive

  • Google Maps API 3 – Mobile devices | In usability we trust
    like html body height 100 margin 0 map width 100 height 100 Notice that the height of the html and body tags are set to 100 with zero margin The reason for this is to make sure that the web page covers the entire height of the browser and that there s no white space around the map In the left image the default margin prevents the map from covering the entire screen whereas in the right image the margin is set to zero Disabling page zoom Mobile devices with touch screens often uses the pinch maneuver for zooming the web page When you have a map on that page you probably want the map to zoom rather than the entire web page Fortunately there s a special meta tag that can be used to disable page zooming It must be placed in the head section of the page and looks like this meta name viewport content initial scale 1 0 user scalable no Using this you make sure that the map work as expected Browsers that doesn t support this tag will simply ignore it so it s safe to use No hover state One final consideration that needs to be made is that there s no such thing as hover state mouseover on mobile devices Therefore you need to make sure that you don t use this for essential interactions such as showing vital information Live demo To see that this demo actually works as expected you need to access it from an iPhone or an Android based phone But it is of course entirely usable by desktop browsers too What you get is a web page with a maximized map regardless of what device you use to access it Check out the live demo Conclusion Developing maps for mobile devices is really not that different from developing them for desktop browsers As long as you re aware of their limitations you should be fine If you want to learn more about developing for the iPhone check out the Safari Dev Center To learn more about developing for Android based phones check out the Android documentation Do you know of any other considerations that need to be made when developing maps for mobile devices Please share in the comments My Google Maps book If you found this article useful you might be interested in my book Beginning Google Maps API 3 It covers everything you need to know to create awesome maps on your web sites Buy it on Amazon com Articles Previous post A week to launch Next post Dancing markers 7 Comments Google Maps November 26 2011 at 5 18 pm the google maps api 3 is the easiest one to use so far Reply Dan bhar December 19 2011 at 4 26 pm I m using this technique and it works really well Although I m having trouble with showing an infowindow It renders fine in portrait mode but in landscape it re sizes itself

    Original URL path: http://www.svennerberg.com/2010/07/google-maps-api-3-%e2%80%93-mobile-devices/ (2016-04-28)
    Open archived version from archive



  •