Категории

    Новости

    Изменение фона в шаблоне Joomla
    6. Сейчас колдуем с CSS так, чтоб было похоже на данный макет. Поехали: Я заключил меню в блочный элемент levoe-menu: Таким макаром, Joomla генерирует последующий код: Основная Сырье Аддитивы Диоксид

    Как быстро перенести сайт на Joomla Часть 2 Восстановление из резервной копии
    Как запустить цикл? У меня на данный момент выводит одну и туже картину либо просто "i" $q ="SELECT vm.`file_url_thumb` FROM `#__virtuemart_medias` vm LEFT JOIN `#__virtuemart_product_medias` vpm ON vpm.`virtuemart_media_id`

    Анализ сайта яндекс
    Продвижение веб-сайта в ТОП Yandex'а и Google (других поисковых машин) - главная цель для хоть какого вебмастера либо оптимизатора. В попытке закрепить собственный ресурс на фаворитных позициях выдачи

    Материнские платы на 2 процессора
    Для тех у кого нет времени, чтоб прочесть всю статью, я сразу даю рекомендуемые модели материнских плат под различные микропроцессоры. На сей день оптимальными по соотношению стоимость/качество являются

    Обозначение смайликов в картинках
    Здрасти, читатели блога Веб-сайт с нуля. Доводилось ли вам думать над тем, что означают смайлы, которые вам прислали, и как на их ответить? Сталкивались ли с необходимостью выразить свои эмоции очень

    Форд мондео ремонт
    На Форд Мондео ремонт силовых агрегатов случается довольно изредка, так как моторы южноамериканского производителя обычно надежны и долговечны. Особенного внимания стоит 2, 5л бензиновый вариант, снаряженный

    Процессоры intel socket 775
    Сокет (socket) микропроцессора - разъем, место на материнской плате компьютера куда вставляется микропроцессор. Микропроцессор, до того как он будет установлен в материнскую плату, должен подходить ей

Полезные материалы

Дизайн и юзабилити

Опубликовано: 25.02.2017

видео Дизайн и юзабилити

Юзабилити vs дизайн

Автор: Анна Лысак и Татьяна Головко Дата публикации: 16.05.2011

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


Nethouse.Академия: Дизайн и юзабилити сайта

Лучший совет, который я могу тебе дать касательно создания дизайна для мобильного веб-сайта: пусть он останется простым! Но, сделать его простым совсем не значит сделать его ужасным.

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


Как повысить конверсии и юзабилити сайта? –Premium-дизайн для интернет-магазина

шапка (header); главное меню; модуль под контент; навигация второго уровня; подвал (footer).

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

В high-end смартфонах основное меню может размещаться на верхней или нижней панели вкладок и блок контента может уменьшаться при помощи каких-нибудь дизайнерских ухищрений или в стиле «аккордеон».

При создании мобильной версии существующего сайта, ты должен понимать, что твоя задача именно «мобилизировать» его, а не просто урезать. Минимизация декстопного сайта значит, что тот же самый контент отображается на экране меньшего размера. А вот подгонка сайта под мобильные стандарты требует уже и понимания контекста, в котором будет использоваться сайт и предлагаемых услуг, и умение представить контент наиболее удобным для мобильного пользователя способом.

 

rss