Образцы структурных схем страниц (wireframes) от ведущих UX-дизайнеров

324

Вы читаете перевод статьи “Wireframes by Top UX Designers”. Над переводом работали: Ольга Скулкина и Ринат Шайхутдинов.

Создание структурных схем страниц/экранов (wireframes) — очень важный этап при проектировании. Одна из причин заключается в том, что wireframe’ы помогают сфокусироваться на функциональности, поведении и приоритетах в элементах интерфейса. А эти моменты сильнее всего влияют на дизайн продукта.

Еще одна фишка в том, что структурные схемы помогают клиентам, еще на ранних этапах, понять как будет выглядеть и работать будущее приложение. Если использовать wireframe’ы в работе, то вы значительно реже будете слышать от заказчиков: “А что эта кнопка тут делает?”. Вообщем структурные схемы сильно экономят время и устраняют лишнюю возню.


Интересуетесь свежими статьями по дизайну? Вступайте в группу на Facebook.


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

wireframes by Anthony Lagoon from Underbelly
TedTodd Wires by Alex Sailer from Focus Lab
Wireframe for a landing page by ueno.
Event Management Dashboard Wireframe #1 by Bagus Fikri Yuliono from Fikri Studio
Ui Sketch by Anthony Lagoon from Underbelly
Wireframe day! by aaron stump from InVision
WireShottt by Mik Skuza
Neverbland Deliverable Deck by Filippo Chiumiento from NEVERBLAND
by Bill S Kenney for Focus Lab in Assembly
From wireframes to design by Cuberto
Apple Watch WIRE by buatoom from Omise
Simplified Checkout Process by Michael Pons from PG
SelfSurvey — Wire Frames 1.0 by Sergey Jani from LUFT
UX User Flows by Janna Lynn Hagan
close web by Eddie Lobanovskiy
Product Website Wireframes by Michael Pons from PG
BattleShare by spovv
Exelerate : Wireframes by ueno.
User Flow Diagram for Apple Watch App by Marian Mota from SoftServe Design Office
IconStore Sneak Peek by Sebastiano Guerriero
Wireframes by CreativeDash
Sitemap For Student Guide by Janna Lynn Hagan
by Bill S Kenney for Focus Lab in Assembly
Wireframes for Dental Research Website by Adam Butler
Mac Chat Application Wireframes by Danny Keane
Kitchenware Pro — Wireframe Kit by Neway Lau
Wireframes by Cuberto
Wireframe options by Steven Scarborough from Focus Lab
High Fidelity Dilema by Michael Pons from PG


Мобильное приложение «Заметки о психике» | Mental Notes

Подкидывает идеи, как привлечь, удержать и направить внимание пользователя.

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

Скачать приложение в Appstore →
Образцы UX

Посты в категории UX-дизайн

100 вопросов для UX-анализа

Ольга Жолудова

22 апреля 2019

Посты в категории UX-дизайн

Семишаговый тест на определение качества логотипа по Полу Рэнду

Ольга Жолудова

30 марта 2019

Посты в категории UX-дизайн

Принципы гештальта в дизайне интерфейсов, которые знает, пожалуй, каждый UX/UI-дизайнер

Ольга Жолудова

25 февраля 2019