Great list, thank you. But I would love to add to the list:

Great list, thank you. But I would love to add to the list: I recommend Cacoo, https://cacoo.com/ by Nulab for fast wireframing and even mockups. It is crisp and clean and enables super-fast wireframing, and mockups. Another recommendation is https://www.figma.com Some say it is like Sketch in the browser and that seems right, but with collaboration bits and parts that are super cool. Also not on this list is https://zeplin.io/ which is EPIC for generating style guides and resources from Photoshop and Sketch designs and sharing them with developers. Also, have to chime in and say proto.io is badass. This tool has helped me communicate effectively and has saved our team a ton of time by proving, failing, and inspiring concepts. Read the full article…

Towards New Roles on the Design Team. How Fancy Titles Rob Design of its Value.

Information architect, usability engineer, interaction designer, ui designer, ux designer, motion designer, prototyper… these are just some of the job titles that us designers have taken on in recent years. Each one was supposed to clarify a particular part of the design process. Each one eventually mashed with other roles, creating more confusion in our industry. Dozens of titles create blurry lines. Designers need to do a better job at self-architecting our roles. In the past decade, I’ve been called information architect, usability professional, interaction designer, and UX designer. These days, I feel much more comfortable with design technology and design operations (check out my cycle on design systems). It’s hard to pick one precise title encapsulating all of these, so typically when people ask what I do, I just say that ‘I’m a designer’. The problem with design-related titles is not only about the communication of what we do though. It’s Read the full article…

HADOKEN!!! You’ve always wanted to throw one. Do it in VR!

Admit, you’ve pretended to throw one before… HADOKEN!!! One of the best byproducts of building a livestream tutorial on fireball prototypes was having Street Fighter chiptunes and Dragon Ball Z themes stuck in our heads for a week. Even more, the prototype process brought up three areas of design tips. Check out our steam for details, but here’s a summary of what we found interesting: Using particle textures to create a sense of depth. Bringing an energy source to life with light. Combining audio and haptics. To use particle textures for depth, we found that the quantity and motion of texture sprites are critical. A YouTube search showed endless examples of 2D texture-based fireballs. One video even shows how to recreate an entire Street Fighter game! To create the illusion of a 3D fireball, however, we thought we may need a 3D mesh. Fortunately, taking a chance on an implementation we found from Read the full article…

Twitter: “edit tweet” concept

I’ve been working on the “edit tweet” feature for Twitter since many users have been asking for this. This may be the most required featured that users ask for Twitter to make. I just emailed Twitter to see if they can add an edit feature so that when u misspell something u don’t have to delete & repost Let’s see… ?—?@KimKardashian Can Twitter make an edit tweet button please I keep making mistakes? ?—?@bangtanbabe7 Patiently waiting for twitter to get a ” edit tweet ” feature. ?—?@queenseria It’s mid 2017. Why can I still not edit a tweet ?—?@michaeljallardd When will twitter allow you to edit your tweet after you tweet… ?—?@goldensperrys twitter seriously needs an edit tweet option ?—?@rodgermaIik And the list goes on… you can check it here. We can build skyscrapers hundreds and hundreds of stories tall and thousands of feet tall with elevators that just shoot to the top Read the full article…

Why PMs Need Qualitative Research

What A/B testing won’t be able to tell you, but talking to your customers will I was recently at a panel discussion with a large group of very data-informed product managers. One of the participants asked the following question (I am somewhat exaggerating): If we can A/B test, why do we need qualitative research? Superficially, the question seems to hold some merit: A/B testing is as close to a scientific method that we have. As such, it reduces human biases, including the tendency to believe in individual anecdotes and stories even if the data speaks against them. However, I have found (and written about in the past) that data can’t substitute for the real, deep insight gained from talking to real customers and users. The question above made me think a bit more about why exactly I believe that qualitative research is essential for a product manager, and will provide you Read the full article…

Create Visual & UI design for better products

Sometimes people said, the work of a designer is very easy. They assume that Visual/UI designers only translate the concept of a product into a visual form (doodles on paper and make digital versions). That’s why design becomes something that is considered trivial by some people. However, coming back from what point of view do we see it. There are differences between these various types of design: Ugly design, useless, meaningless, etc. Ugly but useful design (meaningful, solving problems, user needs, business needs, etc.) Good design, but useless, meaningless, etc. Good and useful design (meaningful, solving problems, user needs, business needs, etc.) From the above design type, actually answered some people’s perception. To make a product, of course We want to make our product liked and loved by everyone. And the right choice is no.4 (Good design, useful, meaningful, solving problems, user needs, business needs, etc.) and throw away the perception that design is Read the full article…

