untitled Creating Your First Prototype with Framer No longer can your product just be usable and look good. Beautiful, subtle movement enhances the user experience and makes products more engaging, dynamic, and memorable. Paul Stamatiou, designer for Twitter, recently wrote that motion design is now a required skill for designers. With so many prototyping tools popping up, I wanted to give Framer Studio a shot. Framer is a Javascript framework for prototyping interactions and animations. I had heard people raving about it on the Twittersphere before so what better way to kick the tires then trying to build a simple prototype. To get started, I downloaded the free 14 day trial version and went over the learn section on their website, which contained basics around creating animations, properties, states, events, and more. When you first open the app, you are presented with a code editor on the left pane and an instant preview of the code on the right. Once imported, the following code was inserted: Add the layer name to brackets.
25 great free UX tools There might be no such thing as a free lunch but thanks to the wonders of Open Source software, freeware and trial software there most certainly is such a thing as free software. In this article I list 25 great free UX tools, including tools to help with prototyping, annotating, screen grabbing, site mapping, usability testing, accessibility and analytics. Prototyping tools Pencil Pencil is a nice little Open Source tool for creating prototypes, UI mockups, and UX diagrams, such as user journeys. Pencil – A free prototyping and diagramming tool LucidChart LucidChart is an online tool for creating diagrams, UI mockups and prototypes. LucidChart – A prototyping and diagramming tool with a free trial version Balsamiq Balsamiq is another online UI prototyping tool and like LucidChart it’s not fee but does allow you to create simple single pages for free using the trial version (just click on the ‘take a tour’ link). Balsamiq – A prototyping tool with a free trial version Serena Prototype Composer
Keynotopia: User Interface Design Libraries for Keynote, PowerPoint and OpenOffice Make Material Design Websites with the Materialize CSS Framework Materialize is a Responsive CSS Framework based on Google’s Material Design Language. In this tutorial I will explain what material design is and then we will build a portfolio website using Materialize. I will also compare Materialize with other popular CSS frameworks like Foundation and Bootstrap. # What is Material Design? Material Design is a Design Language that challenges to create a visual language for users that synthesizes the classic principles of good design with the innovation and possibility of technology and science. Other competitive design languages are flat design, metro design, realism design etc. In material design, everything should have a certain z-depth that determines how far raised or close to the page the element is. As the user interacts with the design, due to motion, the design transforms and reorganizes itself on a continuity fashion. # What is Materialize? Materialize provides all CSS and JS components that are provided by bootstrap and foundation. <!
untitled Comparatifs de 4 outils de prototypage UX-DESIGN Voilà pourquoi j’ai eu pour mission de trouver un outil de prototypage parfait qui répond aux besoins de tous les concepteurs des produits de mon entreprise. Les critères les plus importants sont: convivialité, partage facile, courbe d’apprentissage rapide, mobile et hautement intéractif.Les outils que je vais vous présenter sont ceux que j’ai trouvé le plus souvent discutés sur les groupes UX en ligne et ceux que de nombreux experts pensaient les mieux adaptés à nos besoins. Types d’outils de prototypage Après de longues recherches, j’ai divisé les outils de prototypage en trois catégories : page-based, layer-based, and coding-based. Les outils dans chaque catégorie partagent des caractéristiques distinctes ainsi que des avantages et des inconvénients. Les outils de prototypage ‘Page-Based’ Flinto Après mûre réflexion, nous avons décidé d’utiliser Flinto place d’autres outils dans cette catégorie. Invision Keynote However, sharing Keynote prototypes is not as easy as one would think.
User Experience quotes and articles to inspire and connect the UX community | inspireUX Balsamiq Cassandra vs MongoDB vs CouchDB vs Redis vs Riak vs HBase vs Couchbase vs Hypertable vs ElasticSearch vs Accumulo vs VoltDB vs Scalaris comparison :: Software architect Kristof Kovacs While SQL databases are insanely useful tools, their monopoly in the last decades is coming to an end. And it's just time: I can't even count the things that were forced into relational databases, but never really fitted them. (That being said, relational databases will always be the best for the stuff that has relations.) But, the differences between NoSQL databases are much bigger than ever was between one SQL database and another. This means that it is a bigger responsibility on software architects to choose the appropriate one for a project right at the beginning. In this light, here is a comparison of Open Source NOSQL databases: The most popular ones # Redis # Best used: For rapidly changing data with a foreseeable database size (should fit mostly in memory). For example: To store real-time stock prices. Cassandra # Best used: When you need to store data so huge that it doesn't fit on server, but still want a friendly familiar interface to it. MongoDB # ElasticSearch # CouchDB # Accumulo #
Blog « Catspaw Dynamics AssignmentEarth.ca Relaunched Gary Seven, Roberta Lincoln and Isis the Cat The web’s most complete site on this back-door pilot from Star Trek gets its seventh major update, with new design and content. Read More Magnus Robot Fighter by Bob Layton Colouring a great image by a modern master Bob Layton is doing some wonderful variant covers for Dynamite Comics’ new Magnus Robot Fighter series. Forever Love Cover A custom comic book cover commission for newlyweds A friend of the happy couple approached me to create a romance comic book cover of them surrounded by some of their favourite characters. Ornament eBook Book layout and ebook conversion This one came to me with the design language set by Liz Boyer of Chalk. Jacky’s Diary Colouring the cover Jacky’s diary is a fondly-remembered strip by Jack Mendelsohn. Amazing Fantasy 15 The original cover to Spider-Man’s debut by Steve Ditko Starman by Darren Goodhart Adventure Comics #504 jumps off the rack! I saw this and knew I had to colour it.
Wireframing tool for rapid UI design - Try it free - by Pidoco