Любой процесс сложнее, чем выглядит сначала
Бывает подходит менеджер к дизайнеру и просит: у нас тут на форме обратной связи люди жалуются, что не могут прикрепить скриншот проблемы. Нарисуй там какую-нибудь кнопку, чтоб фотки добавлять.
«Пфф, изи» — думает дизайнер и рисует скрепочку с подписью «Добавить фотографию».
А потом всплывают проблемы:
1. А что если нужно загрузить несколько фотографий?
2. А сколько максимум фотографий можно загрузить?
3. А если фотография весит гигабайт?
4. А какие форматы можно грузить?
5. А если пользователь на телефоне не дал разрешение на загрузку фотографий, то что?
6. Фотографии долго грузятся на сервер, а загрузку мы не рисовали.
7. Что делаеть, если четыре фотографии загрузились, а пятая нет?
На все эти вопросы должен был ответить дизайнер, когда придумывал эту кнопку. Чтобы не упустить возможные проблемы, я создаю блок-схему процесса от начала «клиент заходит на форму обратной связи» до конца «получает связь». После, показываю эту схему разработчику и менеджеру и вместе мы допилиываем процесс.
Для примера, посмотрите на схему регистрации от Павла Шерера. Он расписал почему такая, вроде бы простая вещь, как регистрация — сложный процесс и показал всю логику в схемах. Прелесть как полезно!
https://sherer.pro/blog/registracija-i-login-na-steroidah/
Бывает подходит менеджер к дизайнеру и просит: у нас тут на форме обратной связи люди жалуются, что не могут прикрепить скриншот проблемы. Нарисуй там какую-нибудь кнопку, чтоб фотки добавлять.
«Пфф, изи» — думает дизайнер и рисует скрепочку с подписью «Добавить фотографию».
А потом всплывают проблемы:
1. А что если нужно загрузить несколько фотографий?
2. А сколько максимум фотографий можно загрузить?
3. А если фотография весит гигабайт?
4. А какие форматы можно грузить?
5. А если пользователь на телефоне не дал разрешение на загрузку фотографий, то что?
6. Фотографии долго грузятся на сервер, а загрузку мы не рисовали.
7. Что делаеть, если четыре фотографии загрузились, а пятая нет?
На все эти вопросы должен был ответить дизайнер, когда придумывал эту кнопку. Чтобы не упустить возможные проблемы, я создаю блок-схему процесса от начала «клиент заходит на форму обратной связи» до конца «получает связь». После, показываю эту схему разработчику и менеджеру и вместе мы допилиываем процесс.
Для примера, посмотрите на схему регистрации от Павла Шерера. Он расписал почему такая, вроде бы простая вещь, как регистрация — сложный процесс и показал всю логику в схемах. Прелесть как полезно!
https://sherer.pro/blog/registracija-i-login-na-steroidah/
Павел Шерер
Регистрация и логин на стероидах | Павел Шерер
Часто ли вы сталкивались с тем, что не помните, через какую соцсеть логинились на сайте? Или что разработчики не очень точно реализовали логику придуманной вами регистрации? Этим постом я начинаю выкладывать свои проектные решения в паблик - и первое будет…
Ищу дизайнера интерфейсов к нам в команду на проект для S7
Предложение актуально для Новосибирска и всех желающих туда переехать.
В наш отдел дизайна True Engineering нужен настоящий дизайнер интерфейсов. Который сможет задать правильные вопросы менеджеру, оценить время и сделать задачу точно в срок. Сможет спроектировать решение и защитить его перед коллегами и бизнесом. Устойчив к критике и не уйдёт в обиду, если его решение не примут. Вместо этого он разберется что не так и предложит лучше решение. Посоветуется с программистами во время отрисовки дизайна и проследит, что решение реализуют так, как задумывалось.
Дизайнер будет проектировать огромные таблицы, дашборды, заявки, визуализацию базы данных и решать другие тяжелые задачи. Работа для тех, кто хочет делать сложные интерфейсы, которые помогают с реальными проблемами бизнеса.
Если интересно — пишите @e_vinichenko
Если вы не уверены, что подходите, но хотите попробовать — пишите тоже.
Полные условия вакансии https://novosibirsk.hh.ru/vacancy/34737204
О нашей компании https://trueengineering.ru/
Предложение актуально для Новосибирска и всех желающих туда переехать.
В наш отдел дизайна True Engineering нужен настоящий дизайнер интерфейсов. Который сможет задать правильные вопросы менеджеру, оценить время и сделать задачу точно в срок. Сможет спроектировать решение и защитить его перед коллегами и бизнесом. Устойчив к критике и не уйдёт в обиду, если его решение не примут. Вместо этого он разберется что не так и предложит лучше решение. Посоветуется с программистами во время отрисовки дизайна и проследит, что решение реализуют так, как задумывалось.
Дизайнер будет проектировать огромные таблицы, дашборды, заявки, визуализацию базы данных и решать другие тяжелые задачи. Работа для тех, кто хочет делать сложные интерфейсы, которые помогают с реальными проблемами бизнеса.
Если интересно — пишите @e_vinichenko
Если вы не уверены, что подходите, но хотите попробовать — пишите тоже.
Полные условия вакансии https://novosibirsk.hh.ru/vacancy/34737204
О нашей компании https://trueengineering.ru/
novosibirsk.hh.ru
Вакансия Настоящий UI/UX Дизайнер в Новосибирске, работа в компании True Engineering (вакансия в архиве c 6 мая 2020)
Зарплата: не указана. Новосибирск. Требуемый опыт: 3–6 лет. Полная занятость. Дата публикации: 06.04.2020.
Мой друг и отличный дизайне @sllxxe поделился списком плагинов для Фигмы, в которых он творит свою магию.
Forwarded from Figma Design
This media is not supported in your browser
VIEW IN TELEGRAM
Button Resizer — плагин изменяет размер кнопки чтобы она соответствовала ширине лейбла.
Install plugin
Install plugin
Forwarded from Figma Design
РыбаТекст — Генератор случайного текста, умный Lorem Ipsum на русском языке.
C помощью этого плагина можно в пару кликов создать как отдельные предложения и заголовки, так и целые абзацы отменнейшего fishtext'а. Кроме того, он умеет заполнять текстовые слои, учитывая их высоту и ширину.
Install plugin
C помощью этого плагина можно в пару кликов создать как отдельные предложения и заголовки, так и целые абзацы отменнейшего fishtext'а. Кроме того, он умеет заполнять текстовые слои, учитывая их высоту и ширину.
Install plugin
Forwarded from ⌘ Вячеслав Новолоцкий
Similayer — плагин для выделения объектов по схожим параметрам https://www.figma.com/c/plugin/735733267883397781/Similayer
Figma
Similayer | Figma
This plugin takes Figma’s in-built ‘Select all with...’ command to the next level. 🔥
Select similar layers; based on a whole range of properties.
Select other layers...
After selecting a layer, run this plugin to select all other layers based on specific…
Select similar layers; based on a whole range of properties.
Select other layers...
After selecting a layer, run this plugin to select all other layers based on specific…
Forwarded from ⌘ Вячеслав Новолоцкий
Lorem ipsum — латинская версия генератора текста https://www.figma.com/c/plugin/736000994034548392/Lorem-ipsum
Figma
Lorem Ipsum — by ‹div›RIOTS | Figma
Fill your designs with placeholders in a click: text, images and even data!
Generate ‘Lorem ipsum’ to fill your text layers,Fill any shape with the perfect image from the Unsplash archives,Populate designs with fake data, such as profiles or company info.…
Generate ‘Lorem ipsum’ to fill your text layers,Fill any shape with the perfect image from the Unsplash archives,Populate designs with fake data, such as profiles or company info.…
Forwarded from ⌘ Вячеслав Новолоцкий
Paddet — плагин для генерации отступов (и гридов) по контенту https://www.figma.com/c/plugin/734548932196004433/Paddet (нет, это не падди)
Forwarded from ⌘ Вячеслав Новолоцкий
Spellchecker — плагин проверки правописания через Yandex API.Speller https://www.figma.com/c/plugin/738839069237725273/Spellchecker
Figma
Spellchecker | Figma
Spellchecker uses the Yandex API.Speller helps to find and correct spelling errors in Russian, Ukrainian or English text. Language speller models include hundreds of millions of words and phrases.
The plugin checks the selected text layer for spelling errors…
The plugin checks the selected text layer for spelling errors…
Forwarded from Figma Design
AutoLayout — плагин упрощает создание адаптивных элементов для вашего дизайна. По сути это аналог Anima Toolkit для Sketch.
Install plugin
Install plugin
Forwarded from ⌘ Вячеслав Новолоцкий
Content Reel — плагин генерации пользовательских данных https://www.figma.com/c/plugin/731627216655469013/Content-Reel
Figma
Content Reel | Figma
Design layouts more efficiently by pulling text strings, images, and icons from one palette. Content Reel lets you create custom content and share it with other Figma users. Collaboration has never been easier!
Content:
Browse or search content to find published…
Content:
Browse or search content to find published…
Forwarded from ⌘ Вячеслав Новолоцкий
Redlines — плагин для создания гайдов для разрабов, которые не умеют забирать нормально размеры и отступы https://www.figma.com/c/plugin/781354942292031141/Redlines
Figma
Redlines | Figma
As designers, when preparing our work for developer hand-off, there comes a time where we need to annotate our designs with detailed measurements, specs, and intricate redlines—we all know how time-consuming this process can be.
Alas! There is light at the…
Alas! There is light at the…
Forwarded from ⌘ Вячеслав Новолоцкий
Time Machine — плагин для ленивых, который делает бэкапы ваших фреймов, группируя их по датам https://www.figma.com/c/plugin/734492262527930956/Time-Machine
Figma
Time Machine | Figma
Time Machine saves and organizes work that you want to look back on. You'll no longer need to manually copy a version of what you're working on to a new page to reference for later.
Any time you want to save a version, just make a selection and activate…
Any time you want to save a version, just make a selection and activate…
Forwarded from ⌘ Вячеслав Новолоцкий
Ну и до кучи ресурс, где можно нагенерировать кучу даты для админок (например для таблиц) https://mockaroo.com/
Mockaroo
Mockaroo - Random Data Generator and API Mocking Tool | JSON / CSV / SQL / Excel
A free test data generator and API mocking tool - Mockaroo lets you create custom CSV, JSON, SQL, and Excel datasets to test and demo your software.
Forwarded from ⌘ Вячеслав Новолоцкий
А потом засунуть это в гугл-таблицы и засинкать с макетом через соответствующий плагин https://www.figma.com/c/plugin/735770583268406934/Google-Sheets-Sync (хотя ещё вышел плагин для AirTable но до него я пока не добрался)
Я часто качаю приложения и смотрю чего там прикольного придумали. У меня накопилась довольно увесистая папка скриншотов и видео. Хотите буду делиться по паре скриншотов в неделю и писать что я там годного увидел?
Anonymous Poll
93%
👍 Конечно!
2%
🚫 Нет, спасибо.
5%
Хочу чаще посты, но другие