A Superficial Note: From Software Development to UX Design

In my limited amount of time in the professional world, I have had the opportunity to get a taste in both software development and user experience design (or UXD for short). I came to see notice the differences and connections between the fields, and I’d like to share some of my personal, untested observations. When switching from development to design, the first mindset change for me is an examination of one’s own knowledge, or sense of “expertise” in one’s field. When you are a developer. You, hopefully, know your product better than anyone else. You strive to make your product robust and efficient. Solved 835 dependency issues? Read through all those unreadable API documents? Impressive. You may feel proud of yourself, and it’s okay to brag. In design, however, you are forced to see beyond yourself. You think you know what should go into the product, but that’s almost never true. Read the full article…

Free Geometric UI Icons With A Fresh And Futuristic Twist (100 Icons, 6 Formats)

    How about an icon set that gives your UI designs just that finishing touch they need? One that stands out while keeping the design clear and legible? Vincent Le Moign spent two years on designing such a set, and we are very happy to feature part of it as a freebie today. The EGO icon collection shines with its well-balanced, geometric style — perfect to make a bold statement without being obtrusive. To prepare you for nearly everything that an app or web interface could ask for, EGO covers tech- and office-themed icons, just like commerce, transport, nature, and leisure motifs. 100 icons in total that can be resized and customized to your liking (AI, EPS, SVG, Sketch, Iconjar, and PDF versions are available). Black and duo-tone blue versions are already on board when you download the set. The post Free Geometric UI Icons With A Fresh And Read the full article…

Are morning people made?

I am a night owl. I always have been and may always be. My most creative energy tends to strike between 10pm and 2am. This also happens to correlate with the hours right after my kiddo falls asleep. I have absolutely no idea how morning people function in life. Have you always been morning people? Is it a kids vs. no kids thing? Do you go to bed the same time each night at 6pm? Do you stop using screens early in the evening? Is there an eating/drinking cutoff point? When do you typically feel most creative? Can morning people be made or is it just part of who you are? Have any of you successfully made the jump from night to morning people? I’m mystified and would love to learn more. Pop a comment below if you’re comfortable sharing your morning person tips! Read the full article…

iA converte imagem em código

Design & Front-End mais próximos do que você imaginava, conheça o Pix2Code O futuro é agora? Nos tempos atuais uma questão muito discutida é a proximidade entre os softwares de design e a geração de códigos front-end, sem dúvida isso é uma tendência e estamos caminhando neste sentido. Hoje já existem diversas ferramentas que auxiliam nesse processo, alguns plugins do Sketch já entregam uma boa parte do front-end “mastigado” para os DEVs, como o Zeplin, Symplio, Inspect e o LaunchPad. Outros softwares dedicados também tentam preencher essa lacuna de uma forma mais completa e unificada, como o Webflow. Este semana uma startup chamada UIzard Technologies aprensentou o Pix2Code: um algoritmo que utiliza inteligência artificial (iA) para converter imagens em front-end! Sim, eu sei, parece magia negra né? Mas a empresa divulgou um vídeo da ferramenta funcionando e a acuracidade dela nos testes foi de 77%. Obviamente esse algoritmo ainda pode e será melhorado, a empresa Read the full article…

Contextual Scrolling

How our UX team evolved infinite scrolling to enhance the navigability & findability of data within our platform. — A bit of context: our platform helps retailers & suppliers manage, improve, and distribute product data to increase sales, reduce returns, and improve time to market. With multiple Fortune 50 retailers as users, our platform manages A LOT of data. Currently, our product is extremely outdated, utilizing sunsetting, browser-specific, and painfully slow Silverlight. So, instead of improving the current version, our team is rethinking and reinventing the product experience in a complete end-to-end platform overhaul. One of the biggest hurdles, which provides a key opportunity to “win” users in our next generation product, can be summed up in a single user story: As a user, I want to be able to quickly find products, so that I can update, delete, or distribute its data. With thousands of products, digital assets, and files being managed Read the full article…

Freeing Agents From Their Desks

TeamLeads mobile App complements the heavy web application in a way that enhances real estate agent’s responsiveness by reducing their response time, finishing their daily to-dos and managing their buyers/sellers while on the go. Role: Research, design and prototype all UX/UIs related to the project. I collaborated with Product Manager and front-end developers to launch this project. Understand The Problem : Prioritize Features For Mobile The first constraint of this project is limited time, according to Product Manager, we need to minimize the development cost as much as possible which ended up maintaining the current features on the desktop version that only requires building the Front-end part for mobile. So how should I prioritize the features to put on mobile? As a good design is always a well-balanced solution between Business, Technology and Human Values, with the time constraints from the technology side in mind, I firstly enquired our Sales Team about what kind of features Read the full article…

