Nano Hash - криптовалюты, майнинг, программирование

Будет ли наш веб-сайт доступен для мобильных устройств после преобразования в PWA?

Мы разрабатываем свадебный веб-сайт и изначально ставили цель охватить клиентов настольных компьютеров. На сайте есть сложные операции в нескольких представлениях, и ниже приведен пример редактирования текста над карточками.

Принимая во внимание контекст, у меня есть вопрос: если мы создадим его как PWA, он будет использоваться для мобильных клиентов с полной функциональностью?

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

Вид редактирования карты

введите описание изображения здесь


  • Простое добавление сервисного работника для включения PWA не сделает ваш сайт мобильным. Вам нужно добавить CSS, чтобы он хорошо смотрелся на мобильных устройствах 01.12.2019
  • @BogdanB, это нормально, но, пожалуйста, подтвердите, если мы конвертируем его в PWA, будет ли он полезен и для мобильных пользователей (выполняя все операции и совершая покупку)? МЫ МОЖЕМ добавить CSS, чтобы он выглядел хорошо для мобильных пользователей :) 01.12.2019

Ответы:


1

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

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

Изящная деградация

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

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

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

Прогрессивное улучшение

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

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

01.12.2019
  • Итак, нужно ли нам перепроектировать для мобильных устройств и внедрять FE отдельно, и в этом случае нужно ли нам реализовывать PWA отдельно для веб-сайта и мобильного устройства? 02.12.2019
  • Новые материалы

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

    Как написать эффективное резюме
    Предложения по дизайну и макету, чтобы представить себя профессионально Вам не позвонили на собеседование после того, как вы несколько раз подали заявку на работу своей мечты? У вас может..

    Частный метод Python: улучшение инкапсуляции и безопасности
    Введение Python — универсальный и мощный язык программирования, известный своей простотой и удобством использования. Одной из ключевых особенностей, отличающих Python от других языков, является..

    Как я автоматизирую тестирование с помощью Jest
    Шутка для победы, когда дело касается автоматизации тестирования Одной очень важной частью разработки программного обеспечения является автоматизация тестирования, поскольку она создает..

    Работа с векторными символическими архитектурами, часть 4 (искусственный интеллект)
    Hyperseed: неконтролируемое обучение с векторными символическими архитектурами (arXiv) Автор: Евгений Осипов , Сачин Кахавала , Диланта Хапутантри , Тимал Кемпития , Дасвин Де Сильва ,..

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

    Обеспечение масштабируемости LLM: облачный анализ с помощью AWS Fargate и Copilot
    В динамичной области искусственного интеллекта все большее распространение получают модели больших языков (LLM). Они жизненно важны для различных приложений, таких как интеллектуальные..