Как стать автором
Обновить
0
0

UX/UI-дизайнер

Отправить сообщение

Что такое концентрация внимания и как и для чего её развивать

Время на прочтение5 мин
Количество просмотров21K

Все мы имеем множество желаний и планов на жизнь, ставим цели и стремимся к их достижению. Почему же одни люди воплощают свои мечты и добиваются успеха, а другие - нет? Я не знаю ;) Но эта статья точно поможет вам делать лучше то, что вы уже делаете.

Концентрация - это одно из свойств внимания, позволяющее удерживать фокус НА ОДНОМ предмете или задаче в течение некоторого времени.

Образно говоря, это МОЩНОСТЬ работы нашего мозга, способность обрабатывать более сложную, объёмную информацию, а также формировать новые нейронные связи. Хорошо концентрируясь, мы можем выдерживать бОльшую нагрузку, а также делать это дольше.

Читать далее
Всего голосов 20: ↑19 и ↓1+18
Комментарии12

Полное руководство по Flexbox

Время на прочтение11 мин
Количество просмотров577K
Полное руководство по CSS flexbox. Это полное руководство объясняет все о flexbox, сосредотачиваясь на всех возможных свойствах для родительского элемента (контейнер flex) и дочерних элементов (элементы flex). Оно также включает в себя историю, демонстрации, шаблоны и таблицу поддержки браузеров.
Читать дальше →
Всего голосов 23: ↑17 и ↓6+11
Комментарии5

Используйте фавиконки правильно

Время на прочтение6 мин
Количество просмотров81K

Фавиконка — это иконка, которая отображается во вкладке браузера перед названием страницы, в закладках и на рабочем столе для веб-приложений.

Фавиконки — ответственность верстальщика. Под катом рассказ о том, как подключить обязательную фавиконку и каким должен быть набор иконок, как использовать иконки в SVG, что нужно дополнительно сделать для устройств от Apple, и почему хорошо использовать webmanifest для подключения всех фавиконок к вашему сайту.

Читать далее
Всего голосов 19: ↑17 и ↓2+15
Комментарии11

Как повысить качество своих работ

Время на прочтение3 мин
Количество просмотров11K
Часто мне приходится работать с макетами разных дизайнеров и так же часто их качество оставляет желать лучшего.


Читать дальше →
Всего голосов 14: ↑13 и ↓1+12
Комментарии16

Как и зачем я стал работать за компьютером стоя

Время на прочтение4 мин
Количество просмотров182K


Ежедневно я работаю за компьютером 9–10 часов. Вплоть до прошлой недели я проводил все это время, сидя на своей вечно расширяющейся заднице.

В понедельник я отрегулировал свой стол для стоячего положения (фотография выше) и провел неделю, работая исключительно стоя. К сидению я теперь никогда не вернусь.
Читать дальше →
Всего голосов 219: ↑190 и ↓29+161
Комментарии352

Особенности создания оптового интернет-магазина одежды/обуви

Время на прочтение2 мин
Количество просмотров14K
Создавая B2B-системы для оптовых компаний мы заметили ряд отраслевых особенностей, не учитывая которые эффективно использовать B2B-систему не получится. Одним из самых емких рынков в электронной коммерции является рынок одежды и обуви, об особенностях построения оптового интернет-магазина для этого рынка и расскажу в данной статье, заодно опишу некоторые принципы работы оптовиков данной отрасли.

Принципы работы поставщиков на рынке одежды и обуви


Читать дальше →
Всего голосов 18: ↑9 и ↓90
Комментарии0

A/B тест — это просто

Время на прочтение6 мин
Количество просмотров477K


A/B тестирование — это мощный маркетинговый инструмент для повышения эффективности работы вашего интернет-ресурса. С помощью A/B тестов повышают конверсию посадочных страниц, подбирают оптимальные заголовки объявлений в рекламных сетях, улучшают качество поиска.

