Mitchell McKenna - tagged with ui https://mitchmckenna.com/feed en-us http://blogs.law.harvard.edu/tech/rss LifePress mitchellmckenna@gmail.com Refactoring UI: Resolute https://mitchmckenna.com/post/18233/refactoring-ui-resolute

Wow, this guy’s ability to recognize what is causing a bad user interface is unreal.

For this edition of Refactoring UI, we're going to redesign the properties page from Resolute's internal tool, sharing lots of tips on form design, scannability and reskinning a page using the styles from an already existing design.

]]>
Thu, 26 Apr 2018 09:42:00 -0400 https://mitchmckenna.com/post/18233/refactoring-ui-resolute/refactoring-ui-resolute
Dropbox Comments https://mitchmckenna.com/post/15466/dropbox-comments

I like the fixed user icon as you scroll and the ability to expand comments.

One of my first projects here at Dropbox is shipping! Say hello to iOS Document Commenting! Read more about this and other cool stuff our stellar team has been working on here: https://blogs.dropbox.com/dropbox/2015/05/get-more-done-on-ios/ Prototyped in Framer :)
]]>
Tue, 05 May 2015 15:11:00 -0400 https://mitchmckenna.com/post/15466/dropbox-comments/dropbox-comments
Dashboards by Keen IO https://mitchmckenna.com/post/15068/dashboards-by-keen-io

Building a dashboard? Using Bootstrap? With maybe bar graphs, time charts, or maps? Why start from scatch? Use Dashboards by Keen IO templates to get you started.

]]>
Mon, 05 Jan 2015 19:37:00 -0500 https://mitchmckenna.com/post/15068/dashboards-by-keen-io/dashboards-by-keen-io
Adding Native Controls to Your Hybrid App https://mitchmckenna.com/post/14896/adding-native-controls-to-your-hybrid-app

So you've got a hybrid app (aka using a web view in a native app), using Apache Cordova you can use the native OS's Alert dialog, prompts, confirmation dialogs, action lists, and social sharing features. Check out this tutorial on how.

]]>
Tue, 04 Nov 2014 13:41:00 -0500 https://mitchmckenna.com/post/14896/adding-native-controls-to-your-hybrid-app/adding-native-controls-to-your-hybrid-app
Guardians of The Galaxy UI Reel https://mitchmckenna.com/post/14655/guardians-of-the-galaxy-ui-reel

Pretty cool UI, something you probably don't even think about when watching a futuristic sci-fi movie, the level of minority report-like thought that goes into it.

Showreel covering Territory's UI concepts, design and animation for both on-set playback and VFX shots for Marvel Studio's 2014 blockbuster, Guardians of the Galaxy. http://territorystudio.com/work/motion/?p=GuardiansOfTheGalaxy

]]>
Mon, 18 Aug 2014 14:09:00 -0400 https://mitchmckenna.com/post/14655/guardians-of-the-galaxy-ui-reel/guardians-of-the-galaxy-ui-reel
Facebook Pop - iOS and OS X Animation Library https://mitchmckenna.com/post/14388/facebook-pop-ios-and-os-x-animation-library

This is the animation library that powers Facebook's awesome app Paper. It allows you to use custom animations instead of just iOS core animations.

]]>
Mon, 28 Apr 2014 14:45:00 -0400 https://mitchmckenna.com/post/14388/facebook-pop-ios-and-os-x-animation-library/facebook-pop-ios-and-os-x-animation-library
Bootflat - Flat UI Kit Based on Bootstrap https://mitchmckenna.com/post/14319/bootflat-flat-ui-kit-based-on-bootstrap

Basically a Bootstrap theme with some really nice css and color tweaks.

]]>
Wed, 09 Apr 2014 21:29:00 -0400 https://mitchmckenna.com/post/14319/bootflat-flat-ui-kit-based-on-bootstrap/bootflat-flat-ui-kit-based-on-bootstrap
Flat UI Kit (PSD) https://mitchmckenna.com/post/13557/flat-ui-kit-psd

Really nice (free) flat / blocky design you could base your next design on. The big (125mb!) UI kit has been carefully crafted by Enes Danış.

]]>
Sat, 26 Oct 2013 16:22:00 -0400 https://mitchmckenna.com/post/13557/flat-ui-kit-psd/flat-ui-kit-psd
Square UI Free - UI Kit https://mitchmckenna.com/post/12552/square-ui-free-ui-kit

