Category: UI Design

  • A Smooth Transition: Designing for the Development Handoff

    A Smooth Transition: Designing for the Development Handoff

    Ryan Clayton | June 3, 2020

    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. The training and dedication it takes to get to this level of

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

    Using Progressive Enhancement to Design for Accessibility

    Scott Jensen | August 5, 2019

    The web is for everyone. That includes web apps built on web architecture. If you haven’t heard the word “accessibility” mentioned in the last couple of years, you may have been living under a rock. Building accessible, inclusive web apps that support users with disabilities is becoming standard protocol. Have you updated Slack lately? Those

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

    Outside the Box – Outsourcing Your UX Design

    Scott Jensen | June 27, 2019

    Outsourcing is such a dirty word. Unbearable customer service, subpar manufacturing, and corporate downsizing all come to mind when you hear it. But outsourcing has gotten a bad rap. There’s two kinds of outsourcing: outsourcing to drive down costs at the expense of quality (“Hello, yes, hi, thank you for calling Xfinity”), and outsourcing to

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

    Secrets to a Successful Designer Developer Handoff

    Scott Jensen | April 9, 2019

    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. The handoff between design and development

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

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

    Scott Jensen | March 19, 2019

    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. But have you ever considered these racks as a whole? Plaid with dots, coats with swimsuits, brown with black?! Madness! Imagine you only wore clothes from

    Read More >>
  • Materialize Your Components

    Materialize Your Components

    Tom Dye | March 12, 2019

    Introduction 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

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

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

    Scott Jensen | February 18, 2019

    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. We just pick the pair that

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

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

    Scott Jensen | February 5, 2019

    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. After a little investigation, I found the fine print on the label which read “European Cut.” Now, maybe this isn’t a

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

    5 Signs Your Product Has Outgrown Its UX: Cargo Pants

    Scott Jensen | January 11, 2019

    “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. Because with all of those pockets, how could you not have everything you need?! This post is a continuation of our “5

    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

    Scott Jensen | December 27, 2018

    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. It’s a quick solution to any kind of fashion ensemble, elegant or casual. And second? Who doesn’t like how they look in black? I lose five pounds every

    Read More >>
  • An Intro to Designing for Accessibility

    An Intro to Designing for Accessibility

    Daniel Bivins | December 4, 2018

    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. Better yet, interweaving inclusive user experience (UX) design principles into

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

    Does This Make My App Look Fat?

    Scott Jensen | November 19, 2018

    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. But let’s talk about the clothes you don’t wear. You know the ones. They just don’t fit right. Maybe they’re too small, maybe they’re too big (ok, good for you,

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

    Enterprise Application Redesign: From the Bottom Up

    Scott Jensen | November 8, 2017

    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. The apps we use on our phones, our laptops, or even on our TVs are constantly scrutinized based on their quality of user experience design. Gone are the

    Read More >>
  • Less Clicking, More Binging

    Less Clicking, More Binging

    Scott Jensen | August 1, 2017

    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. And while many of us don’t consider them apps, they are services that we consistently interact with on

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

    Dylan Schiemann | June 16, 2016

    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

    Kris Zyp | April 14, 2015

    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. The dgrid’s Editor plugin makes it very easy to leverage

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

    Ed Hager | August 13, 2014

    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. The CSS/HTML theme can be used independently of the widgets, but how do you use

    Read More >>
  • Dive Into Dijit Forms with AMD

    Mike Wilcox | November 16, 2012

    As was illustrated with our Dive Into Dijit with AMD post, 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.  When

    Read More >>
  • Dive Into Dijit Forms

    David Walsh | August 11, 2010

    Notice: There is a newer version of this post available As was illustrated with our Dive Into Dijit post, 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

    Read More >>
  • Queued: Theming

    Chris Anderson | April 3, 2009

    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,

    Read More >>
  • Queued: Visualizing the Queue

    Queued: Visualizing the Queue

    Torrey Rice | March 27, 2009

    Visual Translation 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. We created a set of

    Read More >>
  • Queued Overviewed

    Queued Overviewed

    Dylan Schiemann | March 24, 2009

    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. At SitePen, we help our clients build

    Read More >>
  • Styling Dijit Form Elements

    Mike Wilcox | February 25, 2009

    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

    Sam Foster | May 14, 2008

    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. Most you might be hard-pressed to notice at first glance, but the devil is always in the details, and for a toolkit with the promise and scope

    Read More >>
  • I’m Not Flash

    I’m Not Flash

    Peter Higgins | April 8, 2008

    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. A lot of the time a simple right-click will indicate the said UI was implemented in Flash, and it loses a tiny piece of street-cred. I’m most impressed

    Read More >>
  • Balancing Security and Convenience

    Dylan Schiemann | April 7, 2008

    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. For most consumer web sites and web applications, logging a user out of a service after a certain amount of inactivity is not very important, and does more to annoy

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

    Torrey Rice | March 28, 2008

    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. One of the most interesting things in Safari 3.1 is the (hopefully soon to

    Read More >>
  • Some Tools You Might Have Missed

    Some Tools You Might Have Missed

    Torrey Rice | March 6, 2008

    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

    Dylan Schiemann | March 3, 2008

    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

    Read More >>
  • Web Application Design: An Introduction

    Web Application Design: An Introduction

    Chris Anderson | August 1, 2007

    These are truly exciting times. Not only for SitePen, but for the web application space in general. It seems we are seeing a seismic shift in the way we use computer applications: moving away from the clunky, static, boxed-installed lot to those that are quick, lightweight, flexible, and web-based. More and more we are building

    Read More >>
  • On writing training programs

    On writing training programs

    Tom Trenka | April 9, 2007

    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

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

    Code Finished for Dojo Offline’s Default User Interface

    Brad Neuberg | January 31, 2007

    [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. This means all the default user-interface code, which lives in dojo.dot.ui,

    Read More >>
  • Offline Gmail and Blogger Using the Dojo Offline Toolkit

    Offline Gmail and Blogger Using the Dojo Offline Toolkit

    Brad Neuberg | January 9, 2007

    [Note: This blog post is out of date. For up to date information on Dojo Offline please see the official web page.] Introduction The best way to start development on a programming framework is to ground it in the kinds of user interfaces it will be used in. This ensures that you don’t create astronaut

    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