Categories
CSS UX/UI

UIkit – a lightweight and modular front-end framework

A lightweight and modular front-end framework for developing fast and powerful web interfaces. I’ve been contributing to a project where this little UI framework is used, and it’s pretty cool. Check it out: UIkit

Categories
Design UX/UI

DailyUI #012 E-Commerce Shop (Single Item)

This is the last Daily UI on the blog. As I’ll be posting them on Dribbble and Twitter. Fonts are Oswald and Lato.

Categories
Design UX/UI

DailyUI #011 – Flash Message

Flash Message (Error/Success)

Categories
Design UX/UI

Daily UI #010 – Social Share

Social Share This is the result: Definitely needs more love, but that was the work I could produce in the time I had. What is pictured here is a hover state on the Facebook marker. When hovered, it shows the share count. Same would happen on Twitter and Google+. Maybe later on I can dig into animating […]

Categories
Design UX/UI

Daily UI #009 – Music Player

Music Player Today’s design challenge is a music player. That task alone could take months of work, so I decided to do a mini-player for the desktop. It features a big album cover and some basic controls. Here’s the result:  

Categories
Design UX/UI

Daily UI #008 – 404 page

404 page I really like jazzy 404 pages. However, I also like them to be straight to the point and very lightweight. Also, I think the “404” code adds absolutely nothing to the user, so I scratched that from the main copy. Fonts used Playfair Display for main header. Lato for copy.  

Categories
Design UX/UI

Daily UI #007 – Settings

Settings Today’s design challenge is about settings. I created a modal and threw in a few checkboxes. Font used: Lato.

Categories
Design UX/UI

Daily UI #006 – User Profile

User Profile. Here’s design challenge #006: Font: Open Sans. Foto credit: https://flic.kr/p/avUWXP

Categories
Design UX/UI

Daily UI #005 – App Icon

App Icon Here’s the result:

Categories
Design UX/UI

Daily UI #004 – Calculator

Calculator Here’s friday’s design challenge: a calculator. I definitely wanted to polish this a bit further, but I think at this stage I’ve learned quite a bit in the process. I designed it in Sketch so I gained a bit of knowledge of the tool, also used some mockups for OS X components. I wish I had […]

Categories
Design UX/UI

Daily UI #003 – Landing Page

Landing Page (above the fold) That was today’s hint. It proved to be more challenging than previous ones. One of the reasons is because you need to think of a whole concept in which to base your design. A landing page is something that can take hours or days to do right, and I did this in less […]

Categories
Blog Design UX/UI

Daily UI #002 – Credit Card Checkout

For today’s entry the task was create a Credit Card Checkout form. This is my design, inspired by creditcard.js: Any feedback is welcome.

Categories
UX/UI

Enable tabbing between buttons on modal windows in OS X

Having the ability to navigate through buttons on modal windows is is one of the (very) few things I missed or found awkward since I’ve switched to OS X. It seems there was a setting for that, but it’s disabled by default: Source: https://twitter.com/iign/status/310105984418865152

Categories
Blog CSS UX/UI

Legibilidad en los medios online

Cada vez utilizo menos el RSS para leer noticias, y en cambio recibo lo más importante y/o lo urgente vía twitter. Esto me ha hecho visitar directamente los portales de noticias locales. Sin mucho análisis se puede ver que la mayoría de los medios de comunicación online uruguayos tienen problemas de legibilidad [1]. Algunos bastante graves, […]

Categories
UX/UI

Dark Patterns: Patrones oscuros de diseño

Dark Patterns es un sitio que pretende exponer y documentar patrones de diseño “oscuros”. Es decir, aquellos diseños que no son el producto de un error o descuido (anti-patrones) sino de fina manipulación de la psicología humana, con el fin de engañar al usuario. Algunos ejemplos de los patrones que proponen son: Roach Motel Put […]

Categories
UX/UI

Pequeños grandes detalles

Hace tiempo estuve en una charla de usabilidad, donde Daniel Mordecki decía que los cambios en esta área rara vez son radicales, sino que más bien son como pequeñas cucharadas que de a poco van juntandose para lograr una montaña. Little Big Details es una simple web que recopila estos pequeños detalles que van haciendo […]

Categories
UX/UI

User Interface Stack Exchange en beta pública

User Interface Stack Exchange es un sitio de preguntas y respuestas manejado por la comunidad, orientado a investigadores y expertos en el área de interfaz de usuario, uno de los tantos derivados de StackExchange. En estos 7 días de beta privada el sitio contó con 185 usuarios, 78 preguntas y 280 respuestas, y ahora se […]