SenchaCon 2016: Refine Enterprise Applications by Focusing on U0ser Experience - Emil Pennlov

Refine enterprise applications by focusing on user experience

Emil Pennlöv2016-11-08

Emil Pennlöv

• 13 years in web tech

• 7 years working with Sencha framwork(s)

• Certified trainer for Sencha

• Team leader at Orango AB

2

OrangoERP specialists• Microsoft Dynamics AX, Microsoft Dynamics NAV, PRMS & Bison

• 110+ employees

• Malmö, Stockholm, Helsingborg & Kristianstad

• Select partner with Sencha

• 8 Sencha developers - both internal & external projects

emil.pennlov@orango.se

EmilPennlov

Emil Pennlöv

www.meetup.com/The-Oresund-ExtJS-Meetup/

Stay in touch

Agenda

ERPchallenges

UXhappy users

TOOLBOXcomponents

ERP / Challenges with large scale and data heavy applications

ERP?

“Emil, please tell me about ERP so I can fall asleep” - Wife

ERPThe hub of an organization

Purchasing

Manufacturing

Warehouse Management

Sales

Financial Management

…

CRM

API

Handheld applications

3rd party application

…

ERPA lot of data

1 000s of tables1 000 000s of records in each table10 000s of transactions each day

1 000s of pages in the system

ERPComplexity

Hide complexity from user

• image • text• live stock balance• customer unique price• …

Order App

Add to cart

120 SEK

- +8 psc

200 in stock

ExampleRetail handheld

by Orango for Panduro Hobby

ExampleRetail handheld

by Orango for Panduro Hobby

UX / How to get happy users

User ExperienceVisual design, information

architecture, usability, interaction design

Great UXcreates confident and

happy users

UX

which encourages them touse your application

Banana1 kg. More info >>

23,20 SEK/kg - +5 pcs

Evolvement of UX

ux

time

B2C

B2B

now

UX from B2CHow does it affect enterprise developers (like us)?

We can get inspired by great workOur customers have an unmet modernization

need – a lot of work for usWe will be compared with large teams

with unlimited resources

++

-

Real world examples of good (B2C) UXHow users became happy• Uber- Rated driver & trusted payment

• Airbnb- Rated host & trusted payment

• Pokémon Go- Combining gaming & health

• Bank, tax, payment, authority- Remove (snail) mail with electronic signatures

Real world examples of good (B2C) UXUnhappy parking

Real world examples of good (B2C) UXHappy parking with Parkster

by Parkster

1 - choose parking area 2 - park

Who is in focus?

The user!

The UI of an Enterprise applicationis often based on database design

Real world examples of good (B2B) UXHow users became happy• Slack- Flexible & searchable communication

• Basecamp- Makes it easy to be good

• Microsoft Dynamics 365- Real web based clients

• Workplace by Facebook- B2C approaching B2B

Real world examples of good (B2B) UXWhat makes a consultant unhappy?

Mobile time sheet by Orango

UX for B2BHow can we make the enterprise system user happy?

Warehouse management

Manufacturing

Purchasing

Financial management

Sale

s

Serv

ice

Tran

spor

t

Management

Company(with an ERP system)

Customer Supplier

Toolbox / Using custom components to achieve great UX

ComponentsA way to improve UX• A component may:- Be seen on the screen

- Visualize data

- Expect input

- Be interacted with

• Ext JS …- Provides a great set ( grid, tree, chart, form, window, d3, pivot etc.)

- Components are highly customizable using configurations

- Provides the means to create your own custom components

A system handles a lot of data - the tricky part is

how to visualize it and get the desired input

Bison ERP

Form fields

' updatedcontainer '

' tablelookup'

Form fields

' clickfield'

' linkfield'

' uploadarea'

filter

grid

Filter

filter

grid

Filter

Filter

Filter

Filter

Filter

Filter

Filter

Filter

Compare

Compare

Compare

KPI

• What and why- Key Performance Indicator

- System has the data

- Push

- Learn and improve

• Avoid seeing a KPI as …- A design element

- Something that’s interesting for everyone

- A dead end

$1,800,000Revenue

+2%

KPI

KPI

Summary

Summary

Utilize the system

Hide complexity

Modernize

Visualize (a lot of) data

Get the desired input

Reuse & scale

Attract the user

Make it easy to use

Show relevant information

ERPchallenges

UXhappy users

TOOLBOXcomponents

Please Take the Survey in the Mobile App

• Navigate to this session in the mobile app

• Click on “Evaluate Session”

• Respondents will be entered into a drawing to win one of five $50 Amazon gift cards