THE FUTURE OF SCREENS - sterning.com.au...MVVM)[edit] Angular (application platform) by Google...

Post on 22-May-2020

8 views 0 download

transcript

THE FUTURE OF SCREENSFrom james stanton

A little bit about me.

Hi I am James (Mckenzie) StantonThinker / Designer / Engineer / Director / Executive / Artist / Human / Practitioner / Gardner / Builder / and much more...

Born in Essex, United Kingdom and survived a few hair raising moments and learnt digital from the ground up.

Ok enough of the pleasantries

I have been working in the design field since 1999 from the Falmouth School of Art and onwards to the RCA, and many companies.

Ok. less about me and more about what I have seen…

Today we are going to cover- SCREENS CONCEPTS- DIGITAL TRANSFORMATION - WHY ASSETS LIBRARIES- CODE LIBRARIES- COST EFFECTIVE SOLUTION FOR IMPLEMENTATION

I know, I know, I know. That's all good and well, but what does this all mean to a company like mine?

We are about to see a massive change in consumer behavior so let's get ready.

DIGITAL TRANSFORMATION AS A USPGetting this correct will change your company forever.

Digital transformation (DT) – the use of technology to radically improve performance or reach of enterprises – is becoming a hot topic for companies across the globe.

DIGITAL TRANSFORMATION USP-01

VERY DIGITAL NOT VERY DIGITALCHANGING

Companies face common pressures from customers, employees and competitors to begin or speed up their digital transformation. However they are transforming at different paces with different results.

DIGITAL TRANSFORMATION USP-02

VERY DIGITAL NOT VERY DIGITALCHANGING

Successful digital transformation comes not from implementing new technologies but from transforming your organisation to take advantage of the possibilities that new technologies provide.

DIGITAL TRANSFORMATION USP-03

Major digital transformation initiatives are centered on re-envisioning customer experience, operational processes and business models. Companies are changing how functions work, redefining how functions interact, and even evolving the boundaries of the firm.

DIGITAL TRANSFORMATION USP-04

VERY DIGITAL NOT VERY DIGITALCHANGING

Companies that are leading the change.

DIGITAL TRANSFORMATION USP-04

Successful DT does not happen bottom up. It must be driven from the top. This is also very true within the design practise.

DIGITAL TRANSFORMATION USP-05

DIGITAL TRANSFORMATION USP-05

Focus on the “how” more than the “what.” The most successful transformations I have seen focus as much (or more) on how to drive change as on the detailed content of the change. A compelling transformative vision, with related engagement, governance and KPIs will allow people throughout the enterprise to identify new “what's” to meet or extend the vision.

DIGITAL TRANSFORMATION USP-06

Successful DT comes not from creating a new organization, but from reshaping the organization to take advantage of valuable existing strategic assets in new ways.

DIGITAL TRANSFORMATION USP-07

Companies can do much more to gain value from investments they have already made, even as they envision radically new ways of working.

DIGITAL TRANSFORMATION USP-08

WHY ASSET LIBRARIESDoing this early and using all the tools will save you 1000s of hours.

With the wealth of screens that we consumer information from, it has become a massive problem on how we look after companies digital assets and how they are used.

WHY ASSET LIBRARIES 101

WHY ASSET LIBRARIES 101

WHY ASSET LIBRARIES 101

WHY ASSET LIBRARIES 101

WHY ASSET LIBRARIES 101

WHY ASSET LIBRARIES 101

CODE LIBRARIESEngaging with your development team to future proof the next 3-4 version?

So we have just spoken about DAM - digital asset management, why it’s a good idea to use this asset libraries and design patterns…

But what about the code libraries or frameworks?

Well.

WHY CODE LIBRARIES 101

Cassowary (software)CHR.jsDOM (manipulation)Google PolymerDojo ToolkitjQuerymidoriMooToolsPrototype JavaScript FrameworkAnyChartD3.jsFusionChartsHighchartsEaselJS, part of CreateJSJavaScript InfoVis Toolkitp5.jsPixi.jsPlotlyProcessing.jsRaphaëlSWFObjectTeechartThree.js

