Upload
sencha
View
68
Download
0
Embed Size (px)
Citation preview
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
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