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

    21.05.2018: Merch by Amazon - Прибыльный бизнес на футболках с мин. вложениями

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

    20.05.2018: О партнерках и продвижении от крутых авторов

    20.05.2018: Woocommerce пошагово (31+ МК как создать магазин)

    20.05.2018: Опционы На Старт! - Пурнов (2017)

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

    20.05.2018: АНИМАЦИОННЫЙ ВИДЕО-ПРОРЫВ 2.0 - Сергей Панферов

    20.05.2018: Как зарабатывать на телеграм-каналах от 30 до 100 тысяч рублей

    20.05.2018: SEO Гуру 2018 – новое руководство по мобильному и региональному продвижению

    20.05.2018: 4х недельный обучающий SMM-курс ROCK STAR SMM

    20.05.2018: Хватайся и действуй: Как победить злую тётку под названием «Лень» и устроить самодисциплину

    19.05.2018: Прибыльная стратегия продаж на Amazon – Online Arbitrage (2017)

    19.05.2018: Заработок на ClickBank: от $50 в день на бесплатной рекламе - Максеев (2018)

    18.05.2018: Набор иконок в разных форматах - Font Awesome 5 PRO (Line, Solid, Regular)

    18.05.2018: Руководство по быстрому запуску и продвижению магазина на etsy (2018)

    17.05.2018: Бизнес молодость "Метаморфозы" Базовый курс

    17.05.2018: Новый курс. Получайте доход 3000,10 000,30 000 руб. с сайта уже через месяц - Пузат

    17.05.2018: Мастер-группа 7: Бизнес на Amazon - Перезагрузка (новый поток) 2017

    17.05.2018: Ферма доходных сайтов - Деригина

    17.05.2018: Курс по заработку на малостраничных сайтах (2018)

    17.05.2018: Большой Интенсив Александра Писаревского

    17.05.2018: Заработок на малостраничных сайтах - InternetMajor (2018)

    16.05.2018: Интенсив "Флиппинг на Amazon" - Данильченко (2018)

    16.05.2018: 20 Золотых процессов на все случаи жизни - Саянов (2017)

    16.05.2018: Чёрная автоматика - Корнилов ака kote.ws (2018)

    15.05.2018: Денежный магнит - Бахтиозина (2018)

    15.05.2018: Курс Моделирование женского платья (fashionelement)

    14.05.2018: Пресеты LR Сергей Кабанков и Анюта Рай

    14.05.2018: [WP] If-so - Плагин динамической подмены контента

    14.05.2018: Техника спиртовых чернил - Саша Рощин (2018)

    13.05.2018: Исцеление с помощью осознаности - Самойлова (2018)

    13.05.2018: Ссылки: Внешнее продвижение сайта (2018)

    13.05.2018: [AVITO] Как я сделал на нём 4 миллиона рублей (2018)

    12.05.2018: ИНСТАКУРС 6: С НУЛЯ ДО ПРОФИ - Делай деньги (2018)

    12.05.2018: [БМ-Бизнес Молодость] - Реальный YouTube 2018

    12.05.2018: Монетизация Вконтакте 2.0 - Сычёв (2018)

    11.05.2018: Английский. Живая Разбериха - Счастливая (2017)

    11.05.2018: Личные финансы от А до Я - Белановский

    11.05.2018: [PHP] Support Centre - центр поддержки ваших клиентов

    11.05.2018: Стратегия жизни - Ходченков

    11.05.2018: Выгодные путешествия: как путешествовать в 2-3 раза дешевле - Аристархов Аристон

    11.05.2018: Совместный доступ к Joomla складчине

    11.05.2018: Введение в BlockChain и смарт-контракты. За что программистам платят 150.000 рублей в месяц+ БОНУС

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

    09.05.2018: Как выгодно заказать iphone на Ebay - Авторская (2018)

    09.05.2018: Деньги (крупные суммы) из товарных дорвеев - Авторская (2018)

    09.05.2018: Как покупать акции. Практическое руководство - Хачатрян (2018)

    09.05.2018: Интернет-профессия “Мастер анимационного видео”

    09.05.2018: Рождественская раздача - 45 вебинаров! - Бауман

    08.05.2018: Все секреты успешного продвижения малостраничных инфо сайтов

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

    07.05.2018: Школа блоггеров - Борисов (2018)

    06.05.2018: Обучение торговли криптовалютам - Яковенко

    05.05.2018: Продвинутое автоматическое армирование в Revit API - Маркевич (2017)

    05.05.2018: Обучение в мастер-группе по ударной раскрутке сайтов - Новосёлов (2018)

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

    04.05.2018: Магия сексуальности (интенсив, пакет Жрица) - Мирная (2017)

    04.05.2018: Видео Омоложение - Эрик Томпсон (обновлённая версия 2018)

    04.05.2018: [НЛП] Архетипы - Чекчурин, Парханович (2018)

    04.05.2018: Инженер тендерного отдела - Черняк на Udemy (2018)

    01.05.2018: Схема пассивного заработка от 800р в сутки с одного потока (2017)

    01.05.2018: Пассивная схема доход от 75 000 в месяц

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

    29.04.2018: Возвращение в здоровье и молодость - Бахтиозина (2016)

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

    28.04.2018: Сценарии жизни людей - Клод Штайнер (2018)

    28.04.2018: Юмор Начало 2.0 Развитие чувства юмора - Павел Воля (2018)

    27.04.2018: Алгоритм счастливой семьи - Бахтиозина (2017)

    27.04.2018: Магия Влюбления - Бахтиозина Татьяна (2016)

    27.04.2018: Секреты мужской психологии - Бахтиозина Татьяна (2016)

    27.04.2018: Магия Благополучия - Бахтиозина (2017)

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

    26.04.2018: Специалист по трафику, трафик-менеджер - Convert Monster (2018)

    24.04.2018: Копирование крупных сайтов - Авторская (2018)

    24.04.2018: Страх подхода — решение для интровертов - Джеймс Маршалл (2018)

    22.04.2018: Нейро-мио-фасциальные манипуляции в комплексной мануальной терапии - Сапир (2017)

    22.04.2018: [SilverStone] Имитация камня

    21.04.2018: [Udemy.com] Взламываем сайты / Тестирование на проникновение с нуля - Все 7 частей!

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

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

    15.04.2018: EdmarketConf - конференция по онлайн-образованию (2018)

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

    06.04.2018: Технология производства изделий из каменной крошки

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

    01.04.2018: Основы блокчейн - Pluralsight (Полный перевод 2018)

    30.03.2018: Mirantique 2 - Достижение цели проще - KimEvolution (2018)

    29.03.2018: Как создавать статейники (mfc) на копипасте - Громов (2018)

    29.03.2018: Искусство таро. Полный курс - Попов

    28.03.2018: Курс разработки на блокчейне Ethereum, создания смартконтрактов и сайтов для ICO

    28.03.2018: Содание организационной политики и накопление знаний в компании - Торбосов

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

    25.03.2018: MemberShip под ключ (+ транскрибация) - Юрий Черников (2018)

    23.03.2018: Порно - Почему оно разрушит твою сексуальную жизнь - Джеймс Маршалл (2018)

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

    22.03.2018: [OpenCart] МегаПак 79 шаблонов от Pavothemes +200 модулей и 20 шаблонов от opencart2x

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

    22.03.2018: Как разобраться со своим гневом? Семинар - Бурхаев (2018)

    20.03.2018: Backend Интернет-Магазина (Веб Разработка, 2 четверть) - GeekUniversity (2018)

    10.03.2018: Поставщики [Оптовик 8.0] Бизнес с Китаем от А до Я всего за 1 месяц

    08.03.2018: Схема по созданию кредитной карты на гражданина USA профит от 1000$

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

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

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

  1. Gustav

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

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


    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. Сделайте логотип приложения поярче. Где и блистать креативом и цветами, так это здесь. Сделайте его выделяющимся!