1. Новые покупки

    18.12.2017: Белая схема заработка от 5000 рублей в неделю (2017)

    18.12.2017: Супердоходные сайты от А до Я - Деригина (2017)

    18.12.2017: Vip Ключ Jackpot - Клинг

    18.12.2017: Фитнес модель за 4 месяца - 4.0 (2017, ФМ4М)

    18.12.2017: Курс по личной эффективности - Сорокин aka Smart (2017)

    18.12.2017: Grava Glass FULL - 10 производственных ноу-хау технологий для малого бизнеса

    18.12.2017: [Претекст] 70 книг: продажи, управление, влияние, бизнес, психология, маркетинг, коучинг

    18.12.2017: Порталы Судьбы - Клинг

    17.12.2017: Как зарабатывать до 100.000 руб/мес. на разнице стоимости Биткоина

    17.12.2017: От пешки до ферзя. Правила победы в игре с системой, людьми и самими собой

    17.12.2017: Дебиторка Cold - Вадим Куклин (2017)

    17.12.2017: Контрактные автозапчасти - Гордеев

    17.12.2017: Востребованная интернет-профессия - Секиро (2017)

    17.12.2017: Автоматический Комплекс по Работе с Трафиком - Андрей Золотарев (2017)

    17.12.2017: Белый бизнес на собственном мини-производстве круглый год (2017)

    16.12.2017: Обучение Бизнесу с Китаем от 100$ к 10.000$ за 2 месяца коучинг 21 (Версия Платинум)

    15.12.2017: Как уличить жену в измене - Женские секреты

    14.12.2017: Дорвеи для нищебродов - Заработок без вложений (2017)

    13.12.2017: Криптобизнес 2.0

    13.12.2017: Разблокировка - Клинг

    13.12.2017: Взламываем сайты / тестирование на проникновение с нуля - часть 5 из 7

    13.12.2017: Монетизация молодого сайта - Синицын (2017)

    12.12.2017: Нейромагия - Клинг

    12.12.2017: Марафон Спарта - Пузат (март, 2018) по предпродаже

    10.12.2017: База поставщиков Элитных копий (Одежда и пр.) с Китая

    10.12.2017: Создание и настройка сайтов - мастер класс от практика (2017)

    10.12.2017: [Практика] Уникальный белый заработок на услуге до 90 т.р. в месяц (2017)

    09.12.2017: Бизнес на государственном конфискате автор Алексея Смирнова

    09.12.2017: Рецепт от рака из Третьего Рейха , продления жизни и 25 других серьезных заболеваний 3/6

    09.12.2017: Товарка под Новый Год

    08.12.2017: Как получать от жизни больше позитивных событий? - Клинг

    08.12.2017: Нижнее белье своими руками: конструирование и пошив

    08.12.2017: Пошив базового гардероба с нуля

    08.12.2017: Два новосных сайта в сфере криптовалют

    05.12.2017: "Главный секрет в ставках" или "как перестать проигрывать" (Футбол)

    05.12.2017: Еnvаtо Еlеmеnts - слив подписки 2017 [1,3 Терабайта годноты]

    04.12.2017: Обучение Бизнесу с Китаем от 100$ к 10.000$ за 2 месяца коучинг 20 (Платинум) 2017

    03.12.2017: Заработок от 100 000 рублей в месяц по стратегии "Шахматный арбитраж" (2017)

    30.11.2017: Марафон Спарта - Пузат (октябрь 2017)

    30.11.2017: Бесплатный трафик от Fat Sharks [5-6 разных направлений заработка в одном курсе]

    29.11.2017: [Udemy.com] Изучаем Социальную Инженерию

    25.11.2017: REVOLUTION - Универсальное решение - конструктор корпоративных сайтов (2017)

    25.11.2017: Госзаказ от теории до контракта (2017)

    24.11.2017: Электронная книга "Telegram for Money" от TFM Group

    23.11.2017: Курс Максима Солдаткина по веб-дизайну и UX/UI с трудоустройством Дизайнер 2.0

    23.11.2017: Секреты хакеров! Полный курс по кибербезопасности - Udemy (2017)

    18.11.2017: ИП для Интернет Предпринимателя - Авторская (2017)

    17.11.2017: Дрессировка людей для начинающих - Лукин (2017)

    16.11.2017: [LoftSchool] Комплексное обучение JavaScript - 2017

    14.11.2017: Трансформация внутренних программ через тотемное животное

    11.11.2017: Уникальный белый доход от 2 тр до 10 тр в день по белой схеме (2017)

    01.11.2017: Уникальный белый заработок на услуге до 90 т.р. в месяц (2017)

    30.10.2017: Онлайн курс по вышивке брошей-нашивок. 6 самых продаваемых брошей

    26.10.2017: Алкогипноз – Видео-семинар - Дуйко

    24.10.2017: Как женщине вернуть свою силу и энергию - Бахтиозина (2017)

    16.10.2017: Секреты современного программирования - [email protected] (2017)

    04.10.2017: Торговля в стиле Killerwhale. Полный курс v10.17 - Кузьмин

    03.10.2017: Заработок на прокси по модели Фархада Гусейнова - Авторская (2017)

    02.10.2017: Взламываем сайты / тестирование на проникновение с нуля - часть 7 из 7

    16.09.2017: Причинно-следственный анализ. Часть 2. Проверка гипотез и предположений

    16.09.2017: Причинно-следственный анализ в маркетинге. Часть 1. Основы

    16.09.2017: Взламываем сайты / тестирование на проникновение с нуля - часть 6 из 7

    16.09.2017: Взламываем сайты / тестирование на проникновение с нуля - часть 4 из 7

    16.09.2017: Взламываем сайты / тестирование на проникновение с нуля - часть 3 из 7

    16.09.2017: Взламываем сайты / тестирование на проникновение с нуля - часть 2 из 7

    13.09.2017: [Специалист] Разработчик С++ (Комплексная программа Qt)

    08.09.2017: Как начать майнить и получать доход (от 1500 до 5000 рублей в месяц) со своей видеокарты

    21.08.2017: Раскрутка сети каналов Telegram на автопилоте + Бонус (Zennoposter)

    18.08.2017: Основы дизайна интерьеров - Highlights (2017)

    29.07.2017: Самый Легкий И В Тоже Время Самый Сложный Бот Для Понимания Соцсетью Вконтакте Vkontakte Superbot

    24.07.2017: Быстрые деньги на Дропшиппинге - Валеев

    14.07.2017: От 130 000 Зарабатывай сидя! (белая схема)

  2. Получи максимум инфопродуктов, оформи подписку всего за 295 рублей!
    Скрыть объявление

