Pull to refresh
  • by relevance
  • by date
  • by rating

Дайджест интересных материалов для мобильного разработчика #349 (15 — 21 июня)

Productivity Inside corporate blog Development for iOS *Development of mobile applications *Development for Android *
В новом дайджесте снова разбираемся с темными темами, с монополизмом Apple, с недавним релизом Android 11 и сложностями тестирования, с границами UX и масштабированием загрузок.

Читать дальше →
Total votes 4: ↑4 and ↓0 +4
Views 3K
Comments 0

Как делать A/Б тесты в Google Optimize [бесплатно и без программиста]

Click.ru corporate blog Usability *Internet marketing Contextual advertising Increasing Conversion Rate *
Recovery mode
Как делать A/Б тесты в Google Optimize [бесплатно и без программиста]

Порой даже небольшие доработки в дизайне и контенте сайта становятся точками роста. Увеличили размер кнопки «Купить» — она стала заметней, и у вас больше продаж. Прикрутили блок с видео о продукте на лендинг — и у вас больше заявок. Но предугадать, какой вариант будет лучше восприниматься пользователями, сложно. Нужно тестирование: шрифтов, цветов, кнопок, их расположения, текстов, изображений и массы других элементов.


Для этих задач подходит Google Optimize. Этот сервис создан для тестирования изменений на страницах и оценки их эффективности с точки зрения поведения пользователей. Детально разобрали, как с ним работать, какие есть виды тестирования, по шагам показали настройку А/Б теста.

Читать дальше
Total votes 5: ↑4 and ↓1 +3
Views 5.9K
Comments 2

Дайджест интересных материалов для мобильного разработчика #352 (6 июля — 12 июля)

Productivity Inside corporate blog Development for iOS *Development of mobile applications *Development for Android *
В этом выпуске MVVM и MVI, близкие взаимодействия и плавные переходы, годы в геймдеве и много Flutter, самые скачиваемые и зарабатывающие приложения июня и много других интересных материалов!

Читать дальше →
Total votes 7: ↑7 and ↓0 +7
Views 3.5K
Comments 0

Как я писал кодогенератор на PHP и что из этого получилось

PHP *
Sandbox

Причины и проблемы, которые нужно было решить


В этой статье я вам расскажу о том как я писал кодогенератор на php. Расскажу о пути, который он прошел от генерации простых таблиц, до довольно полноценного генератора html и css кода. Приведу примеры его использования и покажу уже сделанные проекты.


В этом семестре на одном из предметов можно было использовать только PHP.


После бесконеного ренейма проекта Проект получил имя MelonPHP. Чтобы люди думали о еде когда произносили его имя? Но у нас тут статья не о генерации бреда, поэтому давайте я вам расскажу о причине его создания.


Написать надо было много, но это не проблема. Основная проблема заключалась в выводе HTML кода через PHP. Я постараюсь объяснить проблему ниже.

Читать дальше →
Total votes 22: ↑11 and ↓11 0
Views 4.2K
Comments 44

Дайджест интересных материалов для мобильного разработчика #353 (13 — 19 июля)

Productivity Inside corporate blog Development for iOS *Development of mobile applications *Development for Android *
В новом дайджесте снова обсуждаем вопросы архитектуры, перфоманса и тестирования, идеи Apple и изменения в европейских магазинах приложений, успехи Android 10 и многое другое!

Читать дальше →
Total votes 4: ↑4 and ↓0 +4
Views 3.7K
Comments 0

Детальный разбор навигации в Flutter

Programming *Development for iOS *Development for Android *Dart *Flutter *

image


Flutter набирает популярность среди разработчиков. Большенство подходов в построении приложений уже устоялись и применяются ежедневно в разработке E-commerce приложений. Тема навигации опускают на второй или третий план. Какой API навигации предоставляет Фреймворк? Какие подходы выработаны? Как использовать эти подходы и на что они годятся?


Введение


Начнём с того, что такое навигация? Навигация — это метод который позволяет перемещаться между пользовательским интерфейсом с заданными параметрами.
К примеру в IOS мире организовывает навигацию UIViewController, а в Android — Navigation component. А что предоставляет Flutter?



Экраны в Flutter называются route. Для перемещениями между route существует класс Navigator который имеющий обширный API для реализации различных видов навигации.

Читать дальше →
Total votes 5: ↑4 and ↓1 +3
Views 15K
Comments 12

Как использовать десктоп без десктопа? Обзор Samsung DeX

Interfaces *Gadgets Computer hardware Lifehacks for geeks The future is here
Tutorial
Привет, Хабр.

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

Решение пришло случайно при просмотре одного из обзоров — интерфейс Samsung DeX, позволяющий использовать в десктоп-режиме собственный смартфон.



Данная статья набрана и сверстана на смартфоне. Для тех кому интересно, как это работает, продолжение под катом.
Total votes 49: ↑47 and ↓2 +45
Views 37K
Comments 168

Трансформация Android-разработки с Jetpack Compose и Корутинами

«Лаборатория Касперского» corporate blog Development for Android *Kotlin *

