Partially reflexion on the UX activity structure and partially the case of keeping all methods in a cohesive structure.

1. UX DESIGN AS A WHITE BOX
Defining UX strategy through system engineering
or where wireframes come from
UX

2. ALEXANDER
KISELEV
www.gentleface.com
17 years UX design
experience
mostly for
“Engelbart'sViolins”
USDJPY 101.616 2 101.636 -0.00662
US Dollar/Japanese ... L: 1.28699 H: 1.28487 -0.52% 4:35:06
EURJPY 130.908 3.5 130.943 -0.00662
Euro/Japanese Yen L: 1.28699 H: 1.28487 -0.52% 4:35:06
XAUUSD 1,386.29 46 1,386.75 -0.00662
Gold/US Dollar L: 1.28699 H: 1.28487 -0.52% 4:35:06
EURCHF 1.25049 3 1.25079 -0.00662
Euro/Swiss Franc L: 1.28699 H: 1.28487 -0.52% 4:35:06
XAGUSD 22.2515 400 22.2915 -0.00662
Silver/US Dollar L: 1.28699 H: 1.28487 -0.52% 4:35:06
AUDUSD 0.95755 3 0.95785 -0.00662
Australian Dollar/US.. L: 1.28699 H: 1.28487 -0.52% 4:35:06
USDCAD 1.03940 4 1.03980 -0.00662
US Dollar/Canadian... L: 1.28699 H: 1.28487 -0.52% 4:35:06
EURUSD 1.28832
2 1.28842 -0.00662
Euro/US Dollar L: 1.28699 H: 1.28487 -0.52% 4:35:06
GBPUSD 1.50651 3 1.50681 -0.00281
British pound/US D... L: 1.28699 H: 1.28487 -0.18% 4:35:06
USDCHF 0.97892 3 0.97932 -0.00662
US Dollar/Swiss Fran.. L: 1.28699 H: 1.28487 -0.52% 4:35:06
FX Majors
Desiription Day’s low Day’s high % change Last updated
Instrument Buy Sell Net change
7.94/7.97 (1.79%)GTK GTK Corpo...
52x H: 18.23
52w L: 6.76
Net Position L 1,000 @ 7.50 P/L: 132 USD 3.51% Orders 3
Bid Size: 1233
Ask Size: 1233
Last Traded: 15:15:08
Volume: 12000
Open: 7.76
Last Close: 7.72
News CalendarChartsOverview
Candlestick4 Hours
1.3300
1.3250
1.3200
GBPUSD 30-Dec-2010 20:00
EURUSD 30-Dec-2010 20:00
1.3218
Concensus target 8.95
P/E (2013E) 9.80x
P/B (2013E) 2.85x
Div. yield (2013E) 3.22%
Source: FactSet Research
Last close 8.04
52w high 12.85
52w Low 6.37
Packaged softare
Consesus rating:
Equity Research
Fundamentals (USD)
HoldHold BuyBuySellSell
Disclaimer: Saxo Bank A/S and/or its group entities shall not be responsible for any loss arising from
any investment based on any information contained herein. Please read the full disclaimer here,
Forex (4)
Instrument Status Amount Open Close Stop Limit P/L P/L (USD) % Price
Positions Open Orders
EURCAD Open -750,000 1.35202 1.35702 1.3600 -13,212 CAD -12,012 -0.38
EURGBP Square 0.87021 12,131 GBP 8,318 1.18
EURGBP 1,000,000 0.86223 0.87021 -7,187 GBP -5,512 -0.85
EURGBP -1,000,000 0.86781 0.87021 19,328 GBP 13,820 2.03
USDJPY Open 1,000,000 103.447 57,391 JPY 2,070 4.60
USDJPY 500,000 102.501 103.447 102.300 103.300 47,200 JPY 4,162 0.92
USDJPY 1,500,000 102.813 103.447 102.000 103.300 83,421 JPY 8,128 0.47
INET_1234567890 USD Cash balance: 1,790,128.85 Account value: 7,790,128.85 Margin available: 7,790,128.85 Margin utilisation: 23%
Find instrumentTrade EURUSD SAXOTRADER GO
PositionsWatchlist Orders
Desiription Amount Close Limit P/L CCY
Instrument Status Open Stop P/L USD
GBPUSD 1.50681 11,318 2.18
British pound/US Dollar -750,00 1.50687 5,231 GBP
EURJPY Open ex 0.0060 2,073 4.13
Put 130.95 24-Jan-2014 -750,000 0.0024 254,931 JPY
EURJPY 0.0020 130.950 10,073 7.13
Euro/Japanese Yen 1,250,000 0.0024 110.760 1,454,931 JPY
EURJPY 0.0040 130.950 1,073 4.13
Euro/Japanese Yen 500,000 0.0024 110.760 134,931 JPY
EURJPY 0.0075 -8,073 2.13
Euro/Japanese Yen -1,000,000 0.0024 -1,054,931 JPY
EURCAD Open 1.35202 1.3600 -12,012
Euro/Canadian Dollar -750,000 1.35702 -13,212 CAD
Forex 4
FX Options 1
GBPUSD Square 1.50681 8,318 1.18
British pound/US Dollar 1.50687 5,231 GBP
GBPUSD 1.50681 -2,318 -0.18
British pound/US Dollar -750,000 1.50687 5,231 GBP
EURCAD Open 1.35202 12,012 2.93
Euro/Canadian Dollar -750,000 1.35702 -3,212 CAD
EURCAD Open 1.35202 -12,012 -1.38
Euro/Canadian Dollar -750,000 1.35702 -13,212 CAD
EURCAD Open 1.35202 1.3600 -12,012
Euro/Canadian Dollar -750,000 1.35702 -13,212 CAD
CFDs 3
INET_1234567890 Bid Size: 3 24 21 0 2122
Ask Size: 13 65 123 2 223
Last Traded: 15:15:08
Volume: 12000
Open: 7.76
Last Close: 7.72
7.94/7.97 (1.79%)GTK GTKey Corpo...
52x H: 18.23
52w L: 6.76
Sep 23, 02:27 Europe Factors to Watch-Shares set to rebound after 2-day dip
Sep 23, 01:57 Europe Factors to Watch-Stocks set for mixed open; Germany eyed
Sep 23, 01:08 European Factors to Watch-Shares seen steady near 5-year highs
Sep 23, 00:02 RPT-Fitch: No impact on Scaldis' ABCP rating from programme
Sep 23, 00:28 European Factors to Watch-Shares to gain, Fed move seen moderate
GTKey Corporation (ADR)
Telecom equipment
Candlestick4 Hours
1.3300
1.3250
1.3200
GBPUSD
Close
MA 10
1.3300
30-Dec-2010 20:00
EURUSD 30-Dec-2010 20:00
1.3227
1.3218
February 2013
26 120
Target: 5.95
Dividend (E): 0.22%
P/E (E): 9.80x
P/B (E): 2.85x
Consensus: BUY
Net Position L 1,000 @ 7.50 P/L: 132 USD 3.51% Orders 3
News Calendar Stock toolsChartsDashboard
INET_1234567890 USD Cash balance: 1,790,128.85 Account value: 7,790,128.85 Margin available: 7,790,128.85 Margin utilisation: 23%
SAXOTRADER GOTrade Ticket Find instrument
Network
Monitoring Virtual Services Real Servers System ConfigurationLOAD-MASTER
87.98.203.0/16
10.0.0.0/16
10.0.0.0/24
10.0.11.0/24
10.0.12.0/ 24
LoadMaster 10.0.12.11
10.0.12.12
10.0.12.13
10.0.12.14
10.0.12.15
10.0.12.16
10.0.12.12
10.0.12.13
10.0.12.14
10.0.12.15
10.0.12.16
10.0.12.12
10.0.12.13
10.0.12.14
10.0.12.15
10.0.12.16
6
LoadMaster 10.0.12.11
Open WUI
Interfaces
DNS Config
Route Management
Access Control
System Adminstration
Log Settings
Miscellaneous
System Administration
Reboot all LoadMasters
Shutdown all LoadMasters
License
Uuid: ef36374844-fe38-4f12-ec384747589c
Activation date: April 09 2014
Licensed until: Unlimited
Update Licese
Firmware
Firmware Update
Previous version: 7.1-16a 484845858
Online
Reboot
Shutdown
Restore
BrowseFirmware Update File: F://firmware/
Restore Firmware
Cancelin progressversion:7.1-19b 484845858 45%
10.0.12.12 7.1-17a 484845858
10.0.12.13 7.1-17a 484845858
10.0.12.14 7.1-17a 484835858
10.0.12.15 7.1-17a 484845858
10.0.12.16 7.1-17a 484845858
in progress 43%
in progress 45%
Not applicable to current hardware
in progress 50%
Error while updating firmaware View log
Licensing type
KEMP Identifier
Password
Retry
Cancel
Cancel
Cancel
Sign out | Service | Bestellung | Kontakt | Impressum | Deutsch | Česky
Customer orders
New Order Export this page Orders date range: 30 February 2013 - 30 March 2018Active orders
Sort by date5 products in the active order, 2 batches need your attention
Humalog INJ SOL 100 ut/ml 1x10 ml/1 ku 0025590 CZ 19.00 200 100
100 C061568 06 / 2014
Inspra (SK) POR TBL FLM 25 mg 30 96327 CZ 51.00 200 166
111 C061563 12 / 2014 Accepted
55 C061563 01 / 2015
Micardis (SK) POR TBL FLM 40 mg 28 0059999 DE 14.80 200 155
155 C061568 02 / 2016
MicardisPlus 12,5 mg POR TBL FLM 80/12,5 mg 28 0026578 DE 16.50 200 119
42 C061568 12 / 2015 Accepted
32 C061568 12 / 2015 Declined
65 C061568 12 / 2015
Prezista POR TBL FLM 400 mg 60 0500529 SK 510.00 200 152
152 C061568 01 / 2015
Name Presentation Strength Size Registration Country Price Ordered Dispatch Batch # Expiry
Humalog INJ SOL 100 ut/ml 1x10 ml/1 ku 0025590 CZ 19.00 200 100
100 C061568 06 / 2014
Inspra (SK) POR TBL FLM 25 mg 30 96327 CZ 51.00 200 166
111 C061563 12 / 2014 Accepted
55 C061563 01 / 2015
Micardis (SK) POR TBL FLM 40 mg 28 0059999 DE 14.80 200 155
155 C061568 02 / 2016
MicardisPlus 12,5 mg POR TBL FLM 80/12,5 mg 28 0026578 DE 16.50 200 119
42 C061568 12 / 2015 Accepted
32 C061568 12 / 2015 Declined
65 C061568 12 / 2015
Prezista POR TBL FLM 400 mg 60 0500529 SK 510.00 200 152
152 C061568 01 / 2015
Name Presentation Strength Size Registration Country Price Ordered Dispatch Batch # Expiry
Sum (ordered):
Sum (delivered):
60,213.00 EUR
23,353.00 EUR
Accept Decline
Accept Decline
Company Name • 6/3/2014 • internal #June 2014 - VII • Pickup: 6/24/2014Pick up date
June
24
Tuesday
Current Order:
June 2014-VII
Other Orders:
June 2014-VIII
from 12:00 till 16:00
Ordered amount
Value of shipment
60,213.00 EUR
Currently delivered amount
23,353.00 EUR