Мне часто приходится сталкиваться с задачами организации A/B тестирования в различных интернет-проектах. В этой статье хочу поделиться необходимыми базовыми знаниями для проведения тестов и анализа результатов.
Читать дальше →
Всего голосов 28: ↑24 и ↓4+20
Комментарии13

10 инструментов проверки контраста вашего дизайна для улучшения его „читабельности“

Время на прочтение4 мин
Количество просмотров36K
Вашему вниманию предлагается перевод статьи 10 colour contrast checking tools to improve the accessibility of your design от Roger Johansson. Перевод alexbig

10 инструментов проверки контраста вашего дизайна для улучшения его „читабельности“



В моей повседневной работе мы создаём графический дизайн для большинства сайтов наших клиентов, но не для всех. Некоторые из них сами или с помощью дизайн студий делают визуальный дизайн и оставляют переход на HTML + CSS + JavaScript и CMS для нас. Когда такое происходит, я практически всегда сталкиваюсь с проблемами недостаточного цветового контраста в дизайне. Иногда эти проблемы достаточно второстепенные и допустимые, но зачастую, есть области, которые необходимо скорректировать.

Если вам интересно, почему меня волнует (и почему я думаю, что вы должны заботиться о) цветовом контрасте веб-сайта — очень просто. Если текст не имеет достаточного контраста со своим фоном — у людей возникнут проблемы. Все, кто страдает дальтонизмом или те, кто бороздят Веб не в идеальных условиях (плохой монитор, отражение окон, блики от солнца) не смогут прочитать текст, по крайней мере, без трудностей.

А вы ведь, не хотите этого, верно?
Всего голосов 9: ↑8 и ↓1+7
Комментарии23

Switch to Sketch. Часть 1

Время на прочтение10 мин
Количество просмотров143K


О программе Sketch я узнал еще год назад. Скачал демо тогда еще 2-й версии. Признаться, она меня совершенно не впечатлила. Какой-то слишком простой показалась. Я привык к навороченным интерфейсам софта от Adobe, а расположение панелей в стиле Apple iWork (Pages, Numbers, Keynote) мне по какой-то причине не нравится. К тому же мне оказалось комфортнее работать с темным интерфейсом, каковой нынче есть в Photoshop CC. Плюс Sketch 2 был достаточно кривоватый, содержал немало досадных багов, да и вообще впечатления не оказывал скоростью работы. В общем, поигрался с демкой и благополучно забыл. Впрочем, оказалось, что зря…

Читать дальше →
Всего голосов 73: ↑68 и ↓5+63
Комментарии69

Разрабатываем быстрее и качественнее при помощи прототипов

Время на прочтение10 мин
Количество просмотров6.7K
Старая поговорка «Лучше один раз увидеть, чем сто раз услышать» очень точно описывает, что разработчикам может дать создание прототипа интерфейса: визуальное представление, значительно более наглядно описывающие вопросы дизайна проекта и разработки функционала. В итеративном подходе к дизайну пользовательского интерфейса используется быстрое проектирование в процессе создания набросков системы (будь то веб-сайт или приложение) и утверждение их у обширной группы представителей заказчика, заинтересованных сторон, разработчиков и дизайнеров. Если придерживаться этого подхода — можно получить обратную связь раньше (чаще всего прямо в процессе обсуждения), что значительно улучшает качество дизайна конечного продукта и уменьшает потребности во внесении изменений в процессе разработки.
Читать дальше →
Всего голосов 73: ↑70 и ↓3+67
Комментарии22

Серьезное проектирование серьезных сайтов. Часть 2. Визуализация

Время на прочтение8 мин
Количество просмотров85K

7. Карта ума.



Имея огромное количество идей, мы можем приступить к их визуализации и выстраиванию логических взаимосвязей. На этом шаге задача проектировщика привести все в единую систему и отбросить лишнее.



Для создания карты ума (её чаще называют английским термином «Mind map»), мы можем использовать специальное ПО, я рекомендую Xmind.


Читать дальше →
Всего голосов 55: ↑48 и ↓7+41
Комментарии58

VK by design

Время на прочтение6 мин
Количество просмотров38K


