Responsive Ad Demos. My previous post was about some of the business challenges surrounding responsive design and advertising.
I wrote it just after reading Mark Boulton’s excellent Responsive Advertising, which was written earlier this week and which you should definitely read if you haven’t already. While I still think the business challenges are the greater obstacle, the technical challenges are interesting and beg for experimentation. I couldn’t help from spending a few hours toying with possible solutions. Here are two demos. Responsive HTML ad My first idea was to build an HTML ad that could shift itself into 3 different standard IAB sizes: 728×90, 300×250, and 300×50.
This works in latest versions of Chrome, Safari, Firefox, and Opera. Responsive/Adaptive HTML ad using a JavaScript interface This one is based on the same idea but does two things differently. This lets you define your responsive campaign with some settings and then the JavaScript does the rest. Coda. 15 Free Ebooks about User Experience and Interface Design » paul olyslager. I have collected 15 free ebooks about UX and interface design, including some best selling books which are definitely worth reading.
Not only are these free ebooks pretty good reads but perhaps I could save a small rainforest as well. Please let me know if you have read other great free ebooks lately. Search User Interfaces by Marti A. Hearst (2009) If you want to design innovative search user interfaces, you need this book close at hand at all times. Web Style Guide by Patrick J. A style guide for the interface with real long-run value, showing us deep principles of design rather than simply fashion and technology. Designing Interfaces – Patterns for Effective Interaction Design by Jenifer Tidwell (2006) Anyone who’s serious about designing interfaces should have this book on their shelf for reference. Designing Mobile Interfaces by Steven Hoober and Eric Berkman (2011) Mental Models in Human-Computer Interaction by John M. Research Issues About What the User of Software knows.
UI and Us — UI and Ux design — Interface — User Experience - UI and us Blog - Introducing Prototypes for Mac. If you design, code or have ideas for iPhone or iPod touch, you may be interested to hear about a brand new Mac application I worked on: Prototypes.
Sexy icon by Wolfgang Bartelme btw :) Prototypes is a Mac desktop app that Duncan Wilcox built (with some help from me) to allow you to quickly take your existing mockup images (made with Photoshop, Illustrator, a crayon etc!) , and link them together to create a navigable mini-site that runs on iPhone. Some nice writeups already: No Code, No Problem. Point your phone to ptyp.es and use the PIN 1234 5678 to see an example of what it can do.
Please do let me know what you think — it's definitely a 1.0 with lots of room for improvements and new features. Support for landscapeiPad resolution support Oh, and you can buy it from the Mac App Store: Joshfire Factory. Quick Introduction to Moqups - Moqups. GoMo: An Initiative From Google. Color Scheme Designer 3. Smashing Mag Wireframes Tools. Digg As website designer when we work as freelancer, client satisfaction is much important when we got Job Description and start work as professional designer and things on high day by day when client ask about ideas before any implementation with creativity and imagination, statistic that vision creates prospects in the playing field of promotion, wireframing and prototyping remain certainly in the list of useful wireframe tools.
Wireframe techniques make easier to connect ideas for reduce time and cost and allow greater straight usability and functionality testing afore implementation. We must download free wireframe tools and present best ideas then put live to get user feedback. Balsamiq Mockups Balsamiq Mockups is an Adobe Air application, so it runs on Mac, Windows and Linux. FlairBuilder FlairBuilder is another one of the Adobe Air applications which you can run it on any platform you like. Mockingbird HotGloo WireframeSketcher Pencil Cacoo Axure SimpleDiagrams Omnigraffle Pidoco Lumzy iRise.
Check cross device live. Tool for feedback on projects. Cross Device mockup app.
Iphonemockup.lkmc. Share this Mockup with others by sharing the URL.
Everyone who knows the URL can make changes. Changes will be synchronized live. To test this, open the URL in two different browser windows. Double-click widgets to add or change text labels.