Tag: UI

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

15 Great Gifts for Web Designers

November 29, 2017 by Alex Fox Buying gifts for the technologically inclined can be challenging. Here’s fifteen great ideas for gifts for web designers. This unique sketch pad is created to help developers design websites for both desktop and mobile platforms. If you don’t like this pad, UI Stencils has an awesome collection of similar… Continue reading 15 Great Gifts for Web Designers

There’s no such thing as “minor design changes”

Sharing a quick story I found on Intercom’s blog about how there’s no such thing as a small change in a product. At some point Intercom’s team decided to limit the number of characters of their reviews to 140. “We want to limit the length of a review in the product to 140 characters, because… Continue reading There’s no such thing as “minor design changes”

Free iOS 11 UI kit for Photoshop & Sketch

A massive iOS UI kit brought to you by Apply Pixels which includes a bunch of useful screens and common interface elements, controls, shapes, containers and icons. This free UI kit is available for Photoshop (in PSD format) and Sketch (as symbols). Access to resource is reserved for subscribing members. It only takes a minute to… Continue reading Free iOS 11 UI kit for Photoshop & Sketch

Get Started with iPhone’s Taptic Engine.

You’re a UI designer. You’ve heard about the Taptic Engine on the iPhones and watched the developer videos where Apple encourages you to integrate them into your design. At first you thought, it’s only on the iPhone 6S. It’s a small market. Then the next iPhone came and you procrastinated more. And now it’s maybe… Continue reading Get Started with iPhone’s Taptic Engine.

What designers can learn from the iPhone X

I’ve been playing around with the iPhone X for a couple of days now. The one thing that surprises me the most is how different it is from all the previous models. It’s the most radical deviation from the original iPhone, and yet — or perhaps precisely because of it — the best update so far. With it’s high… Continue reading What designers can learn from the iPhone X

Voyage: A free travel-themed UI kit for Framer

What we are featuring today is a pretty unusual freebie: that’s Voyage, a free travel UI kit for Framer that you can use for creating fully interactive app prototypes easily and with little effort. Freebie includes 20 screens, 42 ready-to-use interactions and 78 elements brought to you by the design team at Framer. You just… Continue reading Voyage: A free travel-themed UI kit for Framer

iPhone & iPad vector mockups

Freebie of the week is a set of iPhone and iPad vector mockups in flat style for wireframing and UI presentation released by KK UI Store. Both sets include the latest devices: iPhone X, 8, SE and iPad, Pro 10.5, Pro 12.9. Each set comes in 4 different versions (Dark, Line, Light, Transparent) and in PSD… Continue reading iPhone & iPad vector mockups

Design Blocks: 170+ HTML components

Design Blocks is a free set of more than 170 responsive components in HTML for assembling a website or an hybrid app in minutes. Design blocks is basically an UI kit providing a wide range of components and layouts such as headers, footers, sections, forms, CTAs, pricing tables, testimonials, etc. Modules are based on Bootstrap… Continue reading Design Blocks: 170+ HTML components

Chatbot User Experience 101: Vital Tips to Improve Chatbot UX

Use Simple Language & Diction in Your Chatbot Design Process It can’t be overstated how important personality is for a chatbot; personality makes a bot fun to talk to. When you’ve developed a bot personality, ensure your bot’s voice remains consistent throughout the conversation. Moments where a bot speaks “out of character” can be immersion breaking… Continue reading Chatbot User Experience 101: Vital Tips to Improve Chatbot UX

28 Free Vector Graphics Free Download for Commercial Use

Fresh free vector graphics freely download for commercial projects. There are useful High Quality Vector Graphics included Vector Logos,  Vector Illustrations, Vector Icons and Vector Elements that can be best for UI designing. There are thirty eight Vector Resources which are free to use in infographics, web design and print design. You may be interested in the… Continue reading 28 Free Vector Graphics Free Download for Commercial Use

5 Node.js Alternatives To WordPress

Originally released in 2003, WordPress is still the king of CMS. But with the rise of Node.js, there are many modern challengers that have large communities, support themes, plugins and are easy to install on your own server. Here are 5 you might want to checkout. KeystoneJS is a powerful CMS framework, build on Express… Continue reading 5 Node.js Alternatives To WordPress

Vera Block: A huge set of UI components and app screens

Vera Block is a massive freebie made of 100+ UI components and 140+ mobile screens for Sketch and Photoshop. It is super-useful to speed up a mobile design workflow due to its flexibility and ease of use. Vera Block design takes into account the latest trends in interface design featuring a clean UI, great font pairings and… Continue reading Vera Block: A huge set of UI components and app screens

The 5 questions you should be asking yourself all day, everyday #UX

The other day I found myself writing down a list of 5 questions I was asking myself more frequently than ever in the projects I am working on — and decided to pass it on to my team as well. The agency life is extremely fast-paced. Each Experience Designer on my team is simultaneously involved in two… Continue reading The 5 questions you should be asking yourself all day, everyday #UX

Piroll: A design template for agency/personal portfolio

Piroll is a PSD design template by Svetlana, UI designer from New York, that you can use for building your own agency or personal portfolio. This template has a minimal and modern look and provides great flexibility: that makes it suitable for designers, photographers, web agencies and studios, freelancers and so on. In the download… Continue reading Piroll: A design template for agency/personal portfolio