ВКонтакте — это множество интерфейсов для разных платформ. Сегодня Вы узнаете о том, как мы работаем над этими интерфейсами, создавая дизайн своих продуктов.
Читать дальше →
Всего голосов 40: ↑35 и ↓5+30
Комментарии77

Процессный подход к проектированию интерфейсов

Время на прочтение8 мин
Количество просмотров5.9K
На хабрахабре регулярно публикуются статьи о юзабилити. Некоторые вещи, которые в них говорятся обычно достаточно очевидны, некоторые требуют серьезной подготовки. Однако во всех них чего-то не хватает.

А не хватает одной детали – если юзабилити занимается удобством пользования, то почему никто не обращает внимания на само использование? Не на кнопочки в интерфейсе, а на сам процесс работы с сервисом от начала и до конца. Причем как внешними пользователями, так и внутренними, что может быть даже более важно.

Если вам интересна такая проблематика, пойдем дальше и рассмотрим процессный подход к проектированию информационных систем, куда конечно же относятся и вопросы юзабилити.
Читать дальше →
Всего голосов 57: ↑51 и ↓6+45
Комментарии20

12 принципов производительности Эмерсона для фрилансера

Время на прочтение4 мин
Количество просмотров49K

В начале 20 века Гарингтон Эмерсон сформулировал 12 принципов производительности и организации труда, которые можно применить буквально в любой области и позволяют достичь максимальных результатов человеческой деятельности и предприятия в целом. После прочтения его книги я осознал, что до большинства его принципов я дошел своей головой путем ошибок в своей жизни, кажется если бы я прочитал его книгу раньше моя жизнь была бы более продуктивной. В этой заметке я рассмотрю эти принципы для фрилансерской деятельности.

Читать дальше →
Всего голосов 60: ↑48 и ↓12+36
Комментарии27

Сила минимализма в UX дизайне

Время на прочтение7 мин
Количество просмотров25K
Просто — не значит примитивно. Мало — не значит непонятно. Вкратце можно выразить многое. Свободное пространство — не то же самое, что пустота. Сегодня мы поговорим о минимализме.


Как сказал в своей книге «The More of Less» Джошуа Бекер:

«Вам нужно не больше пустого пространства, а меньше всего остального».

Сейчас ведутся активные обсуждения минималистичного подхода к разным сторонам жизни и рабочего процесса, и разнообразные направления дизайна — не исключение. Давайте рассмотрим его преимущества и те нюансы, которые необходимо иметь в виду.

Что такое минимализм?


Вообще, минимализм — это широкое понятие, которое употребляется в разных сферах человеческой деятельности. В словаре Merriam-Webster оно определяется как «стиль или техника (в музыке, литературе или дизайне), которые характеризуются крайне малым количеством элементов и простотой». К каким бы областям ни применялось понятие, оно сохраняет свои базовые отличительные свойства: простота и смысловая насыщенность.
Читать дальше →
Всего голосов 17: ↑11 и ↓6+5
Комментарии3

Красный, белый, голубой: восемь правил подбора цветовой палитры, которые должны знать все

Время на прочтение10 мин
Количество просмотров80K
Взаимодействие человека с компьютером во многом опирается на графические элементы интерфейса, и цвет играет в этом процессе не последнюю роль. Как однажды сказал Pierre Bonnard: «Цвет не просто делает дизайн приятным для глаз, но и подкрепляет его».

Проектируя новый продукт, дизайнеры часто затрудняются с составлением цветовой гаммы, так как существует неограниченное число возможных сочетаний. В этой статье мы рассмотрим восемь основных правил, которые могут помочь вам с выбором.


Читать дальше →
Всего голосов 52: ↑49 и ↓3+46
Комментарии10

Как сделать новый Trello и продать его за 425 млн. долларов: почему компания Atlassian выложила такую сумму

Время на прочтение8 мин
Количество просмотров32K
Atlassian, австралийская компания, специализирующаяся на инструментах для управления разработкой программного обеспечения, приобрела сервис Trello за 425 млн. долларов. Причина: дальнейшее продвижение Trello вело к гибели Atlassian.
image

