background preloader

App Development

Facebook Twitter

Getting started with app development - Apps. Web apps are apps built using standard Web technologies.

Getting started with app development - Apps

They work in any modern Web browser, and can be developed using your favorite tools. Some characteristics that distinguish Web apps from websites: Apps are installed by a user, they are self-contained and don't always require the chrome of a browser window, and they can be built to run offline. Gmail, Twitter, and Etherpad are Web apps. UXCam User Experience testing for mobile and website. A Comprehensive Guide to Testing Web Apps. A Resource for Web Application Developers. How to build an app: 35 great tutorials. Starter's Guide to iOS Design. As someone who does work on both the development and design side of iOS apps I find that many designers struggle with the transition to UI work, or with the different processes involved in iPhone and iPad app design.

Starter's Guide to iOS Design

In this guide I'll describe the deliverables you'll be expected to produce, outline the constraints of the medium and introduce fundamental iOS and UI design concepts. The Medium Knowing your medium and its quirks is an important part of being a good designer. I'm sure you've been witness to large print-outs with horrible pixelation artefacts - the result of misunderstanding print media. Similarly misunderstanding the role of pixels on screen can result in blurry, squished, or pixellated designs. iOS devices come in two main form factors, the iPhone and the iPad[…] For simplicity I'll be leaving the iPod Touch range out. From beginner to selling my app in the app store in 2 months. I’ve read many posts in the past asking how to get started learning to code, or asking what people should do next after they’ve finished Code Academy.

From beginner to selling my app in the app store in 2 months

I wanted to give my story thus far to help others get started, because I’m currently on a “progress high” from how exciting it is to make an app. “No experience” It would be a lie to say I had absolutely no experience, but the experience I had prior to this process was limited to my engineering 101 course, where we learned how to draft algorithms and make small programs in C++ and Matlab. If you can make a game of life then you are at the level of familiarity I was at when I began. I also dabbled in learning Ruby, Rails, CSS/HTML but literally had only done the code academy web fundamentals track. Timeline Week 1 – Lynda.com objective-c course completed. Week 2 – Lynda.com iOS SDK course completed. Make Your Own iPhone or Android App, Infinite Monkey App Maker Free. The Manager’s One-Minute Guide To Brainstorming Apps. The most misunderstood axiom about technology among management is that building a successful digital product begins with the utility value.

The Manager’s One-Minute Guide To Brainstorming Apps

It doesn’t require impressive branding, exquisite design, or a polished user experience, so those things should be left for last. Start with utility value and proceed from there. As Jon Lax, cofounder of the digital agency Teehan+Lax told me: “Think about how many apps you download. Flinto – iPhone, iPad and Android Prototyping. AppSeed Transforms Your Sketches Into App Prototypes. AppSeed is an app that turns your sketches into prototypes.

AppSeed Transforms Your Sketches Into App Prototypes

Image: AppSeed Users sketch a wireframe and then take a photo. Image: AppSeed Computer vision identifies enclosed spaces like a box and decides what to do with it. Image: AppSeed Once an element is isolated, users can move its position, move it to another page, make it into input text. Image: AppSeedAppSeed allows you to run the prototype on your mobile device, share the prototype as an HTML5 prototype with others or send the designs to a layered Photoshop file for editing.

The End Of Apps As We Know Them. The experience of our primary mobile screen being a bank of app icons that lead to independent destinations is dying.

The End Of Apps As We Know Them

And that changes what we need to design and build. How we experience content via connected devices – laptops, phones, tablets, wearables – is undergoing a dramatic change. The idea of an app as an independent destination is becoming less important, and the idea of an app as a publishing tool, with related notifications that contain content and actions, is becoming more important. This will change what we design, and change our product strategy. No more screens full of app icons This is such a paradigm shift it requires plenty of explaining. The idea of having a screen full of icons, representing independent apps, that need to be opened to experience them, is making less and less sense.

The primary design pattern here is cards. Designing systems not destinations I covered this topic in detail in a previous post, so I’ll quickly summarise here. But that is changing fast. When designing for Android, forget iOS. By the numbers Android and iOS are the two leading mobile platforms, together accounting for nearly 98% of mobile traffic on UW web services.

When designing for Android, forget iOS

With the successful launch of SpaceScout for iOS we felt it was time to start looking into designing for the Android platform. The epicurious app violates numerous Android design recommendations I wanted to avoid the common pitfall of designing from a previously existing iOS app and simply porting the iOS experience to the Android platform, such as the epicurious app shown above. While Android and iOS share many of the same basic UI elements, gestural controls, and navigation patterns there are differences that must be considered. Most Android users will notice when an app isn’t designed specifically for Android, usually due to the presence of styles and interactions borrowed from other platforms.

“Back” Navigation. iOS and Android Design Guidelines Cheat Sheet.