Еще в 2010 году компания Microsoft изменила свой курс от специфических веб-технологий до открытых и общедоступных. Первые плоды этого переориентирования материализовались несколько лет спустя — в Internet Explorer, операционной системе Windows, инструментальных средствах разработчика и другом программном обеспечении.
Многие вещи до сих пор продолжают меняться к лучшему:
Пятидюймовые мобильные устройства, которые на сегодняшний день существуют на рынке, имеют разрешение экрана аналогичное 50-ти дюймовым телевизорам.
Читать далее
Центральное место в создании оптимального пользовательского опыта взаимодействия с сайтом занимает хорошо структурированная, простая для понимания система навигации. За последние несколько месяцев, я принимал участие в запуске двух крупных институциональных сайтов со сложными системами навигации. Следование принципам простоты на таких крупных веб-сайтах становится все более трудной задачей, особенно, когда повышаются требования к контенту и добавляются новые уровни навигации, не говоря уже о дополнительной сложности, вызванной использованием маленьких экранов.
Для описания методов, которые используются при реализации адаптивной навигации на большом веб-сайте, я буду ссылаться на двух своих клиентов. Я начну с описания процесса создания навигации, исследовательской работы и шаблонов, а потом мы рассмотрим фрагменты реального программного кода, который был использован в проекте.
Одной из хороших новостей стало то, что WebKit наконец-то реализовал возможность поддержки srcset атрибута. Как председатель объединения по созданию и продвижению адаптивных изображений W3C, я могу сказать, что я поочередно то надеялся, то боялся наступления этого момента. Однако для большинства заинтересованных людей это стало хорошей новостью — особенно для тех пользователей, которые анализируют состояние интернета.
Как и во многих других вопросах, касающихся “адаптивных изображений” будет множество сложностей и трудных задач. Далее представлена та информация, которую вам нужно знать прежде всего.
Получение статуса «вирусного» приложения является высшим достижением на iTunes и Google Play. Это такое приложение, ссылкой на которое клиенты охотно делятся в интернете, в социальных сетях, по электронной почте, в чатах и в устных беседах. Подобный механизм является своего рода топливом для популяризации приложения. О таком сценарии мечтают все разработчики, поскольку добровольные рекомендации приложения со стороны пользователей являются гораздо более мощным инструментом, чем любой вид платной рекламы. Вы можете организовать интенсивную, беспорядочную рекламу, но люди просто начнут игнорировать ваш продукт.
Никто не доверяет объявлениям, а они слишком дорого обходятся разработчикам. Совсем другая ситуация наблюдается, когда люди добровольно делятся ссылками на полезные инструменты и на информацию о них. Мы попытаемся сделать ваше приложение «вирусным».
Если вы недавно закончили разработку мобильного приложения или только что приступили к проектированию, то должны понимать, что вопросы маркетинга являются такими же важными, как дизайн продукта и его разработка. В конце концов, какой смысл в создании красивых, дорогостоящих приложений, если о них никому не известно.
Если предположить, что продвижение на Google Play или App Store от Apple сделает ваше приложение необыкновенно популярным … пожалуй, это что-то из области фантастики. В действительности, большинство успешных разработчиков начинают проявлять маркетинговую активность еще за месяц до релиза.
Люди начинают терять интерес к сайту, если не получают ответ в течение трех секунд. Создание сайтов для пользователей мобильных телефонов требует иного подхода к проведению анализа, проектированию и тестированию.
В данной статье подробно описаны методы, которые Йохан Йоханссон объясняет в своей статье «Как заставить веб-страницы работать быстрее на мобильных устройствах», опубликованной в апреле 2013 года.
Разговоры о новых стандартах HTML5, таких как свойство srcset и элемент <picture>, а также серверные методы, такие как Адаптивный веб-дизайн + Серверные компоненты (RESS) привели к тому, что многие люди пришли к заключению о невозможности простых, статических веб-сайтов поддерживать адаптивные изображения. Следует отметить, что данное заключение может быть преждевременным. Существует достаточно простой способ создания адаптивных изображений, который поддерживается всеми современными веб-браузерами: фоновые изображения CSS.
Однако и у этого подхода есть некоторые ограничения, и он работает не во всех случаях. В случае если ваши требования не слишком сложны, и вы готовы приложить дополнительные усилия по обеспечению доступности изображений, фоновые изображения CSS могут стать именно тем, в чем вы нуждаетесь.
У нас были определённые ожидания. Нами была проделана работа по созданию удобного приложения для переводов, мы создали эскизы, провели кропотливую работу над дизайном и итерацией, проанализировали другие похожие проекты — всё это детально описано в первой части анализа нашего случая — мы работали над приложением Languages в течение года. И наконец, пришло время для его выхода на рынок.
Даже самое классное приложение в мире обречено на провал, если о нём никому не известно. Так что вторая часть нашего исследования будет полностью посвящена маркетинговой стратегии. Благодаря нашим советам вы не будете нуждаться в огромном маркетинговом бюджете, и у вас появится возможность попасть в топ 10 на App Store.
Читать далее
Если вы занимаетесь кодированием веб-сайтов, то существует вероятность, что, по крайней мере, один из ваших клиентов спросит о мобильном веб-сайте. Если вы решите использовать адаптивный дизайн (как следствие ваш веб-сайт должен быть достаточно гибким, чтобы приспосабливаться к визуальным изменениям ширины при отображении на всех типах устройств: от мобильных до персональных компьютеров), то необходимо будет разработать стратегию создания гибких изображений, также известную как адаптивное решение для изображений.