agile apps–effective mobile and native development

[ SXSW Bios ] #sxsw #agileapps (Archive)

Brief

As the rise of iOS, Android, and the Mac App Store brings more web developers into the world of native applications can our existing processes and best practices survive the transition? How can we release early and often in an environment where each update must pass through a review process? How do we aggressively refactor code when outdated clients must be supported? Can we iterate efficiently on features when design changes require more than a stylesheet update? A group of experienced web, mobile, and native app designers and developers will discuss our experiences working on native applications. We will explain what unexpected challenges we encountered coming from a web background, what strategies have helped us design and develop native applications, what did not work, and what we should learn from experienced native application developers. Continue reading “agile apps–effective mobile and native development”

compass/sass/less: tips, tricks, and best practices

[ SXSW Bios ] #sxsw #compass (Archive)

Brief

Sass & Compass are quickly becoming a standard for authoring and maintaining the styles (CSS) of many of popular websites. A derivative of these languages may someday replace CSS as the default language for styling html. As with using any new technology, a full understanding of how it works, how to use it efficiently, pitfalls to avoid, and patterns for success will benefit any user. Continue reading “compass/sass/less: tips, tricks, and best practices”

prototype vs. sim—validating software and ux design

Making is designing. Use technology to make ideas real as part of the design process (not only part of the build process). Watch the rise and fall of what people change/tinker with (DIY culture) to know where you are getting it right (things that are left alone) and where you are not there yet (things that are modded). Perceptual prototyping is maturing.

[ SXSW Bios ] #sxsw #frogsxswi (Archive)

Brief

How much smoke and mirrors does it take to validate interaction models during the software design process? When do you have to stop faking it and start making it? How do you handle the traps of realistic demos slipping into production or permanent beta? Simulation, spike, proof-of-concept, interactive demo, prototype, and other artifacts often come with loose definitions and inflated expectations or lose their primary purpose during collaborative software design and realization. Design technology experts from frog who regularly push and pull on the boundaries of art and science will define bounds and discuss challenges, opportunities, risks, and rewards of going too far in real code during design or not going far enough. Topics will include defining needs and socializing intent for code-driven design assets across stakeholders, balancing speed and fidelity during interaction design, and understanding where early target platform development best informs and validates design. Continue reading “prototype vs. sim—validating software and ux design”

the page is dead

Responsive web design is changing the definition of a “page,” as it aims to address the growing variety of device form factors and locations where content is consumed. Additionally, as the web evolves, rules and limitations must be better understood in order to create truly unique content. This session will focus on design philosophy and development techniques to create and adapt your content for maximum impact, regardless of where and how it is consumed.

[ SXSW Bios ] #sxsw #designux (Archive)

Brief

Responsive web design is changing the definition of a “page,” as it aims to address the growing variety of device form factors and locations where content is consumed. Additionally, as the web evolves, rules and limitations must be better understood in order to create truly unique content. This session will focus on design philosophy and development techniques to create and adapt your content for maximum impact, regardless of where and how it is consumed. Continue reading “the page is dead”

sso—why does it suck so often?

More and more, SSO “out in the wild Internet” is seen as signing into a service with your credentials that are managed by some other company (identity provider). The less information you require to create an account (using data users have already filled out), the less drop-off you have for sign-up numbers. Building your own level of security well is difficult. Focus on what the user is expecting you to need/ask, and work with the data transparently.

[ SXSW Bios ] #sxsw #sso (Archive)

Brief

Single sign-on was a great promise: let the big identity providers handle authentication/identity, and your website gets all the benefits of a streamlined registration process for free! Anyone who has ever tried to implement it however, knows it never really works that way. In the real world, it’s a lot more messy: especially when you add in mobile, multiple providers and mixing it up with an existing account system. We’ll discuss best practices for making it work, handling the gnarly edge cases with security and identity issues, and how to make sure the user experience is as painless as possible. Panel will include platform representatives from Facebook, Twitter, and Google.
Continue reading “sso—why does it suck so often?”

mad css3 skillz

In this one hour tutorial workshop, you will become skilled in CSS3 selectors, transforms, transitions and animations. We will work through an animation examples, creating different paths, timing and effects, exploring linear gradients opacity, alpha transparency, border-radius, text-shadows, transforms, transitions and mostly animations. The code example will be provided participants can play with the code, going from novice to skilled without heavy note taking.

[ SXSW Bios ] #sxsw #css3 (Archive)

Brief

In this one hour tutorial workshop, you will become skilled in CSS3 selectors, transforms, transitions and animations. We will work through an animation examples, creating different paths, timing and effects, exploring linear gradients opacity, alpha transparency, border-radius, text-shadows, transforms, transitions and mostly animations. The code example will be provided participants can play with the code, going from novice to skilled without heavy note taking. Continue reading “mad css3 skillz”

client-side templating in jquery

There is a power for loading data that will be manipulated within the interface by user action. Templates also let you chunk your interface into manageable, re-usable pieces.

[ SXSW Bios ] #sxsw #jquerytmpl (Archive)

Brief

This session will review the options available today and in the future for client-side templating in jQuery. We will show the libraries available today, including jQuery Templates, knockout.js, and JsRender/JsViews.The past year has been rather tumultuous in the jQuery Templating space. Before the jQuery Templates plug-in even had a chance to come out of beta, the project was terminated in favor of newer templating libraries currently under development. However, even though it is still unclear which templating library is the best to use, the concept of client-side templating is too important to ignore or put off using. This talk will review the various options Web developers have today for performing client-side templating, and will present guidance on what to look for in the coming year as newer libraries are released. Continue reading “client-side templating in jquery”