Tag: UI

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

How SAP Fiori Can Help Transform User Experience?

In a context of digital transformation, many companies using SAP for their internal and external needs underestimate the importance of user experience. A lot has been said about SAP UX in terms of technology and design but still, the skills necessary for good user adoption are in short supply. That’s why SAP providers are in… Continue reading How SAP Fiori Can Help Transform User Experience?

How ideating with developers can make you a better designer

I haven’t always been as lucky as I am now by being able to work extremely close with an incredible team of developers. Since making the in-house move, I’ve had the chance to work directly with iOS, Android, and Full Stack developers. Each of them is extremely talented, and they truly care about the product.… Continue reading How ideating with developers can make you a better designer

Here are 34 articles relating Hawaii’s false missile alert with bad design

[unable to retrieve full-text content] Just in case you were away. The Hawaii Missile Alert Culprit: Poorly Chosen File Names Redesigning Hawaii’s Emergency Alert System’s Interface In The Open Blame terrible interface design for the Hawaii missile alert debacle A Hawaiian Missile Lullaby A UX Perspective on the Hawaii False Missile Alert Design Fail #2 :… Continue reading Here are 34 articles relating Hawaii’s false missile alert with bad design

Tailwind CSS: A framework for rapid UI development

Tailwind CSS is a utility-first CSS framework for rapid UI development: in simpler words, it’s a CSS where class names are not based on their content but describe what they do. For example, it has a .text-center to be used if you want align text to the center, an .opacity-75 class to set the opacity of… Continue reading Tailwind CSS: A framework for rapid UI development

Getting Started With Redux: Learn by Example

Redux helps you manage state by setting the state up at a global level. In the previous tutorial, we had a good look at the Redux architecture and the integral components of Redux such as actions, action creators, the store, and reducers.  In this second post of the series, we are going to bolster our… Continue reading Getting Started With Redux: Learn by Example

Elements: A free iOS UI kit by Sketch

The designer team at Sketch has recently released a totally free UI kit for their popular app. It is called Elements and it is pretty massive since it includes 35 screens, 45 icons and 175 symbols. Elements is probably the best choice to get started on your next app design for iOS: you just need… Continue reading Elements: A free iOS UI kit by Sketch

Shards: A modern UI toolkit based on Bootstrap 4

Shards is a free and modern design system based on the popular Bootstrap 4 framework. It is basically a UI toolkit including responsive components and icons from both Material and Font Awesome packs. Shards is built with performance in mind having a small footprint and weighting (it’s ~12kb minified and gzipped). Download includes the original Sketch and SCSS files so you can get your… Continue reading Shards: A modern UI toolkit based on Bootstrap 4

Webster – Responsive Multi-Purpose HTML5 Template

Why settle on one theme and one layout when you can have over 220 HTML5 pages and more than 29 home pages? Yes, Webster is 100% responsive and comprehensive template with cool features like- parallax, smooth scrolling, retina-ready, responsive mega drop-down menu, MailChimp, Recaptcha, PHP contact form, and a bunch of free plugins (Revolutions slider,… Continue reading Webster – Responsive Multi-Purpose HTML5 Template