background preloader

20 Excellent Wireframing Tools for Mobile

20 Excellent Wireframing Tools for Mobile
Planning and wireframing your mobile website or application is an essential part of a successful design process. It can help save you money (on design and development costs), expand initial ideas, build structure and functionality and effectively gather invaluable early feedback. We have gathered 20 of the best tools for wireframing mobile websites and apps, each of which offers a unique set of features. Furthermore, there are plenty of other wireframing and diagramming apps available, which may also be of interest. Please note, though, not all the tools listed below offer mobile-specific functionality; several are rather basic. However, each is worth exploring to see if it fits your requirements: Have we left out your favorite wireframing tool? Image via istockphoto, thegoodphoto

Material Honesty on the Web Material honesty—the idea that a substance should be itself, rather than mimic something else—has guided everyone from Ruskin, an art critic, to Charles and Ray Eames, designers of the iconic plywood chair (LCW). By stripping away any coverings and celebrating both its material and its manufacturing process, the chair lays bare exactly what it is: molded plywood. In so doing, it is modern, functional, and timeless—so timeless, in fact, that it’s been continually produced for eighty years. Today there’s a materials debate between flat and skeuomorphic design. While design debates are healthy, too much finger-pointing is prolonging the problem—web folks on all sides are still figuring out their sensibilities to and vocabulary for web materials. It starts by defining the core web materials and understanding when they’re honest, and when they’re not. Web materials#section1 Web materials fit nicely into three categories. Foundation: HTTP, URLs, and HTMLStyle: CSSDecoration: Raster graphics

Wantworthy Html 5, simple y claro a selection of graphic projects I did not have updated graphic-exchange for 1 week. During this week I went for the farest place I never been, in Brisbane, Australia. I spend 46 hours in the air. 10 editores de vídeo online Hola: Una infografía con 10 editores de vídeo online. Vía Un saludo 10 editores de vídeo online Me gusta: Me gusta Cargando...

No to NoUI – Timo Arnall ‘The best design is invisible‘ is the interaction design phrase of the moment. The images above are from my ever-expanding collection of quotes about how design and technology will ‘disappear‘, become ‘invisible‘ or how the ‘best interface is no interface‘. The Verge has recently given both Oliver Reichenstein and Golden Krishna a platform to talk about this. This has spawned manifestos, films, talks, books, #NoUI hashtags and some debates about what it might mean. I’ll call this cluster of things ‘invisible design’. I agree with some of the reasons driving this movement; that design’s current infatuation with touchscreens is really problematic. But I also take issue with much of the thinking for a few reasons that I’ll outline below. 1. We already have plenty of thinking that celebrates the invisibility and seamlessness of technology. Computing systems are suffused through and through with the constraints of their materiality. – Jean-François Blanchette 2. 3. 4.

10 excelentes buscadores de imágenes libres y gratuitas (Creative Commons) Luego de revisar tantos bancos de imágenes gratuitos, por ejemplo, los de nuestro listado más reciente, echamos un vistazo a buscadores de imágenes libres y gratuitas recomendados en el blog de Buffer que toman a tales bancos como fuentes para los resultados siendo de enorme ayuda para ilustrar tanto blogs como trabajos físicos. Por supuesto, no sobra dar el importante aviso de revisar muy bien la autoría de cada imagen -es imprescindible buscarla en Google Imágenes arrastrándola hasta el cajón de búsqueda- y las características de su licencia antes de darle uso. 1. Resultados de Wikimedia Commons, el enorme repositorio de recursos libres, presentados en segundos. 2. Una forma más cómoda de acceder a las miles de imágenes gratuitas disponibles en Flickr pudiendo filtrar los resultados rápidamente según el tipo de licencia deseado. 3. 4. Un elegante buscador con cierto parecido a 500px en su interfaz. 5. 6. 7. 8. 9. 10.

Information design using card sorting Written by James Robertson, published February 19th, 2001 Categorised under: articles, usability & information architecture At the beginning of any information design exercise, it is normal to be confronted by a very long list of potential subjects to include. The challenge is to organise this information in a way that is useful and meaningful for the users of the system. While careful investigation and analysis of the information may reveal some clues, it can be virtually impossible to determine which topics should be grouped together. The difficulty in organising the content stems from a lack of knowledge about how real users make use of this information. A card sorting session can go a long way towards resolving this problem. What is card sorting? In essence, card sorting works as follows: Write down each topic on a filing (index) card. This is a very simple, and often very effective, method of working with users to come up with a usable design. Why use this method? Involving the users

crear una página web En este webinar te enseñamos conceptos y fundamentos de diseño web y usabilidad, mostrando diferentes procesos en la creación web. En este webinar, impartido por Juanmi Barea, especialista UX de Nominalia, nos pondremos manos a la obra para enseñar algunas técnicas y procedimientos que te ayudarán a crear una página web de calidad, siguiendo los estándares. Resolveremos en directo varios problemas habituales, enseñaremos herramientas útiles y mostraremos ejemplos de buenas prácticas. Video del webinar Presentación Respuestas a vuestras preguntas 1. Hola, UX son las siglas de “user experience” es decir, experiencia del usuario. 2. Sí, es absolutamente recomendable aplicarlos. 3. 4. Un blog en formato magazine, sin duda para estos contenidos requieres una solución de ese tipo. 5. Aunque el tema del color entraña un factor psicológico evidente y el negro se asocia a lo negativo, en realidad, en este caso, no es así. 6. 7. 8. 9. 10. 11. 12. 13. 14. 15. 17. 18. 19. 20. 21. 22. 23. 24. 25. 26.

Related: