How to create a cool motion blur for UI design presentations

This tutorial is about how to add motion blur to your UI design compositions so as to make swift movement look realistic and polished for your mobile app or website design. If you have not read the article on how to make animated GIFs you might want to take a look at this tutorial. This article will touch on the process I use briefly but its main focus is to explain how to apply motion blur to your application presentation.

Continue reading

How to create animated GIFs for UI design presentations: Part 3 After Effects animations and transitions

 

Screen Shot 2014-05-21 at 11.36.13 AM
What truly sets animated GIFs apart is the smooth transitions and animations between states, one can showcase. This enhances the digital experience for a user. A use case can be scripted or merely a simple mobile app turning on. The only drawback is the quality, length of animation and the size of file. In this third part of our tutorial, I will shared what effects I used to get my animated GIF of a mobile weather app. The first tutorial was on the full overall process and the second tutorial is on exporting into optimized GIFs.

Continue reading

Strategic solutions for mobile design

So what exactly is the best way to design for mobile devices? What is the difference between native apps and sites created in HTML5? Are there patterns that one can learn or even copy from, for their mobile project?

In this post I share an insightful Slideshare presentations by one of my mentors, mobile UX consultant Theresa Neil presenting at Door64 in Austin.  Theresa presents mobile design strategies taken to design mobile apps successfully. In a nutshell, the first 45 slides look at the mobile strategy options and explains each, the next 150+ slides deep dive into the four options: responsive, mobile optimized sites, native apps and hybrids.

Mobile Design. Strategic Solutions.

Kulula.com native mobile app prototype

Kulula app

Kulula app for tracking flights

I love travelling on Kulula (an airline company) and rate their online booking service very highly. Actually keeps me coming back because they have worked out a great experience for buying an airline ticket. The mobile version is not that different and taps into the existing functionality available on the desktop version. There were particular user experience scenarios I felt the mobile version did not effectively cater for and decide to create my own native app version. This is a glance into the User experience (UX) design process so far.

Continue reading

Mobile app development Part 4 – High fidelity and In-screen Prototyping

This is the fourth part in a series of how the development of a commercial educational  app was conducted. In the first part we looked at the need finding activities used to evaluate what features to include into the application. In the second part explored the creation of personas to reflect target user goals and motivations. The third part looked at the need for prototyping and user testing as being key in creating the perfect experience for the user.

Continue reading

Mobile app development Part 3 – Low fidelity Paper Prototyping

This is the third part in a series of how development of a commercial educational  app was conducted. In the first part we looked at the need finding activities used to evaluate what features to include into the application. In the second part explored the creation of personas to reflect target user goals and motivations. In this post we look at the need for prototyping and user testing as being key in creating the perfect experience for the user.

Continue reading

Mobile app development Part 2 – Personas

This is the second part in a series of how development of a commercial educational  app was conducted. In the first part we looked at the need finding activities used to evaluate what features to include into the application. In this second part we look at the creation of personas to reflect target user goals and motivations.

Continue reading

Usability design methods in my Masters project

This Microsoft-sponsored Masters project sought to explore a solution for some of the educational challenges experienced by a tertiary institution in developing world countries. These challenges were the high cost of bandwidth for Internet access and lack of money for building new computer labs resulting in overcrowded labs and fewer learners gaining access to information. The solution explored was one which would provide a reliable means of accessing time specific tasks for students through the use of existing technologies. Several Usability design methods were used to achieve this goal and I discuss them in this post.

Continue reading