I'm Kay Spiegel, a Digital Strategist. Kay Spiegel

Quick Notes tagged with “ui”


A Step-by-Step Guide for Starting a New App Design Project in Sketch

| medium.com | uidesign

I’m a firm believer in transparency, so before we start, I owe you this:
Portions of this post reference a design framework that I built myself, and sell on the side. That said, this guide will still be useful even if you don’t go buy it.

Color in UI Design: A (Practical) Framework

| marvelapp.com | uidesign

Being pretty self-taught as far as UI design goes, I’ve always wondered why so many articles and books talk about color theory and palettes. In my experience, using a “split complementary palette” is about 0% predictive of me making nice-looking designs.

Copy If You Can: Improving Your UI Design Skills With Copywork

| smashingmagazine.com | contentui

There’s a technique for improving one’s user interface design skills that is the most efficient way I know of expanding one’s visual vocabulary but that I’ve rarely heard mentioned by digital designers.

Golden Ratio in UI design

| marvelapp.com | uidesign

“Golden Ratio” is of great importance in the design of architecture, appliances, logos and photos. I don’t want to write about it a lot, you can learn it in Wikipedia. I will say briefly: our consciousness tends to harmony and beauty, and the “golden ratio” is the elegant way to make a product more comfortable and nice for perception. Simply put, it’s a tool to strike a balance in the design.

Three Level Design Approach

| prototypr.io | uidesign

Here’s an approach for making a Sketch file that you can use to present work in a flexible manner to different people with different expectations. This has been useful for me and the way I work, so I thought I would share to see if it’s helpful or if people could expand on it.

Building Great Mobile Forms

| uxplanet.org | uxui

Filling out forms isn’t a thing that anyone likes to do. It just isn’t fun, it is something that we have to do, a means for getting something done, merely a tool. Let’s not focus on making it fun, let’s focus on making it as efficient as possible.

Conversational UI Principles — Complete Process of Designing a Website Chatbot

| medium.com | uiux

In this article I’ll show you a case study describing an entire process of designing a conversational UI for a B2B website, including fragments of the conversation script, basics of the communication theory and some of the tips and tricks I think make this project a bit unique.

The Mobile Design Elements That You Have to A/B Test

| uxplanet.org | uxui

UX is at the intersection of product and design. If UI designers are fixated on the look and feel of an app, while product managers are focused on its functionality and usability, then UX designers fall somewhere in between.

Evil Icons

| evil-icons.io | uidesign

Simple and clean SVG icon pack with the code to support Rails, Sprockets, Node.js, Gulp, Grunt and CDN.

The Brief Guide to Testing Mobile Interfaces

| tubikstudio.com | mobileuiux

Mobile technology and smart devices have already brought massive and significant changes in human behavior, communication, way of thinking and lifestyle. In fact, the boom of apps popularity can be seen in plenty of industries, among which we can easily sort out some noticeable ones such as Media (magazines and newspapers), Travel (maps), Medicine (patient records), Finance (apps for real-time trading), Education (translators and dictionaries) and Social (games and social media platforms).