React Native has been gaining in popularity for one obvious reason: it allows developers to target different mobile operating systems with a single codebase. This means that you no longer have to build the same app for both iOS and for Android from scratch, and you don’t have to forgo one or the other platform. Now you… Continue reading 10 Best React Native App Templates of 2019
Tag: UI
Which of Figma’s Pricing Tiers is Right for You?
Figma is a free-to-use design application, but it also offers added features for paying subscribers. Let’s take a look at the differences between Figma’s three pricing tiers. Note: this is part of our regularly updated learning guide The Designer’s Guide to Figma. Figma’s Three Pricing Tiers These are the tiers on offer: Free Professional ($12… Continue reading Which of Figma’s Pricing Tiers is Right for You?
Signup flow: 6 beautiful UI screens
Today we’d like to share with you an interesting UI experiment made by Hoop Jones. Together with a behavioural psychologist, Hoop Jones designed 6 desktop screens for a signup flow that would onboard users step-by-step. All screens are available in Sketch file format. Feel free to download and edit to make them fit your design style.… Continue reading Signup flow: 6 beautiful UI screens
Mason Is a Front-End Builder Worth Exploring
Building a front-end for your site from scratch might be the hardest part of building a great web app. The idea and logic can be perfect, but if the user interface is a wreck, you’ll never be a success. That’s where tools like Mason’s front-end-as-a-service become so valuable. With Mason, you can visually build a… Continue reading Mason Is a Front-End Builder Worth Exploring
Podzie: UI kit for podcast app
Podzie is a modern mobile UI kit providing all the necessary components to build a great podcast app. The free version includes 8 sample screens in both dark and light layouts. Premium version includes 100+ screens and can be purchased for only $19. Font is use is Manrope, and it is downloadable for free here.… Continue reading Podzie: UI kit for podcast app
How to Use Animation in Angular 6
In this tutorial, you’ll learn about the importance of animations in improving the user experience. I’ll show you how to incorporate animations in Angular 6 applications with the help of animation components and Bootstrap. The Role of Animations in User Design Most web users are visual creatures and therefore respond to visual objects. This means… Continue reading How to Use Animation in Angular 6
Hands-on With ARIA: Accessibility for eCommerce
Looking to make your site more accessible? Or maybe you want to make it easier to traverse your site overall using browsers and other interfaces? Using ARIA, you can do both. Let’s take a look at what ARIA is and how it can benefit an eCommerce site. We’ll also go through some examples step by… Continue reading Hands-on With ARIA: Accessibility for eCommerce
So You’re Selling a WordPress Theme: Best Practices for Demos
When you’re selling a theme, its demo is your sales pitch. If the demo falls short in some way, it’s doing a disservice to the theme and will lead to a loss of sales. If your theme includes hundreds of features, but buyers can’t see them in action, you may as well have no features… Continue reading So You’re Selling a WordPress Theme: Best Practices for Demos
7 Key Factors In Interviewing Users for UX Surveys
When it comes down to it, you need to find out if your design works for the end user. That’s what usability testing is all about. As a designer, you live in a small bubble, intimately familiar with the design, fluent enough to navigate complex menus with ease. But will the user attain the same… Continue reading 7 Key Factors In Interviewing Users for UX Surveys
Which One Should You Use?
Today I’m going to try and answer a question that I imagine many of you have asked: “Which is better, Sketch or Adobe XD?”. In this video and article I’ll be explaining which I prefer, based on my own opinions and my own needs. Watch the Screencast Which is Better Suited to You? As a… Continue reading Which One Should You Use?
Google Flutter From Scratch: Building Apps With Widgets
Flutter is fast becoming one of the most popular frameworks for developing cross-platform mobile apps. Most Android and iOS developers today are starting to agree that it is a faster and more future-proof alternative to other cross-platform frameworks such as React Native and NativeScript. Google itself is leaving no stone unturned to attract more developers to… Continue reading Google Flutter From Scratch: Building Apps With Widgets
The importance of Design QA in digital product design
Great customer experiences don’t happen by accident. In digital product design, the customer experience encompasses everything that the product team does; development, design, DevOps, and QA — everyone’s role impacts the customer experience but especially the design and user experience. Since I’m a product designer, there’s a particular part of the process that I’m obsessed with, and… Continue reading The importance of Design QA in digital product design
30 Free Vector Graphics and Vector Elements Download
Free useful vector graphics and vector elements download and used in graphic designs. Only designers know’s the important of Vector Graphics. Its really hard to find the perfect piece of Free Vector Resources. Here today we are gathered highest quality Vector Graphics included Vector Logos, Vector Illustrations, Vector Icons and Vector Elements that can be best for UI designing. There are… Continue reading 30 Free Vector Graphics and Vector Elements Download
Writing Snapshot Tests For React Components With Jest ― Scotch
In this tutorial, we will be looking at what snapshot tests are and how we can use snapshot testing to ensure our User Interface does not change without the team knowing about it. To get started, you will need to familiarize yourself with the following NodeJS – A JavaScript runtime built on Chrome’s V8 JavaScript… Continue reading Writing Snapshot Tests For React Components With Jest ― Scotch
Enterprise design stack: the tools we use to design the datacenter operating system
I love reading about how other Design teams are working together and what tools they’re using. It’s reassuring to know teams you admire and respect use the same tools you do. It’s also usually a trigger for me to try some other tools that either I haven’t heard of or that I’ve been meaning to… Continue reading Enterprise design stack: the tools we use to design the datacenter operating system
ShowTrackr: Free landing template for Sketch
Hey, folks! Glad to share with you this free landing page template designed and released by Daniel Korpai, UI designer from The Netherlands. The goal was to create a design, which is in line with the latest design trends, while focusing on hitting the business goal (getting more people on the platform) and only use elements,… Continue reading ShowTrackr: Free landing template for Sketch
Design with the engineering constraints
No matter how good your engineers are, the application you are building will not feel the same between two devices. Internet speed, data usage, and device bandwidth are all technical limitations that result in distinct experiences. Network speed (3G, LTE etc) across the world and network quality across your living room may vary. In addition,… Continue reading Design with the engineering constraints
Shhh… a UX designer’s mistakes
A few days ago was my 2 year anniversary at StatMuse (visit us) and subsequently also my 2 year anniversary as a UX/UI Designer! Although I am happy that we’ve shipped multiple responsive websites, a brand new iOS app, and a some platform bots, I do recognize that I’ve made a whole bunch of mistakes… Continue reading Shhh… a UX designer’s mistakes
Join Us at Awwwards San Francisco 2018 — SitePoint
This article was created in partnership with Awwwards. Thank you for supporting the partners who make SitePoint possible. From Thursday, May 10 to Friday, May 11, Awwwards will be hosting its San Francisco 2018 conference at the Palace of Fine Arts. Awwwards San Francisco 2018 is an event for designers, web developers and digital dreamers.… Continue reading Join Us at Awwwards San Francisco 2018 — SitePoint
Top 4 Mistakes To Avoid While Developing An App
Mobile app developers always seek for new ways and means to deliver great and unique mobile software. Everyone is eager to learn how to create a top-selling mobile app that will wow the users just off the bat and as a result achieve immediate success in the field of the app development. Of course, there… Continue reading Top 4 Mistakes To Avoid While Developing An App
5 Tools that Web Developers and Programmers Need
Web developers are like digital poets. Their lines of code help bring ideas to life by way of beautiful and stunning websites and apps. The demand for more responsive sites is growing, which is a sign that site owners are becoming smarter on how they provide content for their target audience. As a result, programmers… Continue reading 5 Tools that Web Developers and Programmers Need
Start your designs with a concept — and more UX links this week
If you like the links, don’t forget to ???????????????????????????????????????????????????????? Start your designs with a concept → The best designers I know always start a project with a concept (or conceptual model). What’s your design concept for this project? How do you envision people interacting with your product? What model are you trying to emulate in… Continue reading Start your designs with a concept — and more UX links this week
Try the most efficient UX/UI Tools in 2018
Posted · Category: Best Collections Beautiful web pages aren’t always enough to keep a visitor engaged. In fact, if a site’s UI and UX aren’t carefully designed, visitors aren’t apt to stay around for long. Consequently, there’s a huge and ever-growing demand for UX designers. Salaries that are in keeping with the demand make the… Continue reading Try the most efficient UX/UI Tools in 2018
Rough.js – Create Hand-Drawn and Sketchy Like Graphics
Rough.js is a light weight (~8k), Canvas based library that lets you draw in a sketchy, hand-drawn-like, style. The library defines primitives to draw lines, curves, arcs, polygons, circles, and ellipses. It also supports drawing SVG paths. If you have Workly imported on your web page (~1k only), RoughJS will automatically offload all processing to… Continue reading Rough.js – Create Hand-Drawn and Sketchy Like Graphics