-
Notifications
You must be signed in to change notification settings - Fork 5
/
Copy pathabout.html
194 lines (161 loc) · 17.6 KB
/
about.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
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Yandex.Metrika counter -->
<script type="text/javascript" >
(function(m,e,t,r,i,k,a){m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)};
m[i].l=1*new Date();k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)})
(window, document, "script", "https://mc.yandex.ru/metrika/tag.js", "ym");
ym(80088262, "init", {
clickmap:true,
trackLinks:true,
accurateTrackBounce:true,
webvisor:true,
ecommerce:"dataLayer"
});
</script>
<noscript><div><img src="https://mc.yandex.ru/watch/80088262" style="position:absolute; left:-9999px;" alt="" /></div></noscript>
<!-- /Yandex.Metrika counter -->
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-M95696KYZS"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-M95696KYZS');
</script>
<link rel="stylesheet" href="reboot.css">
<link rel="stylesheet" href="style.css">
<title>About. Olia Nayda UX / Product Designer - olianayda.com 2019</title>
<meta name="description" content="
About. Resume. Olia Nayda UX and Product Designer. UX consultant and clean UI lover.
">
<meta name="keywords" content="Olia Nayda, Olga Nayda, Designer, UX Designer,
UX Consultant, Product Designer, UI Designer,
Оля Найда, Ольга Найда, UX Дизайнер, Дизайнер продукта
management, BDD, JTBD, Research, Figma, Sketch, Zeplin">
<meta property="og:site_name" content="olianayda.com">
<meta property="og:locale" content="en_US">
<meta property="og:url" content="olianayda.com">
<meta property="og:title" content="Olia Nayda UX and Product Designer. UX consultant and clean UI lover — olianayda.com 2019.">
<meta property="og:description" content="Olia Nayda — UX / Product designer who deeply committed at user and business goals successful achieving. I'm using Design Thinking, Sprints, Job To Be Done and coffee to make your product better. Familiar with Figma, Adobé Product Suit, Sketch and Waste free">
<meta property="og:image" content="eyepic.jpg">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<meta property="og:type" content="">
<meta property="fb:app_id" content="">
<link rel="shortcut icon" href="favicon.ico">
</head>
<body>
<div class="container">
<div class="top">
<svg id="top-eye" width="313" height="143" viewBox="0 0 313 143" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd" d="M78.4258 134.881C46.0234 124.726 19.3525 108.572 4.39538 96.47L17.6046 80.1447C30.6089 90.6667 54.9493 105.516 84.7063 114.842C114.417 124.154 148.746 127.726 182.345 116.86C219.384 104.882 247.267 100.843 267.358 100.897C277.402 100.924 285.64 101.974 292.166 103.653C298.486 105.279 303.93 107.682 307.695 110.96L293.906 126.799C293.583 126.518 291.649 125.204 286.934 123.991C282.425 122.831 275.972 121.92 267.302 121.897C249.963 121.85 224.323 125.356 188.807 136.841C149.853 149.439 110.875 145.051 78.4258 134.881Z" fill="#FFD2A8"/>
<path d="M176 119.473C109.6 135.073 43.6667 97.64 19 76.9733C19 70.4733 23.4 54.8733 41 44.4733C63 31.4733 122.5 13.9733 176 24.9733C218.8 33.7733 241.833 66.9733 248 82.4733L293.5 106.473C284.167 102.473 262 94.2733 248 93.4733C230.5 92.4733 259 99.9733 176 119.473Z" fill="white" stroke="black" stroke-width="8"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M208.71 -2.30287L188.21 29.6971L179.79 24.3029L200.29 -7.69714L208.71 -2.30287Z" fill="black"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M119 -16V22H109V-16H119Z" fill="black"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M166.312 -15.6427L155.312 23.3573L145.688 20.6427L156.688 -18.3573L166.312 -15.6427Z" fill="black"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M74.9368 -10.7924L81.4368 29.7076L71.5632 31.2923L65.0632 -9.2077L74.9368 -10.7924Z" fill="black"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M31.4975 4.31549L48.4975 39.3155L39.5024 43.6845L22.5024 8.68453L31.4975 4.31549Z" fill="black"/>
<g id="top-eye-ball">
<g id="top-eye-pupil">
<path d="M175.5 78.9142C175.5 90.5121 165.426 99.9142 153 99.9142C140.573 99.9142 130.5 90.5121 130.5 78.9142C130.5 67.3162 140.573 57.9142 153 57.9142C165.426 57.9142 175.5 67.3162 175.5 78.9142Z" fill="#27AE60"/>
<path d="M160.5 77.9142C160.5 81.7801 157.142 84.9142 153 84.9142C148.857 84.9142 145.5 81.7801 145.5 77.9142C145.5 74.0482 148.857 70.9142 153 70.9142C157.142 70.9142 160.5 74.0482 160.5 77.9142Z" fill="#070707"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M184.096 84.3277C183.833 89.639 181.899 94.9757 177.276 98.1762C171.428 102.225 163.23 105.298 154.449 105.049C145.53 104.797 136.202 101.112 128.45 91.9754C122.057 84.4407 120.102 75.1602 123.995 66.9168C127.825 58.8085 136.778 52.8408 149.777 50.4533C164.443 47.7595 175.264 57.3299 180.404 67.8143C182.998 73.1067 184.361 78.9805 184.096 84.3277ZM173.22 71.3356C168.985 62.695 161.056 56.5154 151.222 58.3216C139.721 60.4341 133.575 65.3664 131.229 70.3331C128.947 75.1647 129.743 81.1342 134.55 86.7995C140.797 94.1629 147.97 96.8627 154.675 97.0525C161.519 97.2462 168.071 94.8192 172.723 91.5987C174.6 90.2992 175.916 87.7609 176.106 83.9316C176.294 80.1381 175.314 75.6057 173.22 71.3356Z" fill="black"/>
</g>
</g>
</svg>
<a href="#" class="btn" id="to-contacts">Contact me</a>
</div>
<div class="text">
<h1>Давайте знакомиться</h1>
Меня зовут Ольга Найда, я дизайнер продукта и пользовательского опыта, работаю в сфере IT более 10 лет. Моя студийная работа с WEB дизайном началась в июне 2015 года в студии affetta.ru, а до этого с 2010 я делала различный WEB дизайн самостоятельно, напирмер дизайн для Дагестанского водоканала и магазина оптики.
<br><br>
<p>
<h2>Образование </h2> <br>
Магистр географии в области Туризма и менеджмента и бакалалавр Геоинформатики в Кубанском Государственном университете. Учиться было интересно, а работа, как оказалось, требовала биороботов по оцифровке карт или полевые исследования за полярным кругом, что для особо физически выносливых. <br>
</p>
<br><br>
<p>
<h2>Навыки</h2> <br>
UX, UI, Figma, Проектирование пользовательского интерфейса, Human-centered design, Прототипирование, Design thinking, Principle, Sketch, Интервьюирование, Графический дизайн, Quality Control, Product Management, BDD, Gherkin. <br>
</p>
<br><br>
<p>
<h2>Что делаю</h2> <br>
Сейчас помогаю делать хороший и удобный дизайн для GLYF.ru, переодически даю UX консультации для novasmart.ru и ищу работу над продуктом, которым будут пользоваться тысячи. Хочу исследовать пользователя и предлагать ему лучшие решения. Сейчас проверяю гипотезы и выстраиваю инфраструктуру со своим коллегой (<a href="https://alexdolbun.com" target="_blank">Алексеем Долгих</a>) для запуска и тестирования продукта, кототрый поможет пользователям избавиться от старых вещей. <br>
</p>
<br><br>
<p>
<h2>Как строю работу</h2> <br>
Мы конструируем пайплан непрерывной передачи изменений в пользовательских поведенческих сценариях от дизайнера к разработчику. Чтобы проверить гипотезы развития продукта, провести направленные интервью и сделать их анализ – мы используем подходящий фреймворк (Dove Tail, UserBitApp). Вычленяем ключевые слова и фразы сквозь интервью с потенциальными пользователями, заинтересованными лицами. Формируем персоны и journey maps. Строим карту сайта и приступаем к прототипам.
</br>
<br>
Обычно в работе я начинаю с прототипов низкой прорисованности (low fidelity): иными словами с бумажных. Тестирую его на 5-8 пользователях, нахожу «смертельные» ошибки. Использую методику «Волшебник из страны Оз», когда тестирующий иметирует работающее приложение и подменяет карточки в зависимости от выбора тестируемого. После успешных тестов прототипов низкой прорисовки, можно переходить к более точным прототипам в плане UI. Если их выполняю в Figma, то там же анимирую и тестирую. Так же, чтобы повысить удобство и мобильность использую InVision, иногда помещаю частично фотографии бумажных прототипов, если не успеваю сделать Figma. Тестировать можно непосредственно в смартфоне. Результаты всех тестов записываются и отправляются обратно в UseBitApp, где переформируются сценарии и переделываются прототипы. Когда нужно доставить все сценарии на основе исследований в разработку используем Gherkin </br>
<br>
Когда нужно проверить работу продукта и найти новые ниши развития, снова прибегаем к исследованиям. Смотрим метрики, события в мире, собираем подробную аналитику, далее снова прибегаем к интервью и процесс повторяется.
</p>
<br>
<p>
<h2> Примеры </h2> <br>
Передача UI c описанием для фронтенда: <a href="https://docs.google.com/document/d/1R6PPlv_EN-K5YQr93JAgy-K6sC7lbY20ixZuXIV3XAM/edit?usp=sharing" target="_blank">Документ</a><br>
Прототип в <a href="https://www.figma.com/file/GaTdfHUOLqBunif0mFs1Nm/Uttyme-%D0%9F%D1%80%D0%BE%D1%82%D0%BE%D1%82%D0%B8%D0%BF-iteration2" target="_blank">Figma</a> <br>
Прототип в <a href="https://invis.io/BRP5O3P5C2P" target="_blank">InVision</a><br>
</p>
<br><br>
<p>
<h2> Помимо работы </h2> <br>
Сейчас я увлекаюсь каллиграфией и занимаюсь в Краснодарском отделении Национального Союза Каллиграфов у профессора и заслуженного художника России — <a href="https://www.google.com/search?q=%D0%BB%D0%B5%D0%BE%D0%BD%D0%B8%D0%B4+%D0%BF%D1%80%D0%BE%D0%BD%D0%B5%D0%BD%D0%BA%D0%BE&oq=%D0%BB%D0%B5%D0%BE%D0%BD%D0%B8%D0%B4+%D0%BF%D1%80%D0%BE%D0%BD%D0%B5%D0%BD%D0%BA%D0%BE&aqs=chrome..69i57j0l4j69i61.5330j0j4&sourceid=chrome&ie=UTF-8" target="_blank">Леонида Ивановича Проненко</a>. <br>
Не ем сахар и белый хлеб (пицца не считается), легко нахожу общий язык с людьми и, иногда, животными, быстро обучаюсь. </br>
</p>
<br><br>
<p>
<h2> Регулярно прохожу курсы на Coursera </h2> <br>
University of Michigan: Understanding User Needs <br>
University of Minnesota: Evaluating User Interfaces <br>
University of California San Diego: Human-Centered Design: an Introduction <br>
University of California San Diego: User Experience: Research & Prototyping <br>
</p>
<br><br>
<h2>Contact me</h2>
<p class="contacts">
Email: [email protected] <br>
WhatsApp: <a href="https://wa.me/<+79002326658" target="_blank">+7 900 232-66-58</a> <br>
<a href="telegram:olianayda">Telegram</a>, <a href="skype:olianayda" rel="nofollow noopener noreferrer">Skype</a>: @olianayda
</p>
<br><br>
<h2>Socials: @olianayda</h2>
<p class="links">
<a href="https://www.linkedin.com/in/olianayda/" target="_blank">Linked In</a>
<a href="https://www.facebook.com/nyannayda" target="_blank">Facebook</a>
<a href="https://www.instagram.com/olianayda/" target="_blank">Instagram</a>
<a href="https://medium.com/@olianayda" target="_blank">Medium</a>
<a href="https://unsplash.com/@olianayda" target="_blank">Unsplash</a>
<a href="https://www.behance.net/olianayda" target="_blank">Behance</a>
</p>
<br><br>
</div>
</div>
<svg id="right-eye" width="400" height="212" viewBox="0 0 400 212" fill="none" opacity="0">
<path fill-rule="evenodd" clip-rule="evenodd" d="M81.3141 141.932L57.7093 137.846L61.2907 117.154L89.7011 122.071L91.679 123.511C104.594 132.911 125.726 147.128 146.934 159.092C157.541 165.076 167.995 170.399 177.342 174.269C186.917 178.234 194.436 180.292 199.456 180.51C215.451 181.205 239.476 178.275 263.937 173.68C288.237 169.116 312.002 163.098 327.18 158.039L333.82 177.961C317.498 183.402 292.763 189.634 267.813 194.32C243.024 198.975 217.049 202.295 198.544 201.49C189.764 201.108 179.488 197.887 169.308 193.671C158.901 189.362 147.643 183.603 136.616 177.383C115.618 165.537 94.838 151.663 81.3141 141.932Z" fill="#FFD2A8"/>
<path d="M91.5 127.5L64 115L83 102.5C82.1667 94.3333 103.5 75 195.5 63C287.5 51 326.833 122.667 335 160C322.167 165.833 284.8 178 238 180C191.2 182 120.833 145.833 91.5 127.5Z" fill="white" stroke="black" stroke-width="8"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M173.488 14.661L176.988 66.161L167.012 66.839L163.512 15.339L173.488 14.661Z" fill="black"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M209 13V62H199V13H209Z" fill="black"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M249.366 19.6482L238.866 64.1482L229.134 61.8518L239.634 17.3518L249.366 19.6482Z" fill="black"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M292.676 33.7491L266.676 73.2491L258.324 67.7509L284.324 28.2509L292.676 33.7491Z" fill="black"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M325.407 64.1595L296.407 91.1595L289.593 83.8405L318.593 56.8405L325.407 64.1595Z" fill="black"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M123.121 35.0901L138.621 72.5901L129.379 76.41L113.879 38.9099L123.121 35.0901Z" fill="black"/>
<g id="right-eye-ball">
<g id="right-eye-pupil">
<path d="M245 119C245 136.673 230.673 151 213 151C195.327 151 181 136.673 181 119C181 101.327 195.327 87 213 87C230.673 87 245 101.327 245 119Z" fill="#27AE60"/>
<path d="M219 116C219 119.866 215.866 123 212 123C208.134 123 205 119.866 205 116C205 112.134 208.134 109 212 109C215.866 109 219 112.134 219 116Z" fill="black"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M211.25 88H211.462C224.908 88 234.341 97.5778 239.098 107.963C241.504 113.215 242.857 118.926 242.989 124.259C243.12 129.534 242.057 134.818 239.193 138.851C234.326 145.706 225.447 146.518 218.146 145.772C210.534 144.995 202.77 142.365 197.906 140.186L197.7 140.093L197.505 139.978C193.992 137.9 189.028 133.996 185.29 128.829C181.543 123.651 178.713 116.73 180.597 108.992C182.488 101.223 188.445 96.1925 194.341 93.0974C200.273 89.984 206.771 88.4773 211.039 88.0225L211.25 88ZM211.672 96.0011C208.193 96.3998 202.831 97.6761 198.06 100.181C193.154 102.756 189.49 106.282 188.37 110.884C187.242 115.516 188.804 120.039 191.771 124.139C194.678 128.157 198.632 131.313 201.388 132.979C205.737 134.903 212.538 137.158 218.959 137.814C225.796 138.512 230.51 137.262 232.67 134.22C234.199 132.068 235.097 128.692 234.992 124.457C234.888 120.28 233.811 115.63 231.825 111.295C227.829 102.572 220.715 96.0999 211.672 96.0011Z" fill="black"/>
</g>
</g>
</svg>
</div>
<script src="main.js"></script>
</body>
</html>