• 0
    Забыли про PNG Express. На мой взгляд, самая удобная штука для нарезки графики и создания спеков интерфейса.
    Лучшие платные Photoshop плагины для веб-дизайнеров
  • 0
    Спасибо большое за статью.
    Очень интересный и полезный материал как для начинающих программистов, так и для дизайнеров интерфейсов.
    Тайны кнопок в Android. Часть 1: Основы верстки
  • +1
    Тб — это, конечно, весело. Но пользоваться, к сожалению, пока совсем не получается (windows 8):

    1. какие-то файлы закачиваются сразу, а другие долго висят в состоянии «синхронизируется» (прямо сейчас сижу и жду вторую минуту, когда несчастные 200 Кб уползут наконец в облако).
    2. иконки на файлах, отображающие статус в хранилище, ведут себя совершенно непотребно — исчезают при обновлении папки, не меняются при смене статуса файла и т.п.
    3. значок приложения в трее никак не показывает, что сейчас идёт синхронизация
    4. веб-часть обновляет список файлов только при перезагрузке страницы

    Без этих ошибок был бы неплохой инструмент.

    Облако Mail.Ru — 1 терабайт бесплатно и навсегда
  • 0
    И последнее. Почти всегда, выбирая между «обозначить маркером / иконкой» и «написать текстом» нужно выбирать текст.
    Суровые реалии конкурсов в рунете. Как uCoz разводил дизайнеров
  • +1
    Первый момент. Маркировка цветом хорошо работает только на небольшом (2-5) количестве элементов. Пример: светофор; горячо (красный) / холодно (синий): сложно (красный), нормально (синий), легко (зелёный).
    Во-вторых, нужно учитывать, насколько важно пользователю запомнить обозначение цветов в вашем интерфейсе. Если это, допустим, рабочий инструмент, и пользователь работает с ним каждый день, то он в любом случае приложит усилия для запоминания. В остальных случаях маркировка начинает мешать восприятию информации, потому что вместо того, чтобы помогать, вы задаёте пользователю новую задачу.
    Суровые реалии конкурсов в рунете. Как uCoz разводил дизайнеров
  • 0
    Двадцать макетов PSD с дизайнами интерфейсов приложений

    Это не макеты приложений. Это мокапы, с помощью которых можно красиво демонстрировать разработанный интерфейс.
    Дайджест интересных материалов из мира веб-разработки и IT за последнюю неделю № 79 (13 — 19 октября 2013)
  • +1
    Почему бы этим не заниматься лидеру проекта, как вы и писали на два абзаца? Разве это не заказчика кусок работы (или его PM)? Если не показать, какую он хочет анимацию, то рассказать, а не рассказать, так хотя бы выбрать из предложенных вариантов. Или мы рассматриваем вариант когда у стартапера водянка мозга, он спер/выклянчил деньжат и отдал дизайнеру с верстальщиком проект, а сам поехал на острова, заполнять оттуда профиль на angel.co?

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

    И вообще, получается что руководителю стартапа после первых инвестиций необходим дизайнер в штате или договор подряда на 1 год минимум, иначе будут несостыковки в графиках несвязанных подрядчиков?

    Необходим. Только не просто маляр в фотошопе, а продуктовый дизайнер + проектировщик (возможно, в одном лице).
    Тонкости в процессе дизайна для стартапов
  • +1
    Я, к сожалению, не слишком компетентна в технических вопросах. Но вот мой коллега boston обязательно ответит на любые вопросы (он участник команды PhalconPHP)
    Какой PHP-фреймворк вы используете?
  • +1
    Поддерживаю. В моей компании на нём несколько команд пишут.
    Какой PHP-фреймворк вы используете?
  • +4
    Сергей, мне кажется, вы в любой теме можете углядеть еврейский след. Не надоедает?
    Роскомнадзор признаёт хентай детским порно, призывает к подаче жалоб, обещает пополнение реестра запрещённых ресурсов в Интернете
  • +1
    Для кого эта статья? Если для новичков, то слишком мало подробностей и нет примеров; если для профессионалов — то слишком много спорного и противоречивого.
    Памятка UX / UI дизайнеру. 19 принципов построения интерфейсов
  • 0
    Нет, не в смысле того, зачем человек зашел, а с какой целью он должен задерживаться на этой странице: т.е. необходимо определить, каково business value данной фичи, кто заказчик и т.п. Потому что итоговую ценность все-таки представляет конечная страница статьи. Поэтому и возникают вопросы.
    Прототипирование главной страницы статей flamp.ru
  • +1
    Не увидела ответа на вопрос: «почему пользователь должен как можно дольше оставаться на этой странице».
    С этого следовало бы начать ).
    Прототипирование главной страницы статей flamp.ru
  • 0
    Под ldpi рисовать не обязательно, поскольку:
    1. таких устройств уже очень мало, и с каждым днём становится всё меньше и меньше
    2. графика для ldpi получается из hdpi-ресурсов путём выкидывания каждого второго пикселя по горизонтали и вертикали
    Полезные советы новичкам в дизайне под Android
  • +1
    Я тоже озадачивалась таким вопросом. В итоге написала заметку
    Полезные советы новичкам в дизайне под Android
  • 0
    Спасибо за материал.

    Если позволите, несколько вопросов/замечаний.

    1.
    Поля ввода в виде полосок в Android 4… Самое страшное, что это идет в массы. Например, это скопировали в Приват24, которым будут пользоваться люди всех возрастов...

    Что значит «скопировали»? Это официальные гайдлайны. Другое дело, что интуитивность плачет в сторонке — это да.

    2. Выводы о причинах неюзабельности Word 2013 немного некорректны.
    а) На самом деле, читать текст, написанный заглавными буквами сложно не по той причине, что человек различает слова по форме. Как показывают исследования, процесс восприятия затрудняется лишь в силу отсутствия привычки чтения текстов, набранных в таком стиле (http://www.microsoft.com/typography/ctfonts/WordRecognition.aspx). Да, исследование от Микрософт, забавно, но тем не менее :).

    б) Павел, вы пишете: «Некоторые интерфейсы просто завалены кнопками и надписями. Это создает только визуальный шум. Находите похожее, группируйте, скрывайте неважное.» и тут же «Плохой пример – Word 2013». Но в чем причина такого вывода? Ведь вашим критериям интерфейс вполне отвечает — есть группировка и даже возможность настроить каждую ленту под себя

    г) для последней версии Word-а специально заскриншочена лента с наибольшим количеством надписей?)
    Потому что, например, панель форматирования текста выглядит вполне прилично

    3. Было бы интересно ознакомиться с предложениями автора по поводу исправления ситуации в каждом из представленных в статье пунктов
    Почему современные интерфейсы плохие
  • +2
    Никто не говорит о количестве. Я имею ввиду форму, объем и всё, что может указывать на то, как с элементом интерфейса можно взаимодействовать
    Flat UI — бесплатный набор плоских элементов веб-интерфейса [обновлено]
  • +2
    Да здравствует плоский мир). На самом деле не очень разделяю восторга от повального увлечения подобного рода интерфейсами в вебе. Ведь очевидно — юзабилити в большинстве случаев в пролёте.
    Flat UI — бесплатный набор плоских элементов веб-интерфейса [обновлено]
  • +2
    Илья, спасибо за фидбек.

    К слову, новая версия lHabr была полностью перепроектирована и Александр (plasm) сейчас полным ходом занимается её реализацией. Мы много-много думали, читали отзывы и постарались максимально упростить навигацию и доступ к наиболее важным фичам.

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



    И да, будем признательны за критику и пожелания.
    HabraReader — удобно читаем Хабрахабр на iOS устройствах
  • Комментарий из публикации, перенесённой в черновики.
  • 0
    То, что надо! Спасибо
    Знакомимся с Fabric.js. Часть 1-я
  • 0
    Сейчас выбираем между Kinetic JS и вашей библиотекой. Fabric явно пошустрее будет, на мой взгляд.
    Только несколько смущает позиционирование объектов: вот пример
    Я так понимаю, отсчет координат идет о центра объекта? Если да, то с какой целью так сделано и можно ли это поведение изменить?
    Знакомимся с Fabric.js. Часть 1-я
  • 0
    Идеально, если веб-дизайнер и верстальщик — одно лицо

    Еще года два назад я считала также и очень не любила отдавать свои творения на вёрстку другому человеку. Мне казалось, что правильно реализовать всё благолепие могу только сама).
    Но по мере прокачки навыков дизайнера интерфейсов, я стала замечать интересную вещь — при создании графического макета я подсознательно делала некоторые вещи мене сложными и интересными, чем они могли бы быть, потому что «мне еще потом это верстать под IE».
    Другой немаловажный момент — в некоторых случаях фронтенд-разработка занимает очень много времени, а я хотела всё больше заниматься дизайном, изучать новые инструменты, следить за трендами, основательно позалипать над скетчами и т.д.
    И тогда я все-таки решила начать доверять верстальщикам). Главное — это диалог и по-возможности, приятельские отношения с фронтендером. Тогда сотрудничество получается продуктивным, а результат только радует.
    Я люблю работать над фронтом и стараюсь следить за новыми веяними, но теперь не считаю это своей основной деятельностью. И это на порядок упростило мне жизнь. Чего и всем желаю).

    Насчет
    (ещё лучше, когда он же — ещё и программист, но это, скорее, редкость, чем правило)

    Мне кажется, для дизайнера кодинг может быть только хобби, но никак не видом деятельности, которым он занимается наравне с основными обязанностями.
    По себе знаю, что переход от фотошопа к IDE и наоборот — это как смена часовых или климатических поясов, ресурсов затрачивается огромное количество, а настроится на работу занимает очень много времени. Если я сегодня пишу код (без разницы, HTML, JS или PHP), то от души подизайнить я смогу, скорее всего, только завтра.

    Мораль: дизайнеру в первую очередь нужно быть дизайнером, включать голову и уметь выстроить диалог с фронтед-технологом. И всё будет.
    Веб-дизайнер vs верстальщик. Разделение труда, или когда нужен менеджер проекта (из истории одного стартапа)
  • 0
    Недавно наткнулась на плагин для Photoshop-а: Cut&Slice me. Умеет нарезать весь PSD или выбранную группу. В деле показал себя очень неплохо.
    Письмо программиста — дизайнерам (в процессе подготовки нового проекта Winx...)
  • 0
    «Fail Fast» — термин, который, если не ошибаюсь, уходит корнями как раз-таки в программирование.
    Да, в управлении проектами тоже есть такое понятие, но ни в той, ни в другой области оно ни в коем случае не означает, что нужно создавать заведомо нерабочее решение.
    И уж тем-более, на мой взгляд, нельзя ставить знак равенства между методологией и одним из подходов или концепций. Да и здравый смысл еще никто не отменял).
    Внедрять agile как готовить пироги
  • +5
    Agile — это методология (даже философия, если угодно) и чтобы быть «agile» достаточно следовать манифесту и основным принципам.
    Scrum и Canban — это методики с набором правил и артефактов, из которых желательно ничего не выбрасывать, особенно на этапе внедрения процесса (то самое «Shu»).

    Все основные моменты по Scrum можно найти в чеклисте от ребят из ScrumTrek. Это и есть правила, которые нельзя нарушать.

    С Kanban еще проще, правил всего 3:
    — визуализировать процесс;
    — ограничивать количество задач, находящихся в работе;
    — измерять время цикла задачи и оптимизировать его.
    Внедрять agile как готовить пироги
  • +3
    А мне почему-то (в силу происходящего сейчас с моей командой, наверное) видится такое: в пятницу вечером к менеджеру продукта прилетает маркетинг с горящими глазами, который решил, что луна как раз в той фазе, чтобы срочно и немедленно учинить акцию (руководство уже одобрило, распоряжение имеется). Менеджер несётся к команде, где застает несчастного, зачем-то задержавшегося в офисе, программиста. Программист, находясь уже одной ногой в субботе, краем уха выслушав сбивчивые объяснения и требования «сделать по-быстрому, там же работы на полчасика», кодит НЕЧТО. НЕЧТО не тестируется и уходит на продакшен. Занавес, апплодисменты.
    Ошибка в работе сайта стоила Electronic Arts тысяч скачанных бесплатно игр
  • +1
    Спасибо за перевод.
    Особо приглянулось разжевывание поведения «this». Распечатаю и раздам коллегам-кодерам, которые «ой, да вообще он странный, ваш этот JS, особенно эта магия с this».
    Отдельное спасибо за ссылку на «Understanding delete»
    Понимание ООП в JavaScript [Часть 1]
  • –1
    Теория единого информационного поля в действии) Буквально с утра пришел мысль: «странно, что никто еще не занялся переводом iOS-гайдлайнов. Нужно подумать об этом». И тут вдруг такой сюрприз. Успехов вашим коллегам!
    iOS Human Interface Guidelines на русском языке
  • 0
    Как вы сами говорите: «Тут ошибка, пожалуй, в том, что сначала «придумали крутую идею», потом стали искать кому она нужна». Это самый главный и бесповоротный фейл, все остальное — просто вытекающие последствия.
    Работа над ошибками по следам одного проекта
  • 0
    Интересная штука, судя по всему. Почему-то не видела его раньше. Спасибо.
    Разворачиваем локальный сервер на Windows
  • +1
    Вот вам не жалко тратить комментарий (который у вас раз во сколько там минут?) на такой неумелый троллинг?) Или вы в процессе борьбы за новый бейджик для профиля?
    Разворачиваем локальный сервер на Windows
  • 0
    Именно. А test.local:8080 отдаст вам сайт без nginx-а перед апачем.
    Разворачиваем локальный сервер на Windows
  • +2
    Поверьте, я неплохо представляю, как настроить тоже самое в Ubuntu (как я говорила выше, убунта у меня есть в виртуалке. И что еще более страшно — на нетбуке у меня Минт, и там тоже всё успешно настроено ).
    Но ежедневно я просыпаюсь и сажусь за свою Windows-машину, в которой мне всё нравится, в которой я работаю над проектами и тут же тестирую во всём многообразии браузеров. Пока мне так удобно.
    Разворачиваем локальный сервер на Windows
  • 0
    Нет, на момент проверки мы уже изменили настройки апача (сменили порт) и запустили nginx, поэтому и проверяем, что статика у нас не отвалилась. Что апач работает, мы удостоверились сразу после установки Денвера.
    Разворачиваем локальный сервер на Windows
  • +1
    На сайте Nginx-а не нашла никаких упоминаний о проблемах под Windows.
    В 99% процентах случаев nginx локально, конечно, не нужен. Но у нас есть достаточно крупный и сложный full-ajax проект, для которого разработчики намутили какую-то магию в nginx (настройки заголовкой или что-то вроде того), без которой пара фич работает некорректно (жить можно, но мне захотелось праздника). Отсюда и nginx на локалке.
    Разворачиваем локальный сервер на Windows
  • 0
    Если nginx настроен неверно для домена, то в большинстве случаев статика просто не отдается. С таким же успехом можно было бы проверить и на любом другом файле, из «jpeg|jpg|gif|png|css|js|pdf|txt|tar», перечисленных в настройках.
    CSS был выбран из-за наглядности.
    Разворачиваем локальный сервер на Windows
  • +2
    Точно, с Windows8 — это больше маркетинговый ход, так сказать (только тссс, никому). Ну и статья родилась именно из-за неё, а точнее — из-за моей любви к новым интерфейсам) Единственное отличие — ошибка с библиотекой не возникала на семёрке, и там не нужно было её дополнительно разблокировать.
    Разворачиваем локальный сервер на Windows
  • 0
    Open Server пробовала где-то год назад. И что-то мне тогда в нём не понравилось… Спасибо, что напомнили, нужно будет посмотреть на него еще раз.
    Разворачиваем локальный сервер на Windows