Jorge Ramon

  • Home
  • New Here?
  • Articles
    • All
    • Sencha Touch
    • jQuery Mobile
    • ExtJS
  • Books
  • About

Sencha Touch Best Practices for User Interface Development

June 13, 2015 1 Comment

sencha-touch-best-practicesIn this article I talk about Sencha Touch best practices, specifically for developing user interfaces. I use the following practices in my projects. I think they will help you when developing Sencha Touch UIs.

Continue Reading →

Tagged With: Sencha Touch Tutorial 1 Comment

How I Develop Mobile Web Apps

May 17, 2015 5 Comments

dev-process

In this article I will share with you the process that I follow to develop mobile web apps. According to the answers that you provided in my reader survey, many of you are curious about this topic. Here’s my approach.

Continue Reading →

Tagged With: Best Practices, JQuery Mobile Tutorial, Sencha Touch Tutorial 5 Comments

Sencha Touch Book Supports Sencha Touch 2.4

October 7, 2014 Leave a Comment

My Sencha Touch book is now updated for Sencha Touch 2.4. The book will teach you how to create a Sencha Touch 2.4 application. Starting with UI mockups, and ending with a production build of the app.

These are the specific topics that you will learn:

  • The building blocks of a Sencha Touch application.
  • How to implement the Model-View-Controller pattern in a Sencha Touch application.
  • How to create an application with multiple views, and how to implement intuitive navigation patterns.
  • How to create list-based and master-detail user interfaces in a Sencha Touch application.
  • How to use Sencha Touch forms to capture and validate user input.
  • How a Sencha Touch app leverages HTML5 local storage to save data on the device.
  • How to scaffold, minify, and deploy a Sencha Touch app to production using Sencha Cmd.

Learn more about the Sencha Touch book.

Tagged With: Sencha Touch Tutorial Leave a Comment

Mobile UI Patterns – A Flowchart for User Registration, Login and Logout

September 29, 2014 3 Comments

In this mobile UI patterns article we will build a flowchart depicting the screens needed to handle user registration, login and logout in a mobile application. As a UX designer, it’s very important that you are familiar with these screens and how the interact with each other.

Let’s start by taking a look at the typical application launch sequence.

An Application’s Launch Sequence

A large number of applications have a launch sequence that takes users to a Landing Page or Landing Screen, however you like to call it, from where they have access to deeper areas of the app. We could draw this UI pattern like this:

screen-flow-app-launch

The Login Flowchart

Most apps provide personalization features that require a user to have an account in the app. In those applications the launch sequence changes quite a bit. For starters, when users arrive at the Landing Page and you don’t know who they are, you need to redirect them to a Login Page where they will enter their credentials:

screen-flow-login-locked

Continue Reading →

Tagged With: Best Practices, ExtJS Tutorial, JQuery Mobile Tutorial, Kendo UI Mobile Tutorial, Sencha Touch Tutorial 3 Comments

  • 1
  • 2
  • 3
  • …
  • 12
  • Next Page »

Free Mobile User Interface Recipes Kit

Free Mobile User Interface Recipes Kit

Sign up to receive my posts via email and get a FREE Mobile User Interface Recipes Kit with mockups packages for three real-world mobile apps. You will save hours of design time when you use the kit to build your own apps.



I will never share your email address.

Get My Books

The beginner's guide to Sencha Touch apps
The beginner's guide to jQuery Mobile apps

Book: How to Build a jQuery Mobile Application

Topics

  • » jQuery Mobile Tutorials
  • » Sencha Touch Tutorials
  • » ExtJS Tutorials
  • » Books
  • » Tools
  • » .Net Tutorials
  • » BlackBerry Tutorials
  • » iOS Tutorials
  • » Node.js Tutorials
  • » Android Training
  • » BlackBerry Training
  • » iOS Training

Search

Contact Me

  •  Email: jorge[AT]jorgeramon.me
  •  Twitter: @MiamiCoder
  •  LinkedIn: Jorge Ramon


Don’t Miss the Free Updates

Receive free updates in your inbox.
Your address is safe with me.

Copyright © 2019 Jorge Ramon · The opinions expressed herein do not represent the views of my employers in any way · Log in