Jetpack Compose — одна из наиболее обсуждаемых тем из серии видео про Android 11, заменивших собой Google IO. Многие ожидают от библиотеки, что она решит проблемы текущего UI-фреймворка Android, содержащего много легаси-кода и неоднозначных архитектурных решений. Другим не менее популярным фреймворком, о применении которого я расскажу в этой статье является Kotlin Coroutines, а конкретнее — входящий в него Flow API, который может помочь избежать оверинжиниринга при использовании RxJava.
Применение этих инструментов я покажу на примере небольшого приложения для контроля за употреблением кофе, написанного с использованием Jetpack Compose для UI и StateFlow как инструмента для управления состоянием. В нем также используется MVI-архитектура.


Читать дальше →
Total votes 9: ↑9 and ↓0 +9
Views 5.3K
Comments 2

Дайджест интересных материалов для мобильного разработчика #355 (27 июля — 2 августа)

Productivity Inside corporate blog Development for iOS *Development of mobile applications *Development for Android *
В новом дайджесте испорченные десктопы, свой вклад в Swift, безопасность приложений и война Дурова с Apple, качество кода и эволюция приложений, Huawei как лидер рынка и много других интересных материалов!

Читать дальше →
Total votes 6: ↑6 and ↓0 +6
Views 3.3K
Comments 0

О создании UI-анимаций в играх и почему они так важны

Pixonic corporate blog Game development *Computer Animation *Games and game consoles


Привет! Я старший UI-дизайнер Pixonic, Алексей Морев. И в этой статье речь пойдет UI-анимациях, которые каждый из нас может увидеть в играх.

Игровой интерфейс — это совокупность элементов, которые помогают пользователю взаимодействовать и управлять игрой: кнопки, иконки, прогресс-бары, подложки, карточки, всплывающие окна. Для того, чтобы с элементами интерфейса было проще взаимодействовать, их анимируют.

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

Итак, начнем!
Total votes 26: ↑23 and ↓3 +20
Views 8.8K
Comments 16

Дайджест интересных материалов для мобильного разработчика #357 (10 — 16 августа)

Productivity Inside corporate blog Development for iOS *Development of mobile applications *Development for Android *
В новом дайджесте делаем модульное приложение из монолита, влюбляемся в градиенты, судимся с Apple, разбираемся с ошибками, создаем погодную станцию и делаем много других полезных вещей. Подключайтесь!

Читать дальше →
Total votes 3: ↑3 and ↓0 +3
Views 3K
Comments 0

Восприятие интерфейсов пользователями на примере панелей из Lego

Interfaces *Design
Translation
image

Вести океанское исследовательское судно или марсианский исследовательский шаттл – дело серьёзное. Остаётся надеяться, что приборная панель будет высшего качества. Ширина в два шипа, уклон в 45°, распространённая деталь из Lego «2x2 decorated slope» – это интерфейс этого игрового набора, связывающий его с внешним видом.

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

Добро пожаловать в мир пользовательского восприятия от Lego.


Читать дальше →
Total votes 30: ↑30 and ↓0 +30
Views 12K
Comments 6

Обзор нового UI для Structured Streaming в Apache Spark™ 3.0

OTUS corporate blog Apache *Data Engineering *
Translation
Перевод статьи подготовлен в преддверии старта курса «Data Engineer».





Structured Streaming был впервые представлен ​​в Apache Spark 2.0. Эта платформа зарекомендовала себя как лучший выбор для создания распределенных приложений потоковой обработки. Унификация API SQL/Dataset/DataFrame и встроенных функций Spark значительно упрощают разработчикам реализацию их сложных насущных необходимостей, таких как агрегирование потоковой передачи (streaming aggregation), объединение потоков (stream-stream join) и поддержка работы с окнами (windowing support). С момента релиза Structured Streaming популярным запросом от разработчиков стала просьба улучшить управление потоковой передачей, точно так же, как мы сделали это в Spark Streaming (например, DStream). В Apache Spark 3.0 мы выпустили новый UI для Structured Streaming.
Читать дальше →
Total votes 4: ↑3 and ↓1 +2
Views 947
Comments 0

41 термин в дизайне, полезный для UX-исследователя

Web design *Website development *Graphic design *Design
Recovery mode
Translation


Работа с UX-дизайнерами и знакомство с их словарным запасом — это почти изучение нового языка. Давайте посмотрим на 41 часто используемый дизайнерский термин. Для лучшего взаимопонимания в команде.


Total votes 9: ↑8 and ↓1 +7
Views 14K
Comments 3

Unity UIElements: первые впечатления в продакшн

IT-центр МАИ corporate blog Unity3D *

Сегодня мы поделимся впечатлениями от работы с нашумевшим фреймворком от Unity — UIToolkit, известным также как UIElements. Мы рассмотрим его основные особенности без глубокого погружения в код. Стоит уточнить, что у команды ранее не было опыта работы с веб-версткой и очевидные для профессионалов этой сферы вещи, для нас могут быть не очевидны.


image


Заметка от партнера IT-центра МАИ и организатора магистерской программы “VR/AR & AI” — компании PHYGITALISM.