Чтиво Упрощение интерфейса: новый тренд в мире мобильного дизайна

Тема в разделе "Поисковая оптимизация и продвижение", создана пользователем Gustav, 16 июл 2016.

  1. Gustav

    Gustav Команда форума Администратор

    Сообщения:
    7.204
    Симпатии:
    18.641
    Упрощение интерфейса: новый тренд в мире мобильного дизайна


    complexion-reduction.jpg

    Минимализм уже довольно долго и успешно царит в мире дизайна, но что же ждёт всех нас в будущем?

    На протяжении последних нескольких месяцев, ведущие специалисты инновационного дизайна вывели «минималистичный дизайн» на следующий уровень. Facebook, Airbnb и Apple всегда придерживались общей тактики, когда дело касалось упрощения выдающихся продуктов, дабы донести до людей новый тренд «Упрощения Интерфейса» в мобильном дизайне.

    Что же такое Упрощение Интерфейса (с англ. – Complexion Reduction)?

    Скажете, что никогда не слышали про «Упрощение Интерфейса»? Что же, это всё потому, что я только что придумал это словосочетание. Дело в том, что не так давно я заметил новый тренд, который нельзя отнести ни к плоскому, ни к минималистичному дизайну – он живёт собственной жизнью прогрессирующего сокращения. Некоторые скажут, что сей феномен – не что иное, как следующий шаг в развитии минимального дизайна, применяемый в царстве мобильных приложений, но всё же я бы отнёс его к отдельной, независимой ветви. Поэтому я решил дать этому явлению название – ведь мне это позволено, не так ли?

    Итак, отличительные характеристики этого горячего тренда, захватившего уже всю Кремниевую Долину:
    1. Заголовки больше и жирнее
    2. Иконки проще и более обобщены
    3. Избавление от цветов
    Что получаем в итоге? Пользовательский интерфейс некоторых полюбившихся всем нам приложений медленно, но верно приобретают вид, будто они были выпущены под одним брендом.

    Доказательство

    Впервые я стал замечать появление этого тренда в начале мая, когда Instagram сделал редизайн их пользовательского интерфейса (UI).

    фото-1.png

    Редизайн включил в себя ряд изменений, таких как исключение всех оттенков голубого и тёмно-серого со всех частей страниц; модификация заголовков на более жирный шрифт, а также упрощение нижнего меню и иконок. Остался от этого, собственно говоря, чёрно-белый интерфейс с выделенными заголовками, в то время как контент выделился, а функциональность стала заметно проще. Лично мне пришёлся по вкусу этот менее захламлённый интерфейс, который к тому же напомнил мне платформу, ценителем которой я был довольно продолжительное время.

    Medium

    Приложение Medium всегда эффективно смотрелoсь в чёрно-белых тонах с тех пор как оно запустилось в 2012, постепенно упрощая пользовательский интерфейс и с каждым редизайном непроизвольно становясь основоположником CR (Упрощения Интерфейса). Так держать!

    После того как народ стал обсуждать в Facebook новоиспечённый облик Instagramа вдоль и поперёк, я открыл приложение Airbnb и меня зацепило поразительное сходство двух приложений. Это был первый раз, как я взглянул на их продукт со времён редизайна приложения в апреле. Тем не менее, меня не покидало чувство, будто я уже видел всё это раньше.

    фото-2-e1468031263147.png

    Редизайн UI Airbnb не получил широкой огласки, в отличие от Instagramа месяц спустя, (отчасти оттого, что не стал сопровождаться новым сверкающим логотипом приложения), но как бы то ни было, в дизайне были применены те же самые тактики.

    Редизайн включил в себя такие черты, как более жирные и крупные заголовки, отсутствие не столь нужных визуальных объектов и цветов, и максимальное упрощение иконок, чтобы сделать их наиболее универсальными и узнаваемыми. Что осталось, так это чёрно-белый пользовательских интерфейс с выделяющимся контентом и максимально простой функциональностью.

    Apple – недавний пример дизайнеров, вдохновлённых движением Упрощения Интерфейса. Ранее в этом месяце, на знаменитой конференции Apple’s WWDC, техно-гигант провозгласил о ряде потрясающих функций, которые станут доступны пользователям в ближайшем будущем. Среди них — выпуск iOS 10, который обещает быть «Самым грандиозным выпуском iOS в истории!» (по крайней мере, со времён выпуска iOS 8, по отношению к которому было сказано то же самое).

    фото-3.png

    Но какое объявление, в частности, захватило мое внимание, так это редизайн Apple Music. Несмотря на то, что самой важной частью считается редизайн UX обновлений и дополнительных черт, первое, что мне бросилось в глаза, это эстетический аспект. Кейтлин Макгэрри (Gaitlin McGarry), журналистка и писательница в Macworld, пояснила так же обновлённый внешний вид:

    Звучит знакомо? Дизайн слегка отличается от тактики, применённой в Instagram и Airbnb (они используют однотонные иконки! Какого чёрта Apple?), но ключевые элементы остались прежними – увеличенные жирные заголовки, и чёрно-белый интерфейс.

    Что я всем этим хотел сказать?

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

    фото-4-e1468031394230.png
    Так что, нравится вам эта монохромная вакханалия или нет, это, безусловно, верный признак прогресса. Процесс дизайна приложений совершенствуется и развивается, отодвигая в сторону старые нормы с набором излишних элементов и заменяя его более целостным процессом, который максимально сконцентрирован вокруг пользователя. Прежний процесс продукт дизайна загонял UI дизайнеров в жёсткие рамки «сделать это красивым», установленные UX дизайнерами. Таким образом, дизайнер мог часами, а то и днями напролёт перебирать всевозможные комбинации цветов, их подборку, удаление, изменение, пока не нарисуется таки конечный результат… ох уж эти жёсткие рамки!

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

    Инструкции по Упрощению Интерфейса:

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

    1. Уберите цвета. Один цвет всё же допустим, но используйте его максимально экономно, исключительно для обозначения определённого действия. Всему остальному лучше быть в чёрно-белых тонах. Пусть единственным носителем цветов будет ваш контент.
    2. Больше, жирнее, чернее заголовки. Видите этот заголовок? Задайте его размеры от 20 до 30 пикселей, а главное сделай его Жирным.
    3. Простые, тоненькие, узнаваемые иконки. Им лучше быть универсальными, без каких бы то ни было оттенков тоже. А для бонуса, расположите их слева направо в таком порядке: home, search, primary action, secondary action, profile.
    4. Удвойте, нет, утройте ваше белое пространство. Может даже сделайте его вчетверо больше. Здесь невозможно переборщить, поверьте.
    5. Сделайте логотип приложения поярче. Где и блистать креативом и цветами, так это здесь. Сделайте его выделяющимся!