RAD Remakes Modern UI FrameworksSilk UI is Born!

OutSystems Sales EngineeringAndre Madeira

4 months old

Over 5.000 downloadsof Silk UI components, since May

Story of a failed project …

The failure of Avon Products $125 million implementation of SAP software is the latest – and perhaps most dramatic – example of how usability has become a critical issue in the workplace.

Basically, users will accept less crap today, when it comes to software. That is because the world of consumer software has become easy and simple to use and has trained users to expect that business software will follow a similar model. And if it doesn’t, people are much less patient than they were in the past.

-- Industry Analyst Michael Krigsman

The Grid

The UX kit for IT professionals | by OutSystemshttp://www.outsystems.com/ux-for-it/

2013

CSS

.Box {background-color: white;font-size: 12px;border: 1px solid black;

}

Simple, right?

CSS

@media screen and (max-width: 700px) and (min-width: 340px) and (device-pixel-ratio: 2) {

.content > li.kpbb a:hover {position: relative;box-sizing: border-box;padding: 30px 0 0;font-size: .857142857142857rem;background-image: -webkit-gradient(linear,

from(#4d90fe),to(#357ae8)); z-index: -1!important;}

.aok-clearfix:after,.aok-clearfix:before, .clearfix:after,.clearfix:before { display: table; content: ""; line-height: 0; font-size: 0}

over 3000 lines of CSS

Responsive Menu

Front-End Frameworks

There’s a better way

Silk UI frameworklabs.outsystems.net/SilkUI

Themes

Starting from scratch...

81 Patterns and counting....that work on all themes

How many Silk Patterns are used in this page?

It just worksPerfect fit with the Platform

QualityBest Practices for CSS and JS

Big focus on performance3.000 tests (manual and automated) every release

Tested in all modern browsers and IE8+Tested in over 20 devices (iOS, Android and WinPhone)

Going ForwardContinuous support

Monthly releases

Thank you!labs.outsystems.net/SilkUI