background preloader

UX

Facebook Twitter

Design Elements and Principles - Tips and Inspiration By Canva. Design is an intricate, complicated, fun and exciting business.

Design Elements and Principles - Tips and Inspiration By Canva

There’s always a lot to learn, a lot to do, and a lot to consider when you’re a beginner – not to mention the fact that technology is constantly evolving, new software is being released, and new trends are coming at you rapid-fire. Truth be told, it can get a little overwhelming. So, let’s slow things down a little bit. This article will take you through 20 principles of design to hopefully give you a headstart in this creative environment.

So, stay tuned, get comfy, and let’s discuss some principles. 01. I’m sure we’re all aware of what lines are, but just to be sure, lines can be defined as any linear marks. Lines can channel certain ideas too. A technique applied a lot in photography is the use of ‘leading lines’ which do just what they claim – they lead the eye. Lets look at an example of leading lines in web design. A strong use of line is a great way to stylise your illustrations. 02. 03. The Nine States of Design – The Startup – Medium. Modern UI teams are designing components first; Interfaces are merely the thoughtful composition of components.

The Nine States of Design – The Startup – Medium

This leaves an often glaring hole for users on “the unhappy path” — The places where users may, intentionally or not, stray from your idealized flow. As we learn to craft systems rather than pages, we must invest effort into shaping these often missed states of design and create with a component lifecycle that can support everyone. Here’s the lifecycle as I see it: States Nothing What happens before your component does anything? 2. The dreaded state. 3. Your component has initialized, but it’s empty. 4. You have some data. DIY User Personas. Probably you already know what a persona is –if don’t check this -, and probably you, like me, build your first persona using some of the thousands personas layout you can find in the internet.

DIY User Personas

But as has happened to me you’ve probably also discovered this is not easy work… But you know, I love recipes, so here you have my own recipe to build user personas, step by step including 10 elements your persona should have. I create this guideline with the purpose to make the process of create personas a simple fill in the blank work, so I think could be useful for you too.

Let me know! The guideline it is structured in 3 points: How to, with the step by step guide and the Interviews process.Layout, presenting the persona layout I use with 10 basic elements.Elements were I describe in details each one of the elements of the layout and the method used to obtain the information and measuring. Each point follows a What? 1.1 Step by step (Modeling personas) What? A persona should include: Why? How? Why ? Design Kit. UX Cards — nForm. Insights and inspiration for the user experience community. Speckyboy Design Magazine - Web Design News, Resources & Inspiration. Usability & UX Articles from Nielsen Norman Group. June 4, 2017 Typing a password takes twice as long on mobile than on desktop.

Usability & UX Articles from Nielsen Norman Group

Follow these 12 guidelines to make registration and login less painful on mobile devices. June 4, 2017 Modal ads, ads that reorganize content, and autoplaying video ads were among the most disliked. Ads that are annoying on desktop become intolerable on mobile. May 28, 2017 Five key steps comprise a standardized framework for customer journey mapping that can be scaled to any scope or timeline. May 21, 2017 When using large-screen images on smaller screens, remove images that don’t add information. Smashing Magazine — For Professional Web Designers and Developers. Browse Resumes Boxes and Arrows.