This repository has been archived by the owner on Jul 16, 2019. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathux.html
434 lines (271 loc) · 29.6 KB
/
ux.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
<!DOCTYPE html>
<html >
<head>
<!-- Site made with Mobirise Website Builder v4.6.1, https://mobirise.com -->
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="generator" content="Mobirise v4.6.1, mobirise.com">
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1">
<link rel="shortcut icon" href="assets/images/bpk-favicon-128x128-1.png" type="image/x-icon">
<meta name="description" content="User Experience">
<title>UX</title>
<link rel="stylesheet" href="assets/web/assets/mobirise-icons/mobirise-icons.css">
<link rel="stylesheet" href="assets/tether/tether.min.css">
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap-grid.min.css">
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap-reboot.min.css">
<link rel="stylesheet" href="assets/dropdown/css/style.css">
<link rel="stylesheet" href="assets/datatables/data-tables.bootstrap4.min.css">
<link rel="stylesheet" href="assets/animatecss/animate.min.css">
<link rel="stylesheet" href="assets/snow-plugins/style.css">
<link rel="stylesheet" href="assets/theme/css/style.css">
<link rel="stylesheet" href="assets/mobirise/css/mbr-additional.css" type="text/css">
</head>
<body>
<section class="menu cid-qrafEjElJZ" once="menu" id="menu1-8n">
<nav class="navbar navbar-dropdown align-items-center navbar-fixed-top navbar-toggleable-sm bg-color transparent">
<button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<div class="hamburger">
<span></span>
<span></span>
<span></span>
<span></span>
</div>
</button>
<div class="menu-logo">
<div class="navbar-brand">
<span class="navbar-logo">
<a href="index.html">
<img src="assets/images/billyk-signature-trnsprnt-796x2000.png" alt="Mobirise" title="" style="height: 5.5rem;">
</a>
</span>
</div>
</div>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav nav-dropdown" data-app-modern-menu="true"><li class="nav-item">
<a class="nav-link link text-white display-4" href="bio.html"><span class="mbri-smile-face mbr-iconfont mbr-iconfont-btn"></span>
Bio</a>
</li>
<li class="nav-item dropdown"><a class="nav-link link text-white dropdown-toggle display-4" href="ux.html" aria-expanded="false" data-toggle="dropdown-submenu"><span class="mbri-rocket mbr-iconfont mbr-iconfont-btn"></span> UX</a><div class="dropdown-menu"><a class="text-white dropdown-item display-4" href="uxsdesign.html" aria-expanded="false">Service Design</a><a class="text-white dropdown-item display-4" href="architecture.html" aria-expanded="false">UX Architecture</a><a class="text-white dropdown-item display-4" href="research.html" aria-expanded="false">UX Research</a><a class="text-white dropdown-item display-4" href="ux.html" aria-expanded="false">UX Methodology</a></div></li><li class="nav-item dropdown open">
<a class="nav-link link text-white dropdown-toggle display-4" href="productdevelopment.html" data-toggle="dropdown-submenu" aria-expanded="true"><span class="mbri-setting3 mbr-iconfont mbr-iconfont-btn"></span>Design</a><div class="dropdown-menu"><a class="text-white dropdown-item display-4" href="productdevelopment.html">Product Development</a><a class="text-white dropdown-item display-4" href="webdesign.html">Web / Mobile Design</a><a class="text-white dropdown-item display-4" href="gamification.html">Gamification</a><a class="text-white dropdown-item display-4" href="digitalprint.html">Digital & Print</a><a class="text-white dropdown-item display-4" href="audiovideo.html">Audio / Video Editing</a><a class="text-white dropdown-item display-4" href="interiordesign.html">Interior Design</a><a class="text-white dropdown-item display-4" href="fashiondesign.html">Fashion Design</a><a class="text-white dropdown-item display-4" href="storytelling .html">Storytelling </a></div>
</li></ul>
<div class="navbar-buttons mbr-section-btn">
<a class="btn btn-sm btn-primary display-4" href="contact.html"><span class="mbri-letter mbr-iconfont mbr-iconfont-btn"></span>
Contact</a>
</div>
</div>
</nav>
</section>
<section class="engine"><a href="https://mobirise.ws/q">free website maker download</a></section><section class="header12 cid-qBYouhETxJ mbr-fullscreen mbr-parallax-background" id="header12-92">
<div class="mbr-overlay" style="opacity: 0.7; background-color: rgb(0, 0, 0);">
</div>
<div class="container ">
<div class="media-container">
<div class="col-md-12 align-center">
<h1 class="mbr-section-title pb-3 mbr-white mbr-bold mbr-fonts-style display-1">USER EXPERIENCE</h1>
<p class="mbr-text pb-3 mbr-white mbr-fonts-style display-5">BIO/USER-CENTERED UX FOR SOCIAL ENGINEERING</p>
<div class="icons-media-container mbr-white">
<div class="card col-12 col-md-6 col-lg-4">
<div class="icon-block">
<span class="mbr-iconfont mbri-globe"></span>
</div>
<h5 class="mbr-fonts-style display-5">
INCLUSIVE</h5>
</div>
<div class="card col-12 col-md-6 col-lg-4">
<div class="icon-block">
<span class="mbr-iconfont mbri-link"></span>
</div>
<h5 class="mbr-fonts-style display-5">
TRANSDISCIPLINARY</h5>
</div>
<div class="card col-12 col-md-6 col-lg-4">
<div class="icon-block">
<span class="mbr-iconfont mbri-update"></span>
</div>
<h5 class="mbr-fonts-style display-5">
HOLISTIC</h5>
</div>
</div>
</div>
</div>
</div>
<div class="mbr-arrow hidden-sm-down" aria-hidden="true">
<a href="#next">
<i class="mbri-down mbr-iconfont"></i>
</a>
</div>
</section>
<section class="section-table cid-qBYnKIj57W" id="table1-91">
<div class="container container-table">
<h2 class="mbr-section-title mbr-fonts-style align-center pb-3 display-2">
My Pallet</h2>
<h3 class="mbr-section-subtitle mbr-fonts-style align-center pb-5 mbr-light display-5">UX is my passion and the following table shows the Methods - Techniques - Fields where I Find - Receive - Discover my Insights and Inspiration for the past 10 years.</h3>
<div class="table-wrapper">
<div class="container">
<div class="row search">
<div class="col-md-6"></div>
<div class="col-md-6">
<div class="dataTables_filter">
<label class="searchInfo mbr-fonts-style display-7">Search:</label>
<input class="form-control input-sm" disabled="">
</div>
</div>
</div>
</div>
<div class="container scroll">
<table class="table isSearch" cellspacing="0">
<thead>
<tr class="table-heads ">
<th class="head-item mbr-fonts-style display-7">UX Design Methods </th><th class="head-item mbr-fonts-style display-7">
Deliverables</th><th class="head-item mbr-fonts-style display-7">PRACTICAL EXPERIENCE<br></th><th class="head-item mbr-fonts-style display-7">
STUDIES & RESEARCH FIELDS</th></tr>
</thead>
<tbody>
<tr>
<td class="body-item mbr-fonts-style display-7">SERVICE BLUEPRINT</td><td class="body-item mbr-fonts-style display-7">A map that displays all the touchpoints of the consumer with your brand, as well as the key internal processes involved in it. Useful to visualize the path followed by consumers across multiple channels and how you could improve the flow.</td><td class="body-item mbr-fonts-style display-7">• SERVICE/PRODUCT DESIGN (10+ YEARS)</td><td class="body-item mbr-fonts-style display-7">• B.A. PRODUCT DESIGN</td></tr><tr>
<td class="body-item mbr-fonts-style display-7">CONSUMER JOURNEY MAP</td><td class="body-item mbr-fonts-style display-7">A diagram that explores the multiple (sometimes invisible) steps taken by consumers as they engage with the service. Allows designers to frame the consumer’s motivations and needs in each step of the journey, creating design solutions that are appropriate for each.</td><td class="body-item mbr-fonts-style display-7">• USER RESEARCH<br>•SELFDEVELOPMENT<br>• BUSINESS MODEL CANVAS</td><td class="body-item mbr-fonts-style display-7">• CYBERNETICS
<br>• BIOMIMICRY
<br>• SOCIOLOGY
<br>• PSYCHOLOGY<br>• PHILOSOPHY
<br>•NEUROBIOLOGY<br>•SELFDEVELOPMENT & ENLIGHTENMENT STUDIES:
<br>– BUDDHISM
<br>– ESOTERIC CHRISTIANITY
<br>– GNOSTICISM
<br>- HINDUISM
<br>– YOGA SCIENCE
<br>– KABBALLAH
<br>– SUFISM
<br>– THEOSOPHY
<br>–ANTHROPOSOPHY
</td></tr><tr>
<td class="body-item mbr-fonts-style display-7">PERSONAS</td><td class="body-item mbr-fonts-style display-7">A relatable snapshot of the target audience that highlights demographics, behaviors, needs and motivations through the creation of a fictional character. Personas make it easier for designers to create empathy with consumers throughout the design process.</td><td class="body-item mbr-fonts-style display-7">• WEB ANALYTICS<br>• ENNEAGRAM PERSONALITY SYSTEM<br>• DRAMATURGY<br>• HUMAN DESIGN
<br>• I-CHING ASTROLOGY</td><td class="body-item mbr-fonts-style display-7">• ESOTERIC TRADITIONS (RELIGIONS – OCCULT) <br>•ASTROTHEOLOGY<br>• I-CHING <br>• BRICKS MAYER </td></tr><tr>
<td class="body-item mbr-fonts-style display-7">ECOSYSTEM MAP</td><td class="body-item mbr-fonts-style display-7">A visualization of the company’s digital properties, the connections between them, and their purpose in the overall marketing strategy. Gives you insights around how to leverage new and existing assets to achieve the brand’s business goals.</td><td class="body-item mbr-fonts-style display-7">• UX ARCHITECTURE<br>• VIABLE SYSTEM MODEL
<br>• BUSINESS MODEL CANVAS
<br>• DESIGN SPRINT<br>• INNOVATION BLUEPRINT</td><td class="body-item mbr-fonts-style display-7">• BUSINESS INTELLIGENCE<br>• ECOSYSTEM SERVICES<br>• MANAGEMENT CYBERNETICS<br>• BIOMIMICRY<br>• CONFUCIANISM<br>• ANCIENT COSMOLOGY (BUDDHISM-HINDUISM-ASTROTHEOLOGY)</td></tr><tr>
<td class="body-item mbr-fonts-style display-7">COMPETITIVE AUDIT</td><td class="body-item mbr-fonts-style display-7">A comprehensive analysis of competitor products that maps out their existing features in a comparable way. Helps you understand industry standards and identify opportunities to innovate in a given area.</td><td class="body-item mbr-fonts-style display-7">•TRENDS/FEATURES RESEARCH
<br>• BUSINESS INTELLIGENCE
<br><br><br></td><td class="body-item mbr-fonts-style display-7">• LINGUISTICS<br>• DIALOGIC DESIGN</td></tr><tr>
<td class="body-item mbr-fonts-style display-7">VALUE PROPOSITION</td><td class="body-item mbr-fonts-style display-7">A reductive process in the early stages of product definition that maps out the key aspects of it: what it is, who it is for and when/where it will be used. Helps the team narrow down and create consensus around what the product will be.</td><td class="body-item mbr-fonts-style display-7">• UX ARCHITECTURE<br>• IDEATION PROPOSAL<br>• RAPID PROTOTYPING
<br>• EXECUTIVE SUMMARY
<br><br></td><td class="body-item mbr-fonts-style display-7">• MARKETING<br><br></td></tr><tr>
<td class="body-item mbr-fonts-style display-7">STAKEHOLDERS INTERVIEWS</td><td class="body-item mbr-fonts-style display-7">Scripts for interviewing key stakeholders in a project, both internal and external, to gather insights about their goals. It helps priotirize features and define key performance indicators (KPIs).</td><td class="body-item mbr-fonts-style display-7">• IT
<br>• HEALTH
<br>• ECOMMERCE
<br>• FOOD & BEVERAGES
<br>• VENTURE CAPITAL
<br>• MANAGEMENT & EXECUTIVES
<br>• ENTREPRENEURS
<br></td><td class="body-item mbr-fonts-style display-7">• ASSERTIVENESS<br>• SAVOIR-VIVRE<br>• BODY LANGUAGE</td></tr><tr>
<td class="body-item mbr-fonts-style display-7">KEY PERFORMANCE INDICATORS</td><td class="body-item mbr-fonts-style display-7">Pre-stabilished criteria to measure progress toward strategic goals or the maitenance of operational goals. KPIs help inform design decisions along the way and measure results of the UX efforts.</td><td class="body-item mbr-fonts-style display-7">• STRATEGIC DESIGN
<br>• DIALOGIC DESIGN
<br>• BIO/USER CENTERED DESIGN
<br><br></td><td class="body-item mbr-fonts-style display-7"> • BUSINESS INTELLIGENCE</td></tr><tr>
<td class="body-item mbr-fonts-style display-7">BRAINSTORMING</td><td class="body-item mbr-fonts-style display-7">The collective process of generating constraint-free ideas that respond to a given creative brief. Allows the team to visualize a broad range of design solutions before deciding which one to stick with.</td><td class="body-item mbr-fonts-style display-7">• IDEATION GROUPS
<br>• INNOVATION CONTEST
<br>• HACKATHON
<br>• DESIGN SPRINT<br>• SELF-DEVELOPMENT GROUPS
<br>• WRITING GROUPS
<br><br></td><td class="body-item mbr-fonts-style display-7"> • MOBILITY LEARNING<br>• BRAINMAPPING<br>• DESIGN SPRINT<br>• DIALOGIC DESIGN<br>• DESIGN THINKING</td></tr><tr>
<td class="body-item mbr-fonts-style display-7">MOODBOARDS</td><td class="body-item mbr-fonts-style display-7">A collaborative collection of images and references that will eventually evolve into a product’s visual style guide. Allows creatives to show clients and colleagues a proposed look for the product before investing too much time on it.</td><td class="body-item mbr-fonts-style display-7">• INTERIOR DESIGN
<br>• ACCESSORIES DESIGN
<br>• BRANDING
<br><br></td><td class="body-item mbr-fonts-style display-7">• COLLAGE<br>• SYNTHESIS</td></tr><tr>
<td class="body-item mbr-fonts-style display-7">STORYBOARDS</td><td class="body-item mbr-fonts-style display-7">A comic strip that illustrates the series of actions that consumers need to take while using the product. Translates functionalities into real-life situations, helping designers create empathy with the consumer while having a first look at the product scope.</td><td class="body-item mbr-fonts-style display-7">• FILM-MAKING
<br>• BOOK ILLUSTRATION & PUBLISHING
<br>• WEB-DESIGN ARCHITECTURE
<br>• SERVICE DESIGN
<br><br></td><td class="body-item mbr-fonts-style display-7">• DRAMATURGY<br>• SKETCH - DRAWING</td></tr><tr>
<td class="body-item mbr-fonts-style display-7">USER FLOW</td><td class="body-item mbr-fonts-style display-7">A visual representation of the user’s flow to complete tasks within the product. It’s the user perspective of the site organization, making it easier to identify which steps could be improved or redesigned.</td><td class="body-item mbr-fonts-style display-7">• BIO/USER-CENTERED DESIGN <br><br></td><td class="body-item mbr-fonts-style display-7">• USABILITY
<br>• ERGONOMICS </td></tr><tr>
<td class="body-item mbr-fonts-style display-7">TASK ANALYSIS</td><td class="body-item mbr-fonts-style display-7">A breakdown of the required information and actions needed to achieve a task. Helps designers and developers understand the current system and its information flows. Makes it possible to allocate tasks appropriately within the new system.</td><td class="body-item mbr-fonts-style display-7">• VIABLE SYSTEM MODEL<br>• UX ARCHITECTURE
<br>• DIALOGIC DESIGN
<br><br></td><td class="body-item mbr-fonts-style display-7">• SCRUM<br>• SYSTEMS THEORY
<br>• PARALLEL THINKING<br>• YOGA SUTRAS </td></tr><tr>
<td class="body-item mbr-fonts-style display-7">TAXONOMIES</td><td class="body-item mbr-fonts-style display-7">An exploration around multiple ways to categorize content and data: topics in a news site, product categories in an ecommerce etc. Assists designers in defining the content structure to support the user’s and the organization’s goals.</td><td class="body-item mbr-fonts-style display-7">• CMS WORDPRESS<br>• ART TAXONOMIES<br>• UI DESIGN</td><td class="body-item mbr-fonts-style display-7">• UNIVERSAL
<br>• SYMBOLIC
<br>• LINGUISTICS </td></tr><tr>
<td class="body-item mbr-fonts-style display-7">CONTENT AUDIT</td><td class="body-item mbr-fonts-style display-7">The activity of listing all content available on a website. This list will come in handy at various stages of the project: see the big picture, define the content strategy and check the details of each page.</td><td class="body-item mbr-fonts-style display-7">• UX ARCHITECTURE
<br><br></td><td class="body-item mbr-fonts-style display-7">• SYNTHESIS<br>• USABILITY<br>• AESTHETICS</td></tr><tr>
<td class="body-item mbr-fonts-style display-7">HEURISTIC ANALYSIS</td><td class="body-item mbr-fonts-style display-7">A detailed analysis of a product that highlights good and bad practices, using known interaction design principles as guidelines. Helps you visualize the current state of the product in terms of usability, efficiency, and effectiveness of the experience.</td><td class="body-item mbr-fonts-style display-7">• BOOTSTRAP<br>• BULMA<br>• MATERIAL
DESIGN
LITE</td><td class="body-item mbr-fonts-style display-7">• UX LANGUAGES (IOS HUMAN INTERFACE, MATERIAL DESIGN, FLUENT DESIGN, LIGHTNING)</td></tr><tr>
<td class="body-item mbr-fonts-style display-7">SITEMAP</td><td class="body-item mbr-fonts-style display-7">One of the most iconic IA deliverables, consists of a diagram of the website’s pages organized hierarchically. It makes it easy to visualize the basic structure and navigation of a website.</td><td class="body-item mbr-fonts-style display-7">• UX ARCHITECTURE<br>• WEB DESIGN</td><td class="body-item mbr-fonts-style display-7"></td></tr><tr>
<td class="body-item mbr-fonts-style display-7">FEATURES ROADMAP</td><td class="body-item mbr-fonts-style display-7"> A product’s evolution plan with prioritized features. It could be a spreadsheet, a diagram or even a bunch of sticky notes. Shares the product strategy with the team and the road that needs to be taken to achieve its vision.</td><td class="body-item mbr-fonts-style display-7">• STRATEGY PLANNING<br>• SCRUM/DESIGN SPRINT<br>• ORGANIZATIONAL DESIGN<br>• WEB DESIGN</td><td class="body-item mbr-fonts-style display-7">• GAMIFICATION<br>• BUSINESS INTELLIGENCE</td></tr><tr>
<td class="body-item mbr-fonts-style display-7">USE CASES AND SCENARIOS</td><td class="body-item mbr-fonts-style display-7"> A comprehensive list of scenarios that happen when users are interacting with the product: logged in, not logged in, first visit etc. Ensures that all possible actions are thoroughly considered, as well as the system behavior in each scenario.</td><td class="body-item mbr-fonts-style display-7">• UX ARCHITECTURE FOR WEBSITES & WEBAPPS<br>• SCREENWRITTING<br>• SERVICES GAMIFICATION</td><td class="body-item mbr-fonts-style display-7">• USER CENTERED DESIGN<br>• EARLY ADOPTION OF NEW TECH<br><br></td></tr><tr>
<td class="body-item mbr-fonts-style display-7">METRICS ANALYSIS</td><td class="body-item mbr-fonts-style display-7"> Numbers provided by an analytics tool or your own database about how the user interacts with your product: clicks, navigation time, search queries etc. Metrics can also “uncover the unexpected”, surfacing behaviors that are not explicit in user tests.</td><td class="body-item mbr-fonts-style display-7">• WEB ANALYTICS (GOOGLE, FACEBOOK, YOUTUBE)</td><td class="body-item mbr-fonts-style display-7">• MARKET RESEARCH<br>• USABILITY<br>• STATISTICS<br>• WORLD HISTORY<br>• SOCIOLOGY<br>• PHYSICS<br><br></td></tr><tr>
<td class="body-item mbr-fonts-style display-7">USER INTERVIEW / FOCUS GROUP</td><td class="body-item mbr-fonts-style display-7"> A panel of people discussing a specific topic or question. Teaches about the users’ feelings, opinions and even language. Useful when the target audience is new or unknown for the team.</td><td class="body-item mbr-fonts-style display-7">• HACKATHON POOL<br>• GROUP PSYCHOTHERAPY</td><td class="body-item mbr-fonts-style display-7">• DIALOGIC DESIGN (SOCRATIC METHOD)
<br>• TEAM SYNTEGRITY<br><br></td></tr><tr>
<td class="body-item mbr-fonts-style display-7">QUANTITATIVE SURVEY</td><td class="body-item mbr-fonts-style display-7"> Questions that provide numbers as result. Quick and unexpensive way of measuring user satisfaction and collecting feedback about the product. It could indicate the need for a deeper qualitative test.</td><td class="body-item mbr-fonts-style display-7">• WORKSHOP SURVEYS</td><td class="body-item mbr-fonts-style display-7">• STATISTICS<br><br></td></tr><tr>
<td class="body-item mbr-fonts-style display-7">USABILITY TESTING</td><td class="body-item mbr-fonts-style display-7">One-to-one interviews in which the user is asked to perform a series of tasks in a prototype or a product. Validates and collects feedback of flows, design and features.</td><td class="body-item mbr-fonts-style display-7">• BRIEFING<br>• PRODUCT PROTOTYPE PITCH</td><td class="body-item mbr-fonts-style display-7">• USER-CENTERED DESIGN TOOLS</td></tr><tr>
<td class="body-item mbr-fonts-style display-7">SKETCHES</td><td class="body-item mbr-fonts-style display-7">A quick way of visualizing a new interface by using paper and pen. Sketches are useful to validate product concepts and design approaches both with team members and users.</td><td class="body-item mbr-fonts-style display-7">• PROPOSAL PITCHES<br>• RESEARCH NOTEBOOKS<br>• IDEAS PRESENTATION<br><br></td><td class="body-item mbr-fonts-style display-7">• B.A. PRODUCT DESIGN<br>• DRAWING CLASSES<br>• ART HISTORY</td></tr><tr>
<td class="body-item mbr-fonts-style display-7">WIREFRAMES</td><td class="body-item mbr-fonts-style display-7">A visual guide that represents structures, as well as its hierarchy and key elements in the way of frameworks. Useful to discuss ideas with team members and clients, and to assist the work of designers and developers.</td><td class="body-item mbr-fonts-style display-7">• SERVICE DESIGN <br>• BUSINESS MODELING<br>• FINANCIAL & MARKETING PLANS</td><td class="body-item mbr-fonts-style display-7">• DESIGN FRAMEWORKS<br><br></td></tr><tr>
<td class="body-item mbr-fonts-style display-7">PROTOTYPES</td><td class="body-item mbr-fonts-style display-7">A prototype is a simulation of the website navigation and features, commonly using clickable wireframes or layouts. It’s a quick and dirty way to test and validate a product before fully developing it.</td><td class="body-item mbr-fonts-style display-7">• UX MOCKUPS<br>• PRODUCT PROTOTYPES<br>• WEB DESIGN<br>• DESIGN SPRINT</td><td class="body-item mbr-fonts-style display-7">• B.A. PRODUCT DESIGN<br>• UX PROTOTYPES</td></tr><tr>
<td class="body-item mbr-fonts-style display-7">PATTERN LIBRARY</td><td class="body-item mbr-fonts-style display-7">A hands-on library that provides examples (and code) of interaction design patterns to be used across the website. It not only promotes consistency, but also makes it easier improve elements as needed.</td><td class="body-item mbr-fonts-style display-7">• CSS<br>• JAVASCRIPT<br>• BOOTSTRAP
<br>• BULMA
<br>• MATERIAL
DESIGN
LITE</td><td class="body-item mbr-fonts-style display-7">• UX/UI LANGUAGES (IOS HUMAN INTERFACE, MATERIAL DESIGN, FLUENT DESIGN, LIGHTNING)</td></tr></tbody>
</table>
</div>
<div class="container table-info-container">
<div class="row info">
<div class="col-md-6">
<div class="dataTables_info mbr-fonts-style display-7">
<span class="infoBefore">Showing</span>
<span class="inactive infoRows"></span>
<span class="infoAfter">entries</span>
<span class="infoFilteredBefore">(filtered from</span>
<span class="inactive infoRows"></span>
<span class="infoFilteredAfter"> total entries)</span>
</div>
</div>
<div class="col-md-6"></div>
</div>
</div>
</div>
</div>
</section>
<section class="mbr-section info1 cid-qBYXW1p2cK" id="info1-94">
<div class="container">
<div class="row">
<div class="media-container-column title col-12 col-lg-7 col-md-6 offset-md-1">
<h3 class="mbr-section-subtitle align-left mbr-light pb-3 mbr-fonts-style display-5">
Take a look at my Influences, Vision and Direction.</h3>
<h2 class="align-left mbr-bold mbr-fonts-style display-2">UX RESEARCH</h2>
</div>
<div class="media-container-column col-12 col-lg-3 col-md-4">
<div class="mbr-section-btn align-right py-4"><a class="btn btn-primary display-4" href="research.html">SHOW ME</a></div>
</div>
</div>
</div>
</section>
<section once="" class="cid-qqneQCi9b8 mbr-reveal" id="footer6-8o">
<div class="container">
<div class="media-container-row align-center mbr-white">
<div class="col-12">
<p class="mbr-text mb-0 mbr-fonts-style display-7">
© Copyright 2017 Vasileios (Billy Pavlos) Korompilias - All Rights Reserved
</p>
</div>
</div>
</div>
</section>
<script src="assets/web/assets/jquery/jquery.min.js"></script>
<script src="assets/popper/popper.min.js"></script>
<script src="assets/tether/tether.min.js"></script>
<script src="assets/bootstrap/js/bootstrap.min.js"></script>
<script src="assets/smoothscroll/smooth-scroll.js"></script>
<script src="assets/parallax/jarallax.min.js"></script>
<script src="assets/dropdown/js/script.min.js"></script>
<script src="assets/datatables/jquery.data-tables.min.js"></script>
<script src="assets/datatables/data-tables.bootstrap4.min.js"></script>
<script src="assets/viewportchecker/jquery.viewportchecker.js"></script>
<script src="assets/touchswipe/jquery.touch-swipe.min.js"></script>
<script src="assets/snow-plugins/schnee.js"></script>
<script src="assets/theme/js/script.js"></script>
<div id="scrollToTop" class="scrollToTop mbr-arrow-up"><a style="text-align: center;"><i></i></a></div>
<input name="animation" type="hidden">
</body>
</html>