-
Notifications
You must be signed in to change notification settings - Fork 0
/
blog-details.html
308 lines (300 loc) · 14.3 KB
/
blog-details.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
<!doctype html>
<html class="no-js" lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Mearts is a Personal Portfolio Template">
<meta name="keywords" content="Creative , Personal, Personal Portfolio, Creative Agency template, Creative, Agency, Parallax, parallax template, landing page, material design, Corporate, Business">
<meta name="author" content="regaltheme.com">
<title>Blog Details Light || Mearts</title>
<!-- favicon -->
<link rel="shortcut icon" type="image/x-icon" href="assets/img/favicon.ico">
<!-- style css -->
<link rel="stylesheet" href="style.css">
<!-- modernizr js -->
<script src="assets/js/vendor/modernizr-2.8.3.min.js"></script>
</head>
<body>
<!--[if lt IE 8]>
<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
<![endif]-->
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
<div id="loading-wrap">
<div class="cp-preloader cp-preloader_type1">
<span class="cp-preloader__letter" data-preloader="L">L</span>
<span class="cp-preloader__letter" data-preloader="O">O</span>
<span class="cp-preloader__letter" data-preloader="A">A</span>
<span class="cp-preloader__letter" data-preloader="D">D</span>
<span class="cp-preloader__letter" data-preloader="I">I</span>
<span class="cp-preloader__letter" data-preloader="N">N</span>
<span class="cp-preloader__letter" data-preloader="G">G</span>
</div>
</div>
<div id="home"></div>
<!-- Header Section Start -->
<header id="active-sticky" class="fixed">
<div class="container">
<div class="row">
<div class="col-xs-12">
<div class="d-flex justify-end">
<div class="logo mr-auto">
<a href="index.html"><img src="assets/img/logo.png" alt="Mearts"></a>
</div>
<div class="mainmenu">
<div class="navbar-header">
<button type="button" class="navbar-toggler" data-toggle="collapse" data-target=".navbar-collapse">
<span>Menu</span>
<span>Close</span>
</button>
</div>
<nav class="navbar-collapse clearfix smooth-scroll">
<ul>
<li class="active"><a href="index.html#home">home</a></li>
<li><a href="index.html#about">about</a></li>
<li><a href="index.html#service">service</a></li>
<li><a href="index.html#work">work</a></li>
<li><a href="index.html#blog">blog</a></li>
<li><a href="index.html#contact">contact</a></li>
</ul>
</nav>
</div>
<div class="expand-icon pull-right">
<span class="bar-icon"></span>
</div>
</div>
<div class="exapnd-sidebar light-bg">
<div class="my-img">
<img src="assets/img/me/small.jpg" alt="Mearts" />
</div>
<div class="my-info mt-40">
<ul>
<li>
<p>Name</p>
<h6>Arthur Brooks</h6>
</li>
<li>
<p>Title</p>
<h6>Developer & UX Designer</h6>
</li>
<li>
<p>Phone</p>
<h6><a href="tel:+80123456802">+80 123 456 802</a></h6>
</li>
<li>
<p>Email</p>
<h6><a href="mailto:[email protected]">[email protected]</a></h6>
</li>
<li>
<p>date of birth</p>
<h6>20 September 1980</h6>
</li>
<li>
<p>age</p>
<h6>28 Years</h6>
</li>
<li>
<p>Residence</p>
<h6>USA</h6>
</li>
<li>
<p>Freelance Work</p>
<h6>Available</h6>
</li>
</ul>
<div class="social-icon style1 l-height mt-50">
<ul class="clearfix d-inblock">
<li><a href="https://www.facebook.com/regaltheme/" target="_blank"><i class="zmdi zmdi-facebook"></i></a></li>
<li><a href="https://twitter.com/regaltheme" target="_blank"><i class="zmdi zmdi-twitter"></i></a></li>
<li><a href="http://www.linkedin.com" target="_blank"><i class="zmdi zmdi-linkedin"></i></a></li>
<li><a href="http://www.instagram.com" target="_blank"><i class="zmdi zmdi-instagram"></i></a></li>
<li><a href="https://www.pinterest.com/regaltheme/" target="_blank"><i class="zmdi zmdi-pinterest"></i></a></li>
</ul>
</div>
<!-- Change your social media link -->
</div>
</div>
</div>
</div>
</div>
</header>
<!-- Header Section End -->
<!-- Header Space Start -->
<div class="header-space overlay dark-5 header-bg"></div>
<!-- Header Space End -->
<!-- Blog Details Section Start -->
<div class="blog-details light-bg section-padding">
<div class="container">
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-9 column-center">
<div class="post-details">
<h2 class="mb-20">Beautiful Reasons We Can't Help But Fall In Love With User Interface For Better Practic.</h2>
<h6 class="mb-25">Publish on 20 Sep 2018 by Brooks </h6>
<img src="assets/img/blog/details/1.jpg" alt="Post Image" />
<h6 class="mt-30 mb-30">design case study</h6>
<p>Recently, in a customer workshop, I was listening to business users talking about the issues they were facing with their current make system. This was not an academic exercise, as so many often can be, but rather a very interactive session with a highly engaged and enabled customer. My team had helped this customer with user research, design, and development for the application. Since the application had been in production for a few years, there was a ton of data about how people were really using it and how their usage could be expanded. The customer wanted to leverage that knowledge to make incremental design changes. While that sounds exactly like how things should work, anyone in the profession of designing and building user experiences knows that this was All of this could contribute greatly to the success of an application or experience.</p>
<blockquote>
Believe part of the answer to these questions has to do with data. What data we display, how we display it, and what is necessary to complete a process or task. rare opportunity especially of enterprise software.For an unforgettable experience on the path.
</blockquote>
<p>After conducting much research, UPS figured out that, by eliminating left turns and sending its drivers on routes on which they would only make right turns, they could meet all of these goals. Left turns are more dangerous and require drivers to wait longer to make their turn, thus wasting fuel and time. So they sent drivers on routes that may appear longer on a map, but are actually much more highly performant. <br />Believe part of the answer to these questions has to do with data. What data we display, how we display it, and what is necessary to complete a process or task. All of this could contribute greatly to the success of an application or experience.</p>
<div class="social-icon style1 l-height text-center mt-70 mb-90">
<ul class="clearfix d-inblock">
<li><a href="https://www.facebook.com/regaltheme/" target="_blank"><i class="zmdi zmdi-facebook"></i></a></li>
<li><a href="https://twitter.com/regaltheme" target="_blank"><i class="zmdi zmdi-twitter"></i></a></li>
<li><a href="http://www.linkedin.com" target="_blank"><i class="zmdi zmdi-linkedin"></i></a></li>
<li><a href="http://www.instagram.com" target="_blank"><i class="zmdi zmdi-instagram"></i></a></li>
<li><a href="https://www.pinterest.com/regaltheme/" target="_blank"><i class="zmdi zmdi-pinterest"></i></a></li>
</ul>
</div>
<!-- Change your social media link -->
</div>
<div class="comments">
<div class="single-comment author">
<img src="assets/img/blog/details/author.png" alt="Author Image" />
<div class="text">
<span>author</span>
<h6 class="mb-5">Anddew brooks</h6>
<p>Hello! I’m Andrew Brooks. Profession User Experience Designer and UX Consultent for UX Matters. I’m Also, Working for Better understand The New Mobilize for Upcoming Design UX Patterns.</p>
</div>
</div>
<!-- Author Comment End -->
<!-- Divider Start -->
<div class="divider mt-20 mb-55">
<hr class="line" />
</div>
<!-- Divider End -->
<div class="single-comment">
<img src="assets/img/blog/details/c1.png" alt="Commentor Image" />
<div class="text">
<h6 class="mb-5">Kathy Pierce</h6>
<p>Brooks has a PhD in Instructional Technology from the University of Georgia.He is a Fellow with the Society for Technical Communication and a Certified Performance.</p>
<a href="#">Reply <i class="zmdi zmdi-mail-reply"></i></a>
</div>
</div>
<!-- Comment 01 -->
<div class="single-comment replied">
<img src="assets/img/blog/details/c2.png" alt="Commentor Image" />
<div class="text">
<h6 class="mb-5">Ethan Woods</h6>
<p>Recently, POS systems have started transitioning into the realm of Web-based applications and mobile POS systems differs from the design of other Web and mobile apps.</p>
<a href="#">Reply <i class="zmdi zmdi-mail-reply"></i></a>
</div>
</div>
<!-- Comment Replied -->
<div class="single-comment">
<img src="assets/img/blog/details/c3.png" alt="Commentor Image" />
<div class="text">
<h6 class="mb-5">Megan Jordan</h6>
<p>Brooks has a PhD in Instructional Technology from the University of Georgia.He is a Fellow with the Society for Technical Communication and a Certified Performance.</p>
<a href="#">Reply <i class="zmdi zmdi-mail-reply"></i></a>
</div>
</div>
<!-- Comment 02 -->
<div class="comment-box mt-90">
<h4 class="mb-25">leave a comment</h4>
<div class="contact-form">
<form class="custom-input" action="#" method="post">
<textarea name="message" rows="2" placeholder="Your Comment"></textarea>
<div class="row">
<div class="col-xs-12 col-sm-6">
<input type="text" name="name" placeholder="Name" required />
</div>
<div class="col-xs-12 col-sm-6">
<input type="email" name="email" placeholder="Email Address" required />
</div>
</div>
<button class="btn mt-15" type="submit" name="submit">
post comment
</button>
</form>
</div>
</div>
</div>
<!-- Divider Start -->
<div class="divider section-pt mb-25">
<hr class="line" />
</div>
<!-- Divider End -->
<div class="related-post">
<div class="row">
<div class="col-xs-12 col-sm-4 mobi-mb-30">
<div class="single-post white-bg">
<div class="thumb angle-shape relative">
<a href="blog-details.html"><img src="assets/img/blog/1.jpg" alt="Thumbnail" /></a>
</div>
<div class="content pl-20 pb-20">
<h6 class="mb-10">30 aug, 2018</h6>
<a href="blog-details.html"><h4 class="text-capitalize no-margin">Mobilies UX Treend</h4></a>
</div>
</div>
</div>
<div class="col-xs-12 col-sm-4 mobi-mb-30">
<div class="single-post white-bg">
<div class="thumb angle-shape relative">
<a href="blog-details.html"><img src="assets/img/blog/2.jpg" alt="Thumbnail" /></a>
</div>
<div class="content pl-20 pb-20">
<h6 class="mb-10">20 sep, 2018</h6>
<a href="blog-details.html"><h4 class="text-capitalize no-margin">Relorem Plan 2018</h4></a>
</div>
</div>
</div>
<div class="col-xs-12 col-sm-4">
<div class="single-post white-bg">
<div class="thumb angle-shape relative">
<a href="blog-details.html"><img src="assets/img/blog/3.jpg" alt="Thumbnail" /></a>
</div>
<div class="content pl-20 pb-20">
<h6 class="mb-10">10 dec, 2018</h6>
<a href="blog-details.html"><h4 class="text-capitalize no-margin">Think Inside BOX</h4></a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Blog Details Section End -->
<!-- Footer Section Start -->
<footer class="theme-bg ptb-20">
<div class="container">
<div class="row">
<div class="col-xs-12 col-sm-6">
<div class="copyright pt-10">
<p class="white-color">© All Right Reserved @Regal Theme 2018</p>
</div>
</div>
<div class="col-xs-12 col-sm-6 text-right">
<div class="social-icon style1 white l-height">
<ul class="clearfix d-inblock">
<li><a href="https://www.facebook.com/regaltheme/" target="_blank"><i class="zmdi zmdi-facebook"></i></a></li>
<li><a href="https://twitter.com/regaltheme" target="_blank"><i class="zmdi zmdi-twitter"></i></a></li>
<li><a href="http://www.linkedin.com" target="_blank"><i class="zmdi zmdi-linkedin"></i></a></li>
<li><a href="http://www.instagram.com" target="_blank"><i class="zmdi zmdi-instagram"></i></a></li>
<li><a href="https://www.pinterest.com/regaltheme/" target="_blank"><i class="zmdi zmdi-pinterest"></i></a></li>
</ul>
</div>
<!-- Change your social media link -->
</div>
</div>
</div>
</footer>
<!-- Footer Section End -->
<!-- All JS Here -->
<!-- jQuery Latest Version -->
<script src="assets/js/vendor/jquery-1.12.4.min.js"></script>
<!-- Bootstrap JS -->
<script src="assets/js/bootstrap.min.js"></script>
<!-- Plugins JS -->
<script src="assets/js/plugins.js"></script>
<!-- main JS -->
<script src="assets/js/main.js"></script>
</body>
</html>