Читать дальше →
Total votes 6: ↑6 and ↓0 +6
Views 5.6K
Comments 2

UXD — Реальность и будущее в дизайне или человек во главе всего

Россельхозбанк corporate blog Web design *Usability *Mobile applications design *Design

Немного истории.

С 2013 года, в обиходе аббревиатура UI (точное обозначение User Interface), а в 2015 году добавилась новая – UX (точное обозначение User experience).

Под UI понимается дизайн интерфейса, а под UX – аналитика, ключевой опыт и удобство в пользовательских интерфейсах.

Давайте разберемся, что же стоит за работой того или иного специалиста. Чтобы отделить мух от котлет, поясним: UI-дизайнер занимается визуальными элементами и рисует компоненты пользовательского интерфейса, а UX-дизайнер делает прототипирование и блок-схемы с описанием работы приложения.

И всё ж, UI и UX, это не только интерфейсы и дизайн в диджитал.

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

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

UX обеспечивает удобство взаимодействия человека с окружающими его предметами. Вот Вам пример: такой тип дизайна подразумевает даже планирование удобства направления дороги. Вы можете такое видеть во дворах: есть четко проложенные дороги для людей, они красивые, люди вместе с архитекторами думали, старались и «строили» их. Но люди ходят напрямик и срезают углы, это видно по стоптанной траве. Вокруг нас масса таких примеров. А вот умные архитекторы только намечают дороги, а спустя несколько месяцев, когда люди протопчут себе удобный пусть, делают их именно по тому пути, который удобен людям. Это как AB тестирование на сайтах, когда есть несколько дизайнов, и запускаются одновременно две разные версии сайта, которые отличаются по каким-то критериям, а люди уже просто выбирают, что им удобнее.

Подробнее
Total votes 10: ↑10 and ↓0 +10
Views 2.4K
Comments 0

Тупые и умные компоненты

EPAM corporate blog Interfaces *Design

Меня зовут Илона, я Senior Experience Designer в EPAM. Работа для меня удачно совпадает с хобби в EPAM я проектирую интерфейсы для зарубежных заказчиков, читаю лекции для сотрудников и студентов лабы, менторю дизайнеров. В свободное время преподаю проектирование интерфейсов в магистратуре Университета ИТМО и веду Телеграм-канал о UX-дизайне.
В работе и преподавании я часто сталкиваюсь с проблемой: сложно организовать компоненты интерфейса так, чтобы было всегда понятно, какой компонент использовать, чтобы похожие компоненты не плодились и не путали дизайнеров и разработчиков.
Делюсь подходом, который помогает мне удобно организовать компоненты и упростить жизнь себе и разработчикам.

Читать далее
Total votes 25: ↑19 and ↓6 +13
Views 9.8K
Comments 22

Дайджест интересных материалов для мобильного разработчика #363 (21 — 27 сентября)

Productivity Inside corporate blog Development for iOS *Development of mobile applications *Development for Android *
В новой подборке создание собственной GTA, заработки виджетов, Swift и Flutter для Windows, приложения из таблиц и подписные приложения в Китае, коалиция против Apple, новые устройства “Сбера” и многое другое.

Читать дальше →
Total votes 7: ↑7 and ↓0 +7
Views 3.4K
Comments 0

Как я умный аквариум делал (frontend)

JavaScript *VueJS *

Пролог



Как я рассказывал тут, я начал постройку умного аквариума на основе платы NodeMCU. На ней я использовал прошивку с micropython, поднял веб сервер и сделал API для манипуляции всеми периферийными устройствами и датчиками. Поскольку мой вариант умного аквариума изначально планировался как автономный, я хотел сделать некий UI для отслеживания всех процессов ну и для ручных корректировок. Каждый раз обращаться по роутам типа: http://192.168.1.70/led_controller?impulse=4000&level=200&ledName=white было очень муторно и неудобно. Особенно когда ты уже лег спать и под рукой только телефон. Да и опять же, хотелось получить levelup в разработке и сделать что-то увлекательное.


За основу UI взял Vue.js. Авторизация как таковая не нужна, т.к. мой "умный друг" был только локально в пределах моего WI-FI окружения. Да и если бы его взломали, ничего страшного не случилось. Другое дело когда я буду делать умный дом, там уже безопасность на первом месте, но сейчас не об этом. Итак, никакой авторизации, только SPA("Одностраничное приложение": "single page application"), никакого роутинга, все показатели и манипуляторы на одной странице. Из того что было сделано на backend — контроль за LED-матрицами и температурный датчик. Создаем новый проект на гите, делаем клон на рабочем месте и запускаем vue-cli:

Читать дальше →
Total votes 14: ↑13 and ↓1 +12
Views 7.9K
Comments 15

Как UI победил UX в Things 3 (iOS)

Development for iOS *Development of mobile applications *Mobile applications design *GTD *Design
🔥 Technotext 2020

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

Конечно же, параллельно с критикой будут предложения.

Не переключайтесь
Total votes 17: ↑17 and ↓0 +17
Views 5.9K
Comments 27