Download Improving eCommerce Usability: A Business Process Approach and more Slides Information and Computer Technology in PDF only on Docsity! Improving the Usability of e- Commerce Applications Using Business Processes Topic: Docsity.com The outline • Introduction • Sample Scenarios • Business Processes • The Approach for Improving UI • Improving the UI using Business Process • Usability Study • Conclusion and future work Docsity.com The original Ul of a call center app
Reminder/Promotions Viewer
Docsity.com
Purchase Order” business process • Intent to support the CSR in this Scenarios Docsity.com The improved UI of a call center app
Ae ee Le re
aba F ladaiih [ap eb [Rt Se | = eon
Pep ae
Taner as pan es peas
(ee Cee sider
a
eae caine cree
se at om pad me
serie aro) Liverees - [olen AE
Docsity.com
The Approach for Improving UI Docsity.com
oO
A
_— TT —_— —_—
f aN ™
: ¥
v User 1 for Role 1 User 2 far Role 2
User Interface for Role 1 | Server User Interface for Role 2
UP Component n | Business UL Companent n
a Funetion n a
Process List {Ul Component 2 Business [Ul Component 7 Process List
Function 2
Navigation Ul Companent 4 Business Ul Component 1 Navigation
Funetion 1
I ] 4 T A
Propess # | Process
coordination Update Task = Function Task = Function coordination Update
requests event event call event call requests event
’ | ’ | ’ | |
Generating
Event Engine ————__ Navigation Event Engine
Navigation! Sequences | Navigation
a Sequence SSQUENGE
Binding | Binding
Specification Process specification
definition
Recovering Bindings and Inserting Task triggers
Le I
definition Ul Source Gade
‘Communication
Component User interaction ——fp> Galera = with backend =e Rureime
Information: applications communication
Docsity.com
The approach (1/2) • Recovering Roles and Their Mappings to Tasks • Recovering Task-UI Bindings. To match: – the task name with the names of UI components – the task name with the names of a widget in a UI component – the task name with the data items in a UI component – The name of a task with the names of function calls (callback) – The input and output data of a task with the data. Docsity.com
public class TaskEvent |
// Event name
public String Name;
{Event type, such as Start, End, ete.
public String Type;
{Business process related data for each task
TaskContext context;
Fig. 8. Task event definition.
‘In source code of UI component, at trigger point
TaskEvent event = new TaskEvent(
“Enter customer information”, "Start", null);
TEventHandler.getInstance(). handleTaskEvent(event);
Fig. 9. Triggering a task event in the source code of a Ul component.
Docsity.com
Dynamic Execution Environment • Showing Navigation Sequences for Business Processes • Providing Context Awareness Guidance Docsity.com Improving the UI of a Call Center Application Using Business Process • Generating the Dynamic Execution Environment – Process Definition Parser (IBM WBM) – Role Model Generator – UI Model Generator – Navigation Sequence Generator – Code Generator Docsity.com Evaluation Criteria for Usability • Scenario 1 • Scenario 2 • Scenario 3 Docsity.com Usability and Type of UI • T-test • Hypothesis (alpha = 0.05): • The usability of the improved UI is better than original UI Docsity.com Usability and Tutorial • T-test • Hypothesis (alpha = 0.05): • Tutorial does not have significant effect on the usability of the improved UI for novice user Docsity.com Thank you Q/A Docsity.com ne 5)
Enter Shipping Information
p Payment —
chars
= = aT ison | = oa rst gas
Si Shipping ee
Enter Payment — = (110.00)
‘aa, Information _
[Grandtotol 49560
= Pa
Docsity.com
(_) Task [Customer order] Data I Binding
[Customer
information]
Select Product
Dialog
(UI Component)
Related Products Viewer
(Supporting Ul Component)
Add products to
order
U
[Customer order]
UI Component —>Connector
Docsity.com