WHY CODE LIBRARIES 101

Velocity.jsVerge3DWhitestormJSGUI (Graphical user interface) and widget related[edit]Angular (application platform) by GoogleAngularJS by GoogleBootstrapDevExtreme by DevExpressDojo WidgetsExt JS by SenchaFoundation by ZURBIgnite UI by InfragisticsjQuery UIjQWidgetsKendo UI by TelerikOpenUI5 by SAPPolymer (library) by GoogleqooxdooReact.jsSmartClientWebix

Wijmo 5 by GrapeCityWinJSNo longer actively developed[edit]GlowLively KernelScript.aculo.usYUI LibraryPure JavaScript/Ajax[edit]Google Closure LibraryJooseJsPHPMicrosoft's Ajax libraryMochiKitPDF.jsRicoSocket.IOSpry frameworkUnderscore.jsTemplate systems[edit]Cascade FrameworkjQuery MobileMustacheJinja-JS

Twig.jsUnit testing[edit]JasmineMochaQUnitUnit.jsWeb-application related (MVC, MVVM)[edit]Angular (application platform) by GoogleAngularJS by GoogleAureliaBackbone.jsCappuccinoChaplin.jsEchoEmber.jsEnyoExpress.jsExt JSGoogle Web ToolkitJavaScriptMVCJsRender/JsViews

WHY CODE LIBRARIES 101

KnockoutMeteorMojitoMooToolsNode.jsOpenUI5 by SAPPolymer (library) by GooglePrototype JavaScript FrameworkPureMVCqooxdooReact.jsRialto ToolkitSproutCoreTotal.jsVue.jsWakanda FrameworkModernizrCannon.jsMathJax

So I will let you into a little secret. They are only JavaScript Frameworks.

What next…?

WHY CODE LIBRARIES 101

WHY CODE LIBRARIES 101

WHY CODE LIBRARIES 101

So I will let you into a little secret. That was only Android

We still got...

WHY CODE LIBRARIES 101

WHY CODE LIBRARIES 101

WHY CODE LIBRARIES 101

Kendo-vue-ui Kendo-jquery-ui kendo-angular-ui kendo-react-ui

Well I could go on for hours, days, weeks, months about all the different code frameworks, libraries, platforms.

But why should we be using them?

WHY CODE LIBRARIES 101

Theses frameworks, and libraries used with code repository helps future proof all companies version control and source code management functionality including the link to assets. Which saves 10,000 hours

WHY CODE LIBRARIES 101

COST-EFFECTIVE SOLUTION FOR IMPLEMENTATIONTop 10 strategies to be more cost effective.

01. Digital Asset Management, Program, Libraries, with a bullet proof roadmaps.

COST-EFFECTIVE SOLUTION FOR IMPLEMENTATION

02. Pure Customer Research, with an actioned outcome with 48 hrs or less.

COST-EFFECTIVE SOLUTION FOR IMPLEMENTATION

03. Adopt a long-term mindset with goals.

COST-EFFECTIVE SOLUTION FOR IMPLEMENTATION

04. Using Video is a must to engage your customers, this does not have to be long it can be as short as 10 sec but make many .

COST-EFFECTIVE SOLUTION FOR IMPLEMENTATION

05. Build your community, invite, participate, listen, and action change.

COST-EFFECTIVE SOLUTION FOR IMPLEMENTATION

06. Use the tools that are free and help your company be seen eg: Yelp, or IFTTT and more

COST-EFFECTIVE SOLUTION FOR IMPLEMENTATION

07. Take advantage of automation, asap.

COST-EFFECTIVE SOLUTION FOR IMPLEMENTATION

08. Dynamic Design Patterns that use one code source for updates and changes.

COST-EFFECTIVE SOLUTION FOR IMPLEMENTATION

09. Go green

COST-EFFECTIVE SOLUTION FOR IMPLEMENTATION

10. Have social campaigns that are driving direct to actioned, incentivised outcomes.

- Purchase- Signup- Register - Download

COST-EFFECTIVE SOLUTION FOR IMPLEMENTATION

NOW TIME FOR SOME Q&AASK AWAY.