3. 1
HOWTO EFFICIENTLY
DOWNLOAD PROJECT
REQUIREMENTS?
2
HOWTO CONNECT
REQUIREMENTSTOTHE DESIGN?

4. HOWTO EAT
AN ELEPHANT?
Actually many elephants.

5. UX DESIGN
IS VAGUELY DEFINED

6. UX DESIGN HAS A LARGE
NUMBER OF METHODS
http://uxdesign.cc/ux-methods-deliverables/
+ hundred more…

7. How to
assemble the
elephant back?

8. HOW DOESTHE SUCCESSFUL
SYSTEM DEVELOPMENT FUNCTION?
The Essence of Software
Engineering:
The SEMAT Kernel
A thinking framework in the
form of an actionable kernel
http://www.omg.org/news/meetings/tc/berlin-13/special-events/essence-pdfs/S4-Elvesaeter.pdf

9. UX AS AN OPPORTUNITY,
AS A SOLUTION,
AS A CASE, PROJECT, PROCESS, CULTURE.
Stakeholders Level: Customers and
Needs in a very broad sense.
Solution Level: Requirements and
Deliverables
Endeavour Level:Who is working,
How they work and What they do.
Using system. Customer.
Enabling system. Endeavour.
System of interest. Solution.

10. STAKEHOLDERS ARE ANYONE WHO
HAS A CONCERN ABOUTTHE SYSTEM
Stakeholders are forming system views and
picking up a system of interest from
the Holon of Systems of systems.

