Category: UI Design
Search
Redesigning Enterprise Apps Efficiently: The Bottom Up Approach
Redesigning Enterprise Apps Efficiently: The Bottom Up Approach

Not long ago, good design was considered nice to have, but non-essential to a product or company. In today’s market, however, good design has become a commodity.

Read More
Design to Development: Bridging the Gap for a Successful Handoff
Design to Development: Bridging the Gap for a Successful Handoff

Let’s be honest, getting designs from your UX team into the hands of your engineering team in a way that makes sense is rarely easy. Add tight deadlines, team changes, and miscommunication to this process, and your application will likely end up looking very different than what you expected.

Read More
A Smooth Transition: Designing for the Development Handoff
A Smooth Transition: Designing for the Development Handoff

In an olympic sprint relay, four runners operate as a team to sprint a total of four hundred meters. In order to compete at a record-setting level, an athlete needs to be capable of running one hundred meters in less than ten seconds.

Read More
Using Progressive Enhancement to Design for Accessibility
Using Progressive Enhancement to Design for Accessibility

The web is for everyone. That includes web apps built on web architecture.

Read More
Outside the Box – Outsourcing Your UX Design
Outside the Box – Outsourcing Your UX Design

Outsourcing is such a dirty word. Unbearable customer service, subpar manufacturing, and corporate downsizing all come to mind when you hear it.

Read More
Secrets to a Successful Designer Developer Handoff
Secrets to a Successful Designer Developer Handoff

Let’s be honest, getting designs from your UX team into the hands of your engineering team in a way that makes sense is rarely easy. Add tight deadlines, team changes, and miscommunication to this process and your application will likely end up looking very different than what you expected.

Read More
5 Signs Your Product Has Outgrown Its UX: The Bargain Rack
5 Signs Your Product Has Outgrown Its UX: The Bargain Rack

Everyone loves finding a great deal. Who can say no to a good two-for-one special? Every store has a bargain rack that’s full of unsold clothes and slashed prices.

Read More
Materialize Your Components
Materialize Your Components

Material design is everywhere today; even now if you’re reading this post in a Chrome browser, you may have noticed that the icons, fonts, colors and paddings have all recently been changed to align with Material. There are Material implementations available for most front-end libraries, and almost every starter app will likely offer a Material design option.

Read More
5 Signs Your Product Has Outgrown Its UX: The Wrong Footwear
5 Signs Your Product Has Outgrown Its UX: The Wrong Footwear

Ever spent the day walking in the wrong shoes? Played basketball in flip flops? Worn socks with sandals? No? Just me? Wearing the right footwear can make a big difference. But none of us carry around our entire shoe collection waiting for the right opportunity to wear each pair.

Read More
5 Signs Your Product Has Outgrown Its UX: The European Cut
5 Signs Your Product Has Outgrown Its UX: The European Cut

I found this really great shirt last week on the rack. I grabbed my size, tried it on, working each button down the front until it became painfully obvious: this wasn’t made for me.

Read More
5 Signs Your Product Has Outgrown Its UX: Cargo Pants
5 Signs Your Product Has Outgrown Its UX: Cargo Pants

“Do you have everything you need?” You’ve probably been asked this a few times in your life. And if you were wearing cargo pants at the time, you definitely said “yes” in response.

Read More
5 Signs Your Product Has Outgrown Its UX: The Little Black Dress
5 Signs Your Product Has Outgrown Its UX: The Little Black Dress

I don’t wear a dress, but I’ve watched enough Project Runway to know why a little black dress is a staple to most wardrobes. Firstly, it’s versatile.

Read More
An Intro to Designing for Accessibility
An Intro to Designing for Accessibility

Ensuring that your app or site is designed with accessibility as a priority isn’t only good design—it also makes good business sense. Giving thought to this early on in the product creation can save you headaches by reducing design and technical debt for your team.

Read More
Does This Make My App Look Fat?
Does This Make My App Look Fat?

Just exactly how many clothes do you own? How many really? There’s probably a few you wear all the time. Maybe some for special occasions.

Read More
Enterprise Application Redesign: From the Bottom Up
Enterprise Application Redesign: From the Bottom Up

Not long ago, good design was considered nice to have, but non-essential to a product or company. In today’s market, however, good design has become a commodity.

Read More
Less Clicking, More Binging
Less Clicking, More Binging

Whether it’s Game of Thrones or an old season of Rupaul’s Drag Race, it’s pretty likely you’ll be streaming something tonight from your TV. Netflix, Hulu, Sling — these are the apps that dominate our quiet evenings.

Read More
Dojo FAQ: Is there a modern theme for Dojo?
Dojo FAQ: Is there a modern theme for Dojo?

One of the additions of the recent Dojo 1.11 release is a modern flat theme created with the Stylus preprocessor. The flat theme allows you to apply a modern, flat look and feel to existing Dojo applications.

Read More
Minimizing Dijit Instances in dgrid
Minimizing Dijit Instances in dgrid

Dijit and dgrid provide a powerful set of user interface components, allowing for fast construction of sophisticated web applications with excellent performance and interactivity. However, one particular configuration of dgrid that can impact memory and performance: heavy use of persistent Dijit editors within grid cells.