Итак, как сделать новый Trello и разбогатеть на этом? Но, конечно, не создавая клона Trello. Почему? Trello — классический пример подрывной инновации. Когда речь идёт о подрывной инновации, инициатор получает всё. Компания Atlassian приобрела Trello за 425 млн. долларов не из-за бренда или пользовательской базы этого сервиса, а из-за опасности, которую Trello породил для будущего этой компании. По этой же причине Гугл и другие компании делают аналогичные приобретения. Если желаете сделать стартап на 400 млн. долларов, разработайте что-нибудь простое. Эта статья объяснит почему!
Читать дальше →
Всего голосов 55: ↑48 и ↓7+41
Комментарии45

Как я научился кодить после 30

Время на прочтение9 мин
Количество просмотров42K
«Погрузитесь в изучение предмета, найдите наставника и не оглядывайтесь назад» — ключевые советы, которые автор материала дает всем, кто стремится освоить программирование с нуля. В истории, приведенной ниже, речь идет о непростом пути человека, решившего сменить профессию после 30 лет, чтобы стать разработчиком программного обеспечения.

image

Люди часто спрашивают меня, как я начал кодить и всегда удивляются, узнавая, что научился я после 30.

Предлагаю вам свою историю о том, как я прошел путь с самых азов до разработчика широкого профиля в Udacity — стартапе из Кремниевой долины, команда которого поставила перед собой цель демократизировать образование. В этой истории я уделил особое внимание рассказу о том, как мне удалось получить работу, несмотря на то, что каждая вакансия младшего веб-инженера требовала наличия научной степени в области компьютерных наук или двухлетнего опыта работы по профессии.

За все это время мне довелось побороться за сохранение отношений с близкими, потратить все свои сбережения, потерять веру в себя и сдаться. И только спустя год размышлений над неудачей, изменив свой настрой, я предпринял еще одну попытку и добился успеха.
Читать дальше →
Всего голосов 18: ↑14 и ↓4+10
Комментарии38

Atlassian JIRA 6.2: Быть лучше, чем вчера

Время на прочтение4 мин
Количество просмотров118K


На сегодняшний день Atlassian JIRA является одним из самых известных и популярных баг-трекеров. Кроме того, во всем мире целый ряд компаний используют JIRA не только в качестве баг-трекера, но и как систему управления проектами. JIRA достаточно универсальна, чтобы решать большое число казалось бы несвязанных друг с другом задач, и она довольно просто расширяется за счет разработки дополнительных плагинов.

Каждый раз пользователи продуктов Atlassian ожидают следующего большого релиза JIRA, понимая, что он не может быть хуже предыдущего. Поэтому и от JIRA 6.2, выпуск которой официально состоялся 25 февраля, ожидают только позитивных впечатлений.

В данной статье попробуем понять, что нового нам стоит ждать в новой версии JIRA.
Читать дальше →
Всего голосов 54: ↑46 и ↓8+38
Комментарии28

О фреймворках

Время на прочтение19 мин
Количество просмотров49K

Роман Ивлиев


В сегодняшней статье поговорим о неотъемлемой составляющей большого числа современных веб-проектов — о фреймворках.


Роман Ивлиев на примере множества проектов портала banki.ru, а также заказной разработки в студии крупных проектов Онтико. Рассмотрим следующие темы и поищем ответы на вопросы:


  1. Что такое фреймворк, и зачем их пишут.
  2. Почему для некоторых языков их десятки, а для некоторых — единицы.
  3. В чём плюсы и минусы применения.
  4. Наиболее распространённые мифы.
  5. Использовать или нет — примеры из жизни.
  6. Как выбрать из множества доступных вариантов, на что стоит обратить внимание.
Читать дальше →
Всего голосов 39: ↑23 и ↓16+7
Комментарии48
1

Информация

В рейтинге
Не участвует
Откуда
Тольятти, Самарская обл., Россия
Зарегистрирован
Активность