Designing is Hard

The new Apple Mouse… really? A plug on the bottom? Geez. Photo by Ryan Riggins. When everyone has an opinion Working on a small team to do product development means that everyone has their own area that they take care of, but we also need everyone to be well connected and participatory with the direction of the overall product. Remember when the logo was so colorful? Sometimes you have to take a bold step to redesign to feel more modern. Photo by Julian Hochgesang. Which is why although we may have daily developer team meetings with the core dev team, we also hold a weekly design meeting where we gather the rest of the larger team (testers, QA, (co-)founder, dev team, designer, site manager, etc) and talk about upcoming feature implementations and what it takes to nicely surface them for the end user. I like the concept of an all hands for design because Read the full article…

UIBoarding Pass UI Concepts by Dribbble Designers

Boarding pass by Rick Waalders Daily UI #57?—?Boarding Pass by Ranjith Alingal Boarding pass by Goutham Boarding Pass by Sean Holstien Boarding Pass Animated by Cardist Boarding Pass by Sam Chieng Boarding Pass concept by Hanna Jung Over 2000 Sketch App freebies Airplane ticket by Miroslav Rajkovi? Daily UI :: 23?—?Boarding pass by Yevgeny Kanterman Boarding Pass by Leonardo Zakour from Bons Boarding Pass animation by Salomon Aurélien Daily UI?—?Day 24?—?Boarding Pass by irene georgiou Boarding Pass :: Daily UI?—?024 by Kelly Harrop Daily UI #024- boarding pass #dailyui #024 by pramod Boarding Pass?—?Day 024 #dailyui by Ennio Dybeli Itinerary?—?GIF by Tsuriel from mllnnl Boarding Pass (Concept) by Amit Jakhu Over 1000 free mockups UI challenge?—?Boarding pass #024 by This Optimism Boarding Pass by Jamie Syke from Brotherhood Day 024?—?Boarding Pass by Florin Diaconu Informative Tickets by Gleb Kuznetsov? Boarding Pass?—?Day #21 by Padam Boora Day 024 Boarding Pass by Marin Begovic from Five Day 24?—?Boarding Pass by carlhauser Boarding Pass by Andrzej Mialszygrosz If you enjoyed this post, please press the ? button below! Read the full article…

The Digital Design Trends that are Shaping the Internet

What to look for in 2017 & beyond… There are a myriad of ways to create an engaging website. Given that users browsing the web make snap decisions upon landing on a page, designers are finding inspiring ways to deliver their client’s message. When visiting a new site, most visitors give it a quick glance and make an immediate judgement on whether to continue exploring or to exit. Little things compel people to stay. Here are our favorite ways that designers and developers continually increase engagement. Cinemagraphs Cinemagraphs are more than just your average GIF. This visual medium is created by isolating an individual instance of motion against a static image. This dichotomy creates compelling compositions that enhance the aesthetic of a webpage and grab a user’s attention. https://medium.com/media/d7c6cba1449fcd6cde759fca8cddd101/href The human eye is attracted to motion, but videos can use an unreasonable amount of bandwidth to implement into the design of Read the full article…

Microinteractions. I Love Them.

Originally published at content-ux.com, 2015 There you are. Your designs are wireframed, mocked, and approved. You’re about to hand off those pixel-perfect beauties to the developers. Ah, yes. But then… that creeping itch… you know, that nagging feeling that maybe you left out some critical bit? Oh no, you did! The confetti pass! Unexpected microinteractions. They’re the beautiful confetti that you sprinkle over your pages to sweeten and delight. Tiny confirmations after successful submits, sleek transitions that users hardly notice (but LOVE), UI text that makes your your product sound brilliant. Or maybe it was that really cool mobile gesture that you left out because it was kinda hard to implement and the product manager didn’t see the value. Put it in! After your screens are rock solid, get some fun people to brainstorm the confetti pass. Look through each screen in your flow and ask: Where could we add some character and Read the full article…

Grimag, an Ad Optimized WordPress Theme that Will Keep Ad Blockers Away

You’re reading Grimag, an Ad Optimized WordPress Theme that Will Keep Ad Blockers Away, originally posted on Designmodo. If you’ve enjoyed this post, be sure to follow on Twitter, Facebook, Google+! Are all WordPress themes created equal? To see that, visit the ThemeForest market, and randomly open 20 themes. You’ll notice that along the usual boilerplate marketing wording such as “unique,” “modern,” “bug-free,” “revolutionary,” at least half of them will come with the “ad-optimized” tag. What exactly is an ad-optimized theme? Shouldn’t all themes be ad […] Read the full article…