Как узнать какие дизайны есть

Самый простой способ проверить дизайн

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

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

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

Тут важно понять несколько важных вещей

• Что хотим проверить?
• Это будет линейный или нелинейный сценарий?
• Как пользователь будет проходить тестирование?
• Какие действия будет делать пользователь?

В коридорных тестах я разделили для себя прототипы на две категории

• Линейный прототип
• Нелинейный прототип

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

Не линейный прототип

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

• Сделать так, чтобы пользователь думал, что он находится в реальном продукте (продумать микровзаимодействия)
• Быть хитрым (то, что вы хотите проверить, не должно находиться на главном экране)
• Чем реалистичнее прототип, тем больше инсайтов вы получите
• Если вы тестируете мобильный интерфейс, сделайте так, чтобы пользователь проходил сценарий со своего телефона или планшета

Где прятать цель

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

В самом начале обязательно нужно задать контекст, чтобы человек понимал, какую задачу он должен решить. Нет контекста — человек придумает себе задачу и начнет фантазировать о том, что не так с интерфейсом и как его улучшить. Чтобы задать контекст, нужно рассказать легенду.

Обычно достаточно провести 3-5 тестов что бы найти закономерности и понять в каких местах все идет не по плану. Обязательно запишите все, что вы узнали.

• «Что видишь?» Тут нужно узнать, понимает ли пользователь, где он находится, и как он видит и воспринимает ваш интерфейс.
• «Что понимаешь?» Тут вы поймете, как пользователь понимает ваши элементы интерфейса.
• «Что хочешь сделать?» Не разрешайте пользователю беспорядочно кликать на все что можно, спрашивайте, что он хочет сделать и почему.

Не переживайте, если пара первых интервью будут провальными, это нормально, со временем вы наберетесь опыта.

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

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

Источник

ДИЗАЙН ЧЕЛОВЕКА

HUMAN DESIGN

Что такое Дизайн Человека?

Дизайн Человека — это новейшая система знаний об энергетическом устройстве человека. Дизайн Человека объясняет взаимосвязь нашего Сознания с небесными телами Солнечной системы через структуру генетического кода.

Система Дизайна Человека являет собой синтез эзотерического наследия прошлого и различных областей современной науки. В основе Дизайна Человека лежат фундаментальные принципы различных классических наук: физики, химии, биологии, генетики, астрономии, которые удивительным образом коррелируют с эзотерическими учениями древности и различными духовными практиками – индуистской системой чакр, западной астрологией, иудейской Каббалой и китайской И-Цзин, описанной в Великой «Книге Перемен».

Эта современная и поистине удивительная наука кардинальным образом отличается от любых других существующих сегодня в мире систем самопознания. Human Design является базовой основой для понимания ключевых законов энергетической механики человеческого тела.

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

Инструменты на нашем сайте позволяют произвести расчет персональной рейв карты человека. Для расчета используются точные данные времени и места рождения.

Индивидуальная Рейв-карта содержит в себе схематичное изображение энергетических центров и других базовых элементов (каналов, ворот), которые отражают персональную энергетическую механику каждого человека, а так же алгоритм её работы.

На нашем сайте вы можете бесплатно рассчитать персональную рейв-карту (Бодиграф) и приобрести подробную расшифровку на русском языке.

Источник

Как узнать шаблон чужого сайта на WordPress

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

Если вам понравился дизайн чужого сайта на WordPress, то можно легко узнать, какая тема на нем установлена, и внедрить ее на свой ресурс.

О том, как это сделать, мы и поговорим в сегодняшней статье.

Что такое детектор темы WordPress

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

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

Как узнать тему WordPress сайта вручную

Несмотря на многообразие онлайн-детекторов тем, многие пользователи предпочитают использовать именной ручной способ проверки.

Для начала нам нужен сайт, написанный на WordPress. Для примера мы будем использовать new.burn-photo.ru. Зайдите на него и повторите нижеуказанные действия за мной.

1. На главной странице сайта кликаем правой кнопкой мыши по любой области и выбираем «Просмотр кода страницы». Также это действие можно выполнить с помощью комбинации клавиш «CTRL+U».
2. Следующим шагом зажимаем на клавиатуре клавиши «CTRL+F». В результате в верхнем правом углу браузера перед нами отобразится строка запроса – она потребуется нам, чтобы найти нужную информацию о теме сайта.
3. После этого вводим в строку запрос «wp-content/themes» – так мы найдем на странице путь к шаблону, после которого будет указано имя действующей темы веб-ресурса. Обратите внимание на отобразившуюся строку – в ее конце должно быть написано style.css. Это стили, в которых прописана вся информация о теме. Давайте откроем их.
4. В результате перед нами отобразится новая страница, в которой есть строка «Theme Name». Она информирует нас о той теме, которая установлена сейчас на сайте. Здесь же есть строка «Theme URI», где указана ссылка на официальный сайт шаблона.