Read More
Dojo FAQ – How do I use Bootstrap with Dijit?
Dojo FAQ – How do I use Bootstrap with Dijit?

Bootstrap is a framework created by Twitter’s developers to consolidate their HTML/CSS design and widgets. Bootstrap provides a clean responsive design, but the set of widgets it includes is limited, especially when compared to what’s available in the Dijit library.

Read More
Dive Into Dijit Forms with AMD
Dive Into Dijit Forms with AMD

The Dijit library provides an extremely powerful, flexible set of Dojo-based widgets with which you may easily enhance the look and functionality of your web application.  These widgets include drop down / popup menus, dialogs, page layouts, trees, progress bars, and form elements.

Read More
Dive Into Dijit Forms
Dive Into Dijit Forms

Notice: There is a newer version of this post available The Dijit library provides an extremely powerful, flexible set of Dojo-based widgets with which you may easily enhance the look and functionality of your web application.  These widgets include drop down / popup menus, dialogs, page layouts, trees, progress bars, and form elements.

Read More
Queued: Theming
Queued: Theming

As part of our series on how we built Queued, today we’re going to talk about theming the Queued application, and touch on a few examples of what made putting the skin on Queued so much fun. The foundation for the beautiful theme for Queued was laid down by colleagues Damon Dimmick and Torrey Rice, and their amazing wireframe and mockup work (respectively) provided the building blocks for laying down Queued’s skin.

Read More
Queued: Visualizing the Queue
Queued: Visualizing the Queue

As with every SitePen project, we started out Queued with a set of written requirements that defined what the app should do. From that set of requirements, the design team began to define common user goals and create wireframes that detailed how the user would achieve these goals.

Read More
Queued Overviewed
Queued Overviewed

Last month, we announced Queued, an open-source application for managing your Netflix Queue. Queued is a desktop application created with web technologies and techniques including the Dojo Toolkit, and it is distributed as an Adobe AIR application to provide several performance boosting benefits from living on the desktop.

Read More
Styling Dijit Form Elements
Styling Dijit Form Elements

Dijit has a tremendous wealth of high quality and feature-rich form elements providing key functionality including validation, time calculation, spinner controls, calendars, and much more. Furthermore, Dijit gives you a set of themes to choose from: Tundra, Soria, Noir, and Nihilo.

Read More
The Devil’s in the Details: Fixing Dojo’s Toolbar Buttons
The Devil’s in the Details: Fixing Dojo’s Toolbar Buttons

The 1.2 release of the Dojo Toolkit is focused on the overall Look and Feel. Patches have been landing thick and fast to tighten up the visual polish.

Read More
I’m Not Flash
I’m Not Flash

Much like a magpie, I find myself oddly infatuated with shiny things. When a UI component somewhere just screams elegance, I find myself compelled to use it.

Read More
Balancing Security and Convenience
Balancing Security and Convenience

At SitePen, we value amazing user experiences. Once in a while, you see an elegant solution to a problem that has annoyed users for years.

Read More
SVG + CSS Animations = Fisheye Fun
SVG + CSS Animations = Fisheye Fun

Recently Apple delivered Safari 3.1 with some very exciting features. While we still can’t use things like multiple background images and drop shadows across all browsers, we are getting to play with the future and I, for one, am loving it.

Read More
Some Tools You Might Have Missed
Some Tools You Might Have Missed

Over the past few years designing and developing I’ve come to rely on a number of tools. Most of these are obvious like Photoshop and Firebug, however I’ve come to realize that a few tools I use aren’t as well known.

Read More
Dynamic Languages and Your Mom, 2.0
Dynamic Languages and Your Mom, 2.0

SitePen was in the news recently: Simplexity Rising: Web usability reveals itself to be a game of hide-and-seek covers our session, “Your Mom, 2.0”, for the upcoming SXSW 2008, and offers some choice quotes about building web apps that are feature rich yet easy to use. At this session, we’ll be discussing the things that make an app that’s easy for Mom to use but still delivers the features everyone wants to use.

Read More
Web Application Design: An Introduction
Web Application Design: An Introduction

These are truly exciting times. Not only for SitePen, but for the web application space in general.

Read More
On writing training programs
On writing training programs

In the past two or so months that I’ve been an employee of SitePen, my main task has been to design and write the materials for the majority of our new training course offering’s including slides, activity handouts, working code equivalents, slide design (which in the end Torrey did, a brilliant job too), and other branding aspects. On top of that, I’ve had to design these materials in such a way as to allow any of the SitePen instructors to create a specific course in a minimum amount of time with the ability to cherry-pick among various topics all to give our clientele the best learning experience possible.

Read More
Code Finished for Dojo Offline’s Default User Interface
Code Finished for Dojo Offline’s Default User Interface

[Note: This blog post is out of date. For up to date information on Dojo Offline please see the official web page.] We have posted up the default user-interface widget for Dojo Offline; this is all coded up now in JavaScript and is complete.

Read More
We use cookies to ensure that we give you the best experience on our website. If you continue to use this site we will assume that you are happy with it.Privacy Policy