Pull to refresh
0
Татьяна Кравченко @Tatian_Kread⁠-⁠only

Дизайн, front-end, мобильная разработка

Send message

Разговоры с призраками: Ада Лавлейс

Reading time7 min
Views6.9K

Ужасами Хэллоуина могут стать не только привидения за окном и страшные костюмы, в которых пришли коллеги. Для истинного интроверта — это будет общение с толпами людей во время праздника, да и не только. В прошлом году я участвовала в создании бота Ады Лавлейс, первой в мире женщины-программиста. В течение года я периодически болтала с ней и мечтала сделать её более совершенной. Приглашаю под кат почитать о новых возможностях, которые мы добавили: цитаты самой Ады, математические задачи от неё и распознавание изображений.


Читать дальше →
Total votes 26: ↑22 and ↓4+18
Comments14

Хватит дизайнить в скетче. Делайте дизайн в браузере

Reading time3 min
Views25K

Если вы тратите большую часть своего времени в статичных инструментах, таких как Sketch, то вам стоит переехать в браузер и чем раньше, тем лучше.


Более трех лет назад я написал свой первый пост на тему «Дизайн в браузере». Пост назывался «Как я задизайнил сайт без Фотошопа»

Он рассказывал историю о том, как я создал законченный сайт без использования Фотошопа. В те дни Фотошоп был главным инструментом в вебдизайне. Но сейчас это не так. С тяжеловесного фото-редактора мы пересели на Скетч, который был сделан для создания интерфейсов.

Читать дальше →
Total votes 27: ↑15 and ↓12+3
Comments66

Не находите ли вы неудачной кнопку перехода на страницу номер 100?

Reading time1 min
Views20K
Поговорим про интерфейсы и про то, что видим на этой ленте статей, прокрутив её вниз, до пагинатора.



Конечно, очевидно, что после кнопки с номером «8», ведущей на страницу номер 8 по стрелке, похожей на стрелку возле слова «Туда» должна идти кнопка, ведущая на страницу с номером 9.

Но вы удивитесь, увидев, куда она ведёт. Просто наведите мышь и посмотрите на адрес ссылки. «Очевидность» существует месяца 3 и мне удалось по ошибке нажать эту кнопку и сходить на сотую страницу раза 3. Стало понятно, что в этой кнопке что-то не так и в интернете кто-то неправ.

Поможем доказать это.

1. Почему вредно после кнопки «8» ставить кнопку со стрелкой, похожей на стрелку «туда», но ведущую не туда?

К примеру, вот очень похожая…

Total votes 86: ↑70 and ↓16+54
Comments67

Детали, которые имеют значение

Reading time5 min
Views5.7K
Успешность вашего продукта определяется совокупностью факторов, самый важный из которых – пользовательский опыт в целом. При создании нового приложения или веб-страницы, отдавать предпочтение проверенным практикам – надежный путь, однако продумывая общую концепцию, мы часто забываем о тех мелочах в дизайне, которые кажутся приятным, но не критичным бонусом. А ведь именно то, насколько тщательно мы продумали эти детали, может оказаться решающим для пользовательского опыта.

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

Читать дальше →
Total votes 11: ↑9 and ↓2+7
Comments3

Индейские хитрости проектировщика ПО. Выпуск 1

Reading time4 min
Views8.4K
Всем привет. Этим выпуском я хочу открыть серию статей которые будут содержать различные приемы и трюки которыми я пользуюсь сам и которые практикуют мои коллеги по опасному бизнесу. Материалы не структурированы и представляют собой разрозненные полевые заметки, которые возможно когда нибудь перерастут в систему, но пока не буду ничего загадывать.

Читать дальше →
Total votes 22: ↑12 and ↓10+2
Comments7

Типографика: процесс выбора шрифта

Reading time5 min
Views25K
Один из самых ценных навыков, которые может освоить дизайнер — это умение подбирать шрифты. Это объясняется тем, что текст является одним из основных способов коммуникации дизайнера с пользователем. Типографика имеет решающее значение для дизайна.


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