11. Stakeholders define the system.
The system is in their eyes.

12. DEFINING AND COLLECTING
Jobs to Be Done, 5 whys, Experience Map, User
Studies, Personas
vs
Business Motivation Model, i*, KAOS,ArchiMate

13. ARCHMATE MOTIVATION
EXTENSION
• Stakeholders
• Concerns/Drivers
• Assessments/SWOT
• Goals/Requirements/
Constrains/Principles

14. • Goals are accomplished either by completing
some action (tasks) or
• Stand as a passive requirement for system aspect
• Sometimes they can be addressed but not
accomplished (soft goals)
• Some goals can conflict, contribute to a high-level
goal or be subject to a new pain

15. Where from come
wireframes?

16. START WITH
WIREFRAMES
=
USE
HEURISTICS

17. FORTHE ENGINEERING PROJECTS,
MOST IMPORTANTVIEWS ARE
• functional view
how it works
• modular view
what it contains
• placement view
where it is placed

18. FUNCTIONALVIEW CONCISELY
SHOWSTHE WORKFLOW
• Simplified BPMN notation
• Each block is a task
• Similar to Use Case
description
• In a concise way where
one can visually see
outcomes and flows

19. WHAT IF A PROCESS IS A BIT
LONGER?

20. THE CENTRAL QUESTION
WHAT DOES USER NEED TO
COMPLETE THE PARTICULAR TASK?
ANOTHERTASK,A PARTICULAR INTERFACE
ELEMENT OR SPECIFIC CONTENT?

21. MODULES OR
CONTENT STRATEGY
• Modules view describes what content element do we have.
• Content structure, content types, hierarchy, usages, aggregations.
• What interface elements do we need?
• What are content specifications, size, visibility, type?
• UI structure from primitives (atomic design) to complex widgets.
• Boundary content cases (Too many, too long/short, absent, error).

22. MODULES AND
CONTENT STRATEGY

23. ATOMIC DESIGN

24. PATTERN
LIBRARIES
AND STYLE
GUIDES

25. PLACEMENTS
• Now we can pack the
content required to
accomplish specific
functional chunks to
wireframes, mockups or
code.
• Depending on device,
UI pattern fit, functional
requirement or navigation.

26. Motivation
Function
Content
Placement

27. THANKS
Alexander Kiselev
andaja
at twitter, skype, gmail and so on