Как видите, это довольно простой метод поиска установленной темы, но не совсем быстрый, особенно если вы новичок. Ускорить процесс помогут онлайн-детекторы.

7 лучших детекторов тем WordPress

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

Некоторые инструменты предоставляют дополнительные возможности, например, анализ установленных плагинов или проверку редиректов.

Wpthemedetector

Первый в списке – Wpthemedetector. Это очень простой инструмент, для работы которого от нас потребуется лишь ввести адрес сайта и воспользоваться кнопкой «Experience the magic of WPTD!». В результате будет отображена информация об авторе темы, ее версии, а также лицензии.

Wpdetector

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

Ссылка на ресурс: Wpdetector

Theseotools

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

Ссылка на ресурс: Theseotools

Gochyu

Gochyu – это онлайн-инструмент, позволяющий проверить тему сайта не только на WordPress, но и на других CMS. Сервис также может обнаруживать плагины/приложения.

Ссылка на ресурс: Gochyu

Scanwp

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

Ссылка на ресурс: Scanwp

Isitwp

Isitwp – это мощный инструмент, который сначала определяет, на какой CMS работает сайт, и только потом узнает его тему. Также пользователю предоставляется доступ к обучающим статьям, связанным с WordPress.

Ссылка на ресурс: Isitwp

Codeinwp

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

Ссылка на ресурс: Codeinwp

Расширения Google Chrome для проверки тем

Есть еще один способ узнать тему WP – воспользоваться расширениями для браузера. Алгоритм их использования похож на онлайн-инструменты, но он заметно проще. Все, что потребуется – установить один из плагинов, а затем запустить его на главной странице веб-сайта. Один из популярных вариантов – WordPress Theme Detector and Plugin Detector.

Используя вышеупомянутые способы проверки сайта, вы сможете легко определить любой шаблон, на котором работает WordPress-ресурс.

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

Источник

Как за 6 шагов узнать хороший дизайн

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

С этого все и началось.

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

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

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

Знаменитая соковыжималка Juicy Salif от Филиппа Штарка (Philippe Starck)

Думаю, почти каждый согласится, что это стильный дизайн, главный вопрос — хороший ли он?

Неа.

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

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

Основываясь на упомянутой соковыжималке, вы уже догадываетесь, что станет первым…

1. Эффективен ли дизайн?

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

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

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

Чтобы дизайн был эффективным, важно понимать и чувствовать то же, что клиент или пользователь. Начиная работу, задавайте себе вопрос «Зачем?» до тех пор, пока не осознаете настоящую цель, для которой нужен ваш дизайн. Иногда клиент приходит к вам с одной просьбой, но, задав несколько вопросов, вы понимаете, что ему нужно совсем другое. Только после этого можно быть уверенным, что вы помогаете в решении настоящей проблемы.

Если ваш дизайн эффективен, можно переходить к следующему пункту.

2. Правильно ли дизайн отражает тон?

Чтобы оценить, подходит тон или нет, сначала нужно понять две вещи: бренд и аудиторию.

Термин «бренд» обычно применяют к бизнесу, но этим он не ограничивается. Многие вещи имеют бренд, к примеру, бренд есть у каждого из нас. Ваш бренд — это то, как вас воспринимают окружающие. Это же применимо к компаниям и всему остальному.

Хороший дизайн позволяет компании управлять своим брендом, изменять общественное мнение до совпадения с идеальным образом компании.

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

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

Это можно увидеть, сравнив Макдональдс с местной бургерной. Они продают один продукт, но по-разному.

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

McDonalds

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

3. Выдерживает ли дизайн проверку временем?

Хороший дизайн чувствителен ко времени. В идеале всем хочется вневременного дизайна, однако он не всегда уместен или необходим. Все зависит от цели дизайна и его жизненного цикла.

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

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

Итерации логотипа Старбакс за 1971, 1987, 1992, 2011 гг.

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

Соответствует ли дизайн своему жизненному циклу? Если да, продолжим. Осталось всего 3 принципа.

4. Есть ли в вашем дизайне помехи?

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

Тот случай, когда текст слишком мал.

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

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

«Богатство информации ведет к бедности внимания» — Marty Neumeier

Если дизайн хорош, он невидим. Люди легко находят то, что им нужно.

Если дизайн видно — он плохой.

Отлично, осталось всего 2 пункта.

5. Дизайн визуально привлекателен?

По этому принципу всегда много дискуссий и противоборствующий мнений. Возникают они из-за субъективного характера темы — из-за разности мнений сложно прийти к единогласному решению.

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

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

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

Следующий пункт будет завершающим.

6. 1+1=3?

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

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

Логотип FedEx (1994)

Простым, но изящным примером служит логотип FedEх. Присмотритесь к нему. Видите, между Е и Х маленькая стрелка, спрятанная в негативном пространстве. Эта стрелка задумывалась как символ скорости и точности компании.

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

Источник