UI Kit for designers featuring the flat design trend. Use to create startup projects, websites or iOS apps. Includes Buttons, Text Edits, Menu items, video players, and other pieces. The color scheme, is separated in styles (.asl) and color swatches (.aco). Ready for Retina Display. Text elements use the Montserrat typeface, and this great font available free from Google Web Fonts.

]]>
Mon, 25 Feb 2013 16:54:00 -0500 https://mitchmckenna.com/post/12552/square-ui-free-ui-kit/square-ui-free-ui-kit
IBM Watson: The Face of Watson https://mitchmckenna.com/post/9101/ibm-watson-the-face-of-watson

Preparing Watson for the Jeopardy stage posed a unique challenge to the team: how to represent a system of 90 servers and hundreds of custom algorithms for the viewing public. IBM, in collaboration with a team of partners, created a representation of this computing system for the viewing audience; from its stage presence to its voice. Who knew the spinning sphere had so much meaning?! Check out another one of my favorite Watson videos Building Watson. Tomorrow, Febuary 14, 2011, America will witness Watson compete on Jeopardy on TV against two of the show's biggest winners Ken Jennings and Brad Rutter.

]]>
Sun, 13 Feb 2011 16:10:00 -0500 https://mitchmckenna.com/post/9101/ibm-watson-the-face-of-watson/ibm-watson-the-face-of-watson
Future of Screen Technology https://mitchmckenna.com/post/8171/future-of-screen-technology

This is the result of TAT's Open Innovation experiment. It is an experience video showing the future of screen technology with stretchable screens, transparent screens and e-ink displays, to name a few.

]]>
Wed, 08 Sep 2010 22:25:00 -0400 https://mitchmckenna.com/post/8171/future-of-screen-technology/future-of-screen-technology
An Introduction to Firefox's Tab Candy https://mitchmckenna.com/post/7911/an-introduction-to-firefoxs-tab-candy

It’s hard to keep everything straight with dozens of tabs all crammed into a little strip along the top of your browser. Often, it’s easier to open a new tab than to try to find the open tab you already have. Worse, how many of us keep tabs open as reminders of something we want to do or read later? We need a way to organize browsing, to see all of our tabs at once, Enter: Tab Candy.

]]>
Fri, 23 Jul 2010 16:43:00 -0400 https://mitchmckenna.com/post/7911/an-introduction-to-firefoxs-tab-candy/an-introduction-to-firefoxs-tab-candy
Minority Report Computer Interfaces Are Coming https://mitchmckenna.com/post/7495/john-underkoffler-points-to-the-future-of-ui

Minority Report science adviser and inventor John Underkoffler demos g-speak -- the real-life version of the film's eye-popping, tai chi-meets-cyberspace computer interface. Is this how tomorrow's computers will be controlled?

]]>
Wed, 02 Jun 2010 00:51:00 -0400 https://mitchmckenna.com/post/7495/john-underkoffler-points-to-the-future-of-ui/john-underkoffler-points-to-the-future-of-ui
BumpTop 3D Multi-Touch Desktop https://mitchmckenna.com/post/4419/bumptop-3d-multi-touch-desktop

Download at http://bumptop.com

Check out some of the exciting new multi-touch gestures we are unveiling in BumpTop. We go beyond the typical pan-and-zoom gestures most multi-touch apps use. Check them out in the video!

]]>
Sat, 03 Oct 2009 00:34:00 -0400 https://mitchmckenna.com/post/4419/bumptop-3d-multi-touch-desktop/bumptop-3d-multi-touch-desktop
jQuery TOOLS - The UI library for the Web https://mitchmckenna.com/post/2771/jquery-tools-the-ui-library-for-the-web

"jQuery Tools is a collection of the most important user-interface components for today's websites. This single JavaScript file weighs only 5.8 Kb"

]]>
Wed, 03 Jun 2009 15:01:00 -0400 https://mitchmckenna.com/post/2771/jquery-tools-the-ui-library-for-the-web/jquery-tools-the-ui-library-for-the-web