Эта статья замышлялась как небольшое введение для тех, кто хочет научиться правильно подбирать шрифты для дизайна. Она подтолкнёт вас к тому, чтобы расширять набор шрифтов и их сочетаний, которые вы используете в макетах, не ограничиваясь хорошо знакомыми вариантами.
Читать дальше →
Total votes 14: ↑13 and ↓1+12
Comments3

UX-рецепт подтверждения номера телефона и электронной почты

Reading time3 min
Views12K
В настоящее время интернет пестрит разными сервисами и другими ресурсами, через которые происходит движение денежных средств, размещаются заявки на предоставление различных услуг и многое другое. Эти ресурсы ведут тесную работу с пользователями и доступ, к своему профилю (личному кабинету), является очень важным фактором.
Читать дальше →
Total votes 24: ↑15 and ↓9+6
Comments14

Что нам стоит приложение построить: рассуждения об интерфейсе

Reading time9 min
Views8.7K
Посмотрите на экран мобильного телефона — какие-то приложения вы используете с удовольствием, какие-то по необходимости, а некоторые за неудобством просто удаляете и ищете приемлемый аналог. Когда делаешь мобильное приложение, самая проблематичная часть — создание рабочего прототипа. Нужно понять, как будут взаимодействовать элементы интерфейса, как с интерфейсом будет работать конечный пользователь. Вы скажете — так на то и есть тестирование. Но до тестирования нужно создать рабочий вариант, который должен отвечать требованиям клиентов, а в случае приложения для банков — миллионов пользователей. Как к этому подступиться?



Ищите подход к любому сегменту!
Читать дальше →
Total votes 20: ↑15 and ↓5+10
Comments7

Первый курс Mail.Ru Group на крупнейшей образовательной платформе Coursera

Reading time2 min
Views21K

image


Весна — пора учёбы! Совместно с МФТИ и компанией Contented мы запускаем на образовательной онлайн-платформе Coursera курс по специальности «Дизайнер интерфейсов». Позже будут запущены ещё три курса, посвященные созданию интерфейсов и работе в команде.


Курс разработан таким образом, чтобы студенты могли освоить новую профессию практически с нуля, но при этом получили все необходимые знания, чтобы сразу приступить к работе. Авторы и преподаватели курса — профессионалы с большим опытом в индустрии. В ходе обучения студенты получат систематизированные знания о процессе разработки интерфейсов, узнают о последних трендах в дизайне интерфейсов, об особенностях платформ и о том, как учитывать их при разработке дизайна, научатся работать с самыми актуальными на сегодняшний день инструментами. Курсы ведут сотрудники Mail.Ru Group, Notamedia, Red Keds и Redmadrobot — практикующие специалисты с большим опытом работы.

Total votes 41: ↑38 and ↓3+35
Comments16

Контекстные интервью. Заметки для разработки дизайна исследования

Reading time12 min
Views7K
В интервью люди не всегда говорят правду о том, что они делают. Причина этого — не злой умысел. Такова специфика восприятия привычных рутинных действий. Не важно, что это за действия, главное, что они повторяются постоянно. Попробуйте с ходу описать свой типичный рабочий день. Насколько подробной получится история? Наверняка вы упустите массу деталей — трудно вспомнить подробности, или информация кажется вам не слишком ценной.

Проблема в том, что для разработки IT-продуктов нам нужно, чтобы пользователь подробно описал свои повседневные действия. Созданный продукт должен решать реальные задачи и органично вписаться в социальную и физическую среду пользователя. Как получить такое описание? Один из методов — это контекстные интервью (contextual interviews, contextual inquiry).
Читать дальше →
Total votes 6: ↑5 and ↓1+4
Comments0

Руководство по созданию выдающегося портфолио

Reading time8 min
Views23K
В UX дизайне портфолио значат больше чем высшее образование. Работодатели и менеджеры по набору персонала будут использовать ваше портфолио чтобы определить ваш опыт, эстетичность и, что более важно, вашу способность решать проблемы бизнеса в реальном мире.

Создание своего первого портфолио может показаться невероятно сложной задачей. Я собрал всеобъемлющее руководство чтобы помочь начинающим UX дизайнерам создать портфолио, которое покажет их уникальные истории.
Читать дальше →
Total votes 12: ↑11 and ↓1+10
Comments2

Время первых (зарисовки с одного воркшопа)

Reading time9 min
Views4.6K
Человек Разумный — всегда пугал исследователей своей непостижимостью. Все эти эмоции, перебивающие логику; эти древние инстинкты, доминирующие над рациональным поведением; плюс еще детские депривации и непредсказуемые подсознательные ассоциации.

— Да, вот как со всем этим работать?

К счастью, дизайнеры и юзабилисты прошлого века нашли временный выход: вместо живого и непредсказуемого живого человека с миллиардами нейронных связей ими в пробирке был выведен Персонаж: картонный человечек с единственной извилиной и простыми и плоскими потребностями (от своего Создателя). И последние лет 30 любое проектирование информационной системы начиналось со сверки мыслей дизайнера с этой неживой куклой для утверждения собственной точки зрения через сеанс чревовещания. И по сегодняшний день такая схема перекладывания своих мыслей (и ответственности за результат) в головы выдуманных персонажей работает повсеместно.

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

image
Читать дальше →
Total votes 19: ↑11 and ↓8+3
Comments1

Agile по-простому

Reading time1 min
Views8.2K
Столько слов придумали, все и не запомнишь — Канбан, Скрам, ЭксПи…
Есть ощущение что создается наука из ничего так-же как бухгалтерия в нашем государстве.
А ведь смысл и идея не нова, лежит в основе мироздания, матушки природы и любого производства.

Вот мои простые тезисы по этому поводу:
1. Делай только то что надо сейчас
2. Делай только то что принесет максимальный эффект
3. Если задача сложная разбивай на простые
4. Используй самый простой подход решающий задачу
5. Работай одновременно только над одной задачей
6. Переключайся только когда задача полностью готова
7. Делай работу над ошибками

В идеале готова — в нужном качестве у заказчика и он ей доволен.

Спасибо за внимание!

PS: Если статья понравилась, поднимите карму.
Потому как те кому не понравилась понимаете что сделали…
Total votes 104: ↑64 and ↓40+24
Comments45

Как стареть в IT

Reading time10 min
Views112K
После нескольких лет насмешек над предрассудками в области информационных технологий я — будучи белым мужчиной с совсем не седыми, густыми волосами — начинаю сталкиваться с предубеждением по отношению к моему возрасту. Это правда, дискриминация по возрасту реальна.

С 2008 года количество жалоб на дискриминацию по возрасту выросло до 25 000 в год. Можно возразить, что мы везде вынуждены «крутиться» сейчас и всегда найдётся кто-то, кто пожалуется на какую-то несправедливость. Конечно, ОК! Давайте не будем принимать во внимание жалобы. Просто посмотрим на средний возраст сотрудников известных IT-компаний. Фейсбук: 28. LinkedIn: 29. Гугл: 30. Чтобы увидеть объективно — средний возраст работника в США составляет 42 года. Это намного выше среднего возраста в названных выше компаниях. Даже сам Марк Цукерберг однажды публично высказался на каком-то мероприятии в Стэнфорде: «Я хочу подчеркнуть важность быть молодым и технически подготовленным. Молодые люди просто умнее.»
Читать дальше →
Total votes 132: ↑128 and ↓4+124
Comments214

Ада Лавлейс. Первая в мире программа и взгляд в будущее

Reading time4 min
Views35K
image

Ада Лавлейс

10 декабря 1815 года на свет появилась Ада Лавлейс, большинству из нас известная как самый первый в мире программист. Так уж получилось, что это звание принадлежит представительнице прекрасного пола. Сегодня исполняется двести один год со дня рождения этого человека. И в этом посте я бы хотел немного рассказать о самых интересных моментах из ее жизни, не отделываясь обрывочными фразами, но и не слишком уж углубляясь в детали. Материал можно найти, где угодно, имея под рукой Интернет. Однако мало кто полезет искать его просто ради интереса. Поэтому кому интересно, добро пожаловать под кат.
Читать дальше →
Total votes 36: ↑32 and ↓4+28
Comments25

Еще один домашний медиасервер на базе Docker

Reading time10 min
Views50K
Добрый день Хабр. На написание этой статьи меня сподвигло закрытие довольно известных в UA-IX ресурсов ex.ua и fs.to. Поскольку доблестные правоохранители не озаботились предоставлением какой-либо достойной альтернативы, было принято решение взять процесс в свои руки, к тому же давно хотелось организовать домашнее хранилище/файлопомойку не зависящее от внешних провайдеров. В процессе реализации было перепробовано довольно много разных систем, но в итоге все выстроилось именно так, а не иначе. Мнение субъективное, реализация доступная. Сама статья рассчитана на новичков которым необходимо просто работающее решение, или на тех кто задумался о своем медиасервере, но еще не определился с реализацией.

Итак решение принято, начнем.
Читать дальше →
Total votes 32: ↑28 and ↓4+24
Comments20

Как работают ИТ-специалисты. Петр Зайцев, генеральный директор и основатель Percona

Reading time4 min
Views12K
imageМы продолжаем расспрашивать специалистов о режиме труда и отдыха, профессиональных привычках, об инструментарии, который они используют, и многом другом.

Будет интересно выяснить, что их объединяет, в чем они противоречат другу другу. Возможно, их ответы помогут выявить какие-то общие закономерности, полезные советы, которые помогут многим из нас.

Сегодня наш гость — Петр Зайцев, генеральный директор, основатель Percona. Он считает себя не самым организованным руководителем. Более того, Петр, будучи человеком технического склада, называет себя «нетипичным СЕО».
Читать дальше →
Total votes 33: ↑27 and ↓6+21
Comments6

Анонимный Дед Мороз 2016-2017: пост хвастовства новогодними подарками

Reading time2 min
Views21K
image

Привет, %username%!

Пару недель назад самые добрые и отзывчивые Хабражители отправились паковать подарки своим внукам и внучкам в рамках Хабра-АДМ 2016.

Треть посылок уже в пути, два подарка уже доставлены, а, значит, уже совсем скоро праздник постучится и в твою дверь!

Здесь мы будем делиться фотографиями полученных подарков и необыкновенными историями об их получении. Не стесняемся! Хвастаемся! Пусть те, кто упустил свой шанс, завидует на полную.

А под катом информация о беспрецедентной акции.
Читать дальше →
Total votes 36: ↑35 and ↓1+34
Comments100

Что общего у мобильного QA и осьминога

Reading time8 min
Views43K


Привет! Я Катя, и я – трудоголик тестировщик самого популярного приложения для новых знакомств.

Итак, раннее утро, вы – мобильный QA. Вы приходите на работу, завариваете крепкий кофе и хотите взять пару мобильных устройств для тестирования новой фичи, осознавая, какие муки выбора вам предстоят. Что это будут за устройства?

Рано или поздно каждый мобильный тестировщик задаётся вопросом, на каком количестве устройств тестировать новый функционал, чтобы поймать максимальное количество девайсозависимых багов, потратив минимум времени. Автотесты ещё не написаны, перед вами абсолютно новые фичи. И если с iOS есть хоть какая-то ясность, и список устройств ограничен, то Android «расплодился» в полнейший ад. Вы удивитесь, но для счастья нужно всего три–четыре Android-устройства. Я хочу рассказать, как с точки зрения опытного тестировщика их выбрать.
Читать дальше →
Total votes 75: ↑73 and ↓2+71
Comments29

Как конструировать слова (от автора, который ненавидит читать)

Reading time4 min
Views25K
Честно говоря, я писатель. Мне платят за то, чтобы я писал слова. Но есть вещь, которую большинство обо мне не знают: я ненавижу читать.

Теперь не поймите меня неправильно — я все еще немного читаю. Я одолел книги и блоги, новые каналы и журналы. Но когда авторы становятся многословными, у меня замыливается взгляд. Мне скучно.

image

Все что я вижу — простыня слов.

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

Дело в том, что, в основном, я пишу тексты для приложений и сайтов. Здесь краткость лучше восхитительного стиля, на счету каждый знак. А писать текст для интерфейса во многом напоминает дизайн — дизайн слов для людей, которые ненавидят читать.
Total votes 67: ↑61 and ↓6+55
Comments23
1

Information

Rating
Does not participate
Location
Новороссийск, Краснодарский край, Россия
Date of birth
Registered
Activity