Дизайн порталов, дизайн социальной сети

 

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

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

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

Дизайн порталов

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

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

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

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

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

Дизайн веб приложений

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

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

Схема работы над дизайном портала

1. Коммерческое предложение на основе вашего Технического Задания. Примерная оценка бюджета и сроков.
2. Предоплата 50%.
3. Далее я разрабатываю черно-белые сетки двух страниц дизайна портала (главной и внутренней). Это наилучший способ быстро внести изменения и учесть весь нужный функционал.
4. После утверждения сеток я делаю дизайн двух страниц в цвете.
5. Вторые 50%.
6. Подготовка исходников двух основных страниц.
7. Далее, по той же схеме делаются все остальные необходимые страницы дизайна портала или веб-сервиса.
8. Если страниц много, действует та же схема 50/50.
9. Я готовлю к верстке макеты дополнительных страниц дизайна портала в формате *.PSD и передаю верстальщику.

портал о дизайне и архитектуре

Монплезир Команда специалистов в области ландшафтного дизайна, работающая на рынке услуг с мая 2006 года. подробнее Мерзляков Олег Викторович Дизайнер, архитектор. Имеет многолетний опыт в проектировании общественных и частных интерьеров. Любимый стиль — сухой минимализм и классический модерн. Творческое кредо: «Быть на одной волне с заказчиком». подробнее д’Арби Российское предприятие по производству женской верхней одежды. Более 15 лет на рынке. подробнее Галанин Геннадий Алексеевич (GENNA GALANIN) Архитектор, дизайнер, скульптор, художник. Создает объекты, начиная от эскиза до воплощения в натуре и оформления интерьеров. Для интерьеров разрабатывает художественные и функциональные элементы, авторские мебельные конструкции. Автор загородного ресторана «Игерман», Базы отдыха завода ЭМЗ, интерьеров общественных, административных, промышленных зданий, объектов общественного питания, торговли, досуга. Член Союза архитекторов России с 1985 года, Союза дизайнеров России с 1995 года. В 1987 основал свою архитектурно-дизайнерскую студию — GALANIN-DESIGN. подробнее Бокренёва-Бочкарёва Анна Дизайнер, художник. Анна Бокренёва-Бочкарёва создаёт удивительные интерьеры, оформляет объёмными 3D росписями квартиры, кафе и рестораны, сауны и бассейны, магазины и творческие мастерские. подробнее Иглина Юлия Ленаровна Ведущий дизайнер студии архитектуры и дизайна «РИЦ», директор, член Союза дизайнеров России, номинант международной премии «Архип» в номинации «Общественный интерьер. Новаторство» 2009 год. Лауреат Республиканского фестиваля архитектуры и дизайна 2012 за лучший интерьер в номинации «Жилое пространство»,«Объект Торговли». Опыт работы 18 лет. подробнее Страницы

Партнёры     Проектирование жилых домов, торгово-развлекательных и многофункциональных комплексов, офисных зданий.     Производитель и официальный партнёр крупнейших поставщиков строительных конструкций: Schuco, Funke Gruppe, AGC. Один из лидеров российского рынка по изготовлению и монтажу светопрозрачных противопожарных конструкций. ООО «АС-Проект» Одна из ведущих проектных компаний Удмуртии и Приволжского федерального округа. АС-Проект выполняет все виды проектных работ и предпроектный анализ участков под застройку.

Битрикс — Портал InteriorMall.ru — всё о дизайне и интерьере

InteriorMall.ru — портал ценной информации и наглядных решений в сфере дизайна и интерьера. Последние тенденции, модные направления и авторитетные советы профессионалов, всё, что необходимо знать от начала строительства до конечных штрихов декорирования.

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

Удобный интерфейс портала InteriorMall.ru включает в себя несколько разделов:

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

1. Сервис размещения карточек компании или дизайнера в разделах: Дом, Декор/Интерьер, Дизайн, Мебель. Карточка содержит логотип компании или изображение, характеризующее компанию или дизайнера.

2. Сайты компаний  
На страницах портала в каталоге компаний в основных разделах, карточки, имеющие расширенные возможности, могут ссылаться на сайт компании, размещаемый на портале в соответствующем разделе, например:  — название компании на латинице, ID-код компании на портале. Сайт компании содержит в себе ряд функциональных возможностей для владельца: управление текстовыми описаниями, картинками, добавление/редактирование новостей, фотоальбомов, групп товаров. Сайт компании доступен для создания сразу после регистрации пользователя на портале, но публикация сайта для всех пользователей портала – платная и отображается после удовлетворения заявки. Владельцы сайтов, созданных на портале, имеют возможность управлять информацией своего сайта самостоятельно в личном кабинете или из списка компаний, а также при помощи редакции портала. Для управления сайтом, владелец должен авторизоваться в портале. Владельцы сайтов могут заказать «Спецразмещение» — вывод визитки сайта на главной странице раздела.

3. Новые имена – это сервис для новых предложений на портале. Дает возможность увеличить интерес к персоне.

4. Новые интерьеры – это сервис для новых интерьеров на портале. Дает возможность увеличить интерес к работе.

Проект «ИнтериорМол.ру» работает на системе управления «1С-Битрикс: Эксперт».

как изменился портал «Открытый бюджет города Москвы» / Новости города / Сайт Москвы

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

«Интернет-портал “Открытый бюджет города Москвы” был запущен в 2011 году. Он стал первым тематическим ресурсом, обеспечивающим открытость и доступность бюджетных данных и посвященным вопросам бюджетной грамотности. Портал — официальный источник информации, который рассказывает о бюджетном процессе в Москве и предоставляет оперативные данные об исполнении бюджета в режиме онлайн. Сайт ориентирован на широкий круг пользователей: от финансовых экспертов до москвичей, интересующихся экономикой города и вопросами бюджетной политики Правительства Москвы. “Открытый бюджет города Москвы” с самого начала стал ориентиром при реализации интернет-проектов по открытости бюджетных данных», — отметила она.

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

За последние четыре года число посетителей портала увеличилось в полтора раза. Только в прошлом году его посетили около 120 тысяч человек. Развитие портала «Открытый бюджет города Москвы» ведется совместно со столичным Департаментом информационных технологий.

Что изменилось

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

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

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

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

Эксперты — о новой версии портала

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

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

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

«Как преподаватель буду рекомендовать портал для применения и в учебном процессе, и в рамках научно-исследовательской работы. Наглядное представление данных позволяет школьникам и студентам использовать их при выполнении научных работ, подготовке к семинарам и практико-ориентированным занятиям. Объяснение сложных терминов можно найти в справочных материалах. Понравилось разнообразие образовательных материалов, представленных в виде интерактивов, например викторин и конкурсов. Интерфейс построен таким образом, что любой гражданин, в том числе не имеющий специальных знаний, может узнать, как строится бюджет и на какие цели направляются средства», — добавила Светлана Солянникова.

обновленный дизайн поможет быстрее находить информацию и услуги / Новости города / Сайт Москвы

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

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

Поиск нужной информации или услуги на mos.ru стал значительно проще. Все самое необходимое теперь под рукой — на главной странице. Тематические блоки стали ярче, крупнее и заметнее. Они ведут к основным полезным разделам сайта — «Новости», «Электронные услуги», «Афиша» и инструкции.  Благодаря этому пользователи могут быстрее увидеть нужный раздел: прочитать о событиях в городе, посмотреть афишу культурных мероприятий и спланировать свой досуг, воспользоваться городскими услугами онлайн или найти ответ на вопрос в инструкциях, сообщить о проблеме в своем дворе на портал «Наш город» и многое другое.

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

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

О портале mos.ru

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

Отслеживать статус оказания услуг, платежа или обращения, получать напоминания и просматривать важную информацию пользователи сайта могут в своем личном кабинете, а для оплаты практически всех городских и коммерческих услуг на mos.ru создан удобный онлайн-сервис «Мои платежи».

Получить доступ к электронным услугам и сервисам на mos.ru может любой житель Москвы. Для этого нужно лишь зарегистрироваться на портале, указав ФИО, адрес электронной почты и номер телефона. Получить расширенный доступ можно, указав СНИЛС.

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

Сегодня на портале зарегистрированы свыше 13 миллионов человек. За все время с момента запуска жители получили услуги через него более 1,8 миллиарда раз. Для пользователей с полной учетной записью доступно порядка 380 услуг и сервисов.

Новый дизайн портала НовГУ

Уважаемые пользователи!

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

О новом дизайне и зачем мы это сделали

Последние 7 лет (а это очень много для Интернета) внешний облик и структура портала НовГУ существенно не менялись и естественно, что порталу потребовался качественный редизайн. Цель редизайна – сделать портал внешне более современным, привлекательным, удобным. За основу взяты лучшие современные практики построения наиболее известных сайтов и порталов российского и мирового Интернета. Использованы такие инновационные походы веб-дизайна как: 

• Интерактивный слайдер, который позволяет анонсировать информацию сразу о нескольких наиболее значимых событиях НовГУ внутри одного блока.
• Создан универсальный тизер, на котором может быть отображена самая важная информация, например, приближающийся юбилей или поздравление с Новым годом.
• Чтобы визуально разгрузить страницу, но оставить на ней все необходимые сведения, были использованы такие приемы, как табы (вкладки), псевдоссылки и интерактивные стрелки, с помощью которых можно перелистывать материалы внутри блока.
• Информативный подвал. Внизу (в подвале) каждой страницы представлена самая важная официальная информация и контактные данные.

В результате:

• Страницы стали более живыми, современными, оформленными в соответствии с общемировыми стандартами веба.
• Информация предоставлена более динамично, введены интерактивные элементы.
• Наиболее важные блоки, такие как «поиск», «изменение языка» и «контактные данные» расположены в интуитивно понятных позициях, их легко найти и использовать.
• Общая длина страницы стала на 20% меньше без потери информации.
• Сайт в наиболее удобном для использования виде будет доступен на всех мобильных устройствах (разработаны специальные версии дизайна для мобильных устройств: для планшетов информация автоматически отображается в две колонки, а для смартфонов и мобильных телефонов – в одну).
• Блок быстрых переходов перенесен в шапку каждой страницы и т.д.

Для реализации данного проекта были привлечены профессиональные веб-дизайнеры, а финансирование выполнено за счет средств малого инновационного предприятия НовГУ «1-ый Новгородский Институт Инноваций».

Программисты ЦНИТ сейчас продолжают очень активно и много работать, настраивая существующие разделы и страницы портала под новые стандарты. А вот над его качественным содержанием (информационным наполнением) предстоит всем нам (авторы проектов, кафедры, институты, службы) вместе хорошо и много потрудиться (в красивом портале — красивое содержание)!

на что обратить внимание при дизайне. Опыт Wrike / Хабр

Использование публичных API помогает компаниям увеличивать ценность собственного ресурса, создавать уникальный контент и удовлетворять требования различных бизнес-задач. Wrike —  не исключение. На базе API Wrike создано уже более 30 тысяч приложений. Число пользователей продукта растет, а значит и требования к порталу возрастают с каждым днем.

В статье я поделюсь своим опытом редизайна интерфейса dev-портала Wrike и расскажу, на что стоит обратить внимание.

В ходе редизайна нам удалось:

1. Создать интуитивно понятную навигацию.
2. Создать сетку для оптимального отображения контента на десктоп и мобильных устройствах.
3. Обновить дизайн портала в соответствии с текущей дизайн-системой и создать недостающие компоненты.
4. Соблюсти требования доступности уровня АА и внедрить тематизацию.

1. Интуитивно понятная навигация

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

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

Навигация на предыдущей версии портала

Чтобы оптимизировать структуру портала, мы выделили основные разделы и подразделы, а также отделили технический контент от информационного. Так, в новом портале мы выделили 5 основных разделов: Introduction, API Documentation, API Reference, BI Export и Support, а раздел API Community закрепили отдельной ссылкой в нижней части боковой панели, чтобы пользователь мог при необходимости быстро обратиться за помощью.

Размещение навигации в боковой панели помогает пользователям сразу увидеть не только главные разделы, но и подразделы. А возможность скрытия методов упрощает взаимодействие с панелью. При необходимости пользователь может свернуть ненужный раздел или, напротив, углубиться в нужный. В верхнем меню остались логотип, тогл и поиск (в разработке).

Обновление навигации на портале (было — стало)

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

Навигация на новом портале

2. Сетка для оптимального отображения контента

Dev-портал Wrike состоит в основном из статичных страниц с разнообразным контентом. Таблицы и текстовые блоки занимают всю ширину сетки, поэтому количество колонок не имеет значения.

Мы уделили особое внимание странице с методами. Построить эту страницу можно двумя способами:

1. Поделить контентную часть на два блока: слева описание и таблицы, справа примеры.
2. Сделать единый блок с контентом: примеры — внутри каждого метода.

На предыдущей версии портала использовался первый способ.

Страница метода на предыдущей версии портала: описание и запрос слева, а слайдер с ответом и примерами справа

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

Страница метода на новом портале

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

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

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

Принцип работы сетки на новом портале

Большинство разработчиков используют в работе устройства с широкими экранами. Но лучше предусмотреть возможность работы с порталом и на планшетах. Открывайте боковую панель на мобильных устройствах поверх контентной области. Это позволит сохранить информацию в читабельном виде.

3. Обновление дизайна портала в соответствии с текущей дизайн-системой и создание недостающих компонентов

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

HTTP методы

HTTP методы (GET, HEAD, POST, PUT, DELETE, CONNECT, OPTIONS, TRACE, PATCH)  —  одна из важнейших сущностей API. В зависимости от вида действия сущность имеет определённый HTTP метод. При дизайне HTTP методов старайтесь следовать следующим рекомендациям.

1. Присвойте каждому из 9 существующих HTTP методов цветовой идентификатор, чтобы визуально можно было отличать их, не заставляя пользователя долго фокусироваться.
2. Для большего удобства добавьте в компонент HTTP метода URL, чтобы упростить жизнь разработчикам: им не нужно будет совершать дополнительные действия для просмотра этой информации.
3. Предоставьте возможность видеть запрос и пример одновременно. В новой версии API портала Wrike примеры размещены внутри метода, а не спрятаны в слайдер, как это было ранее.
4. Не располагайте на отдельных страницах методы, которые относятся к одной сущности: в старой версии Query Tasks, Create Task, Modify Task  —  отдельные страницы. Вместо этого разделите страницы по сущностям: Contacts, Users, Tasks и т.д. Это также упростит взаимодействие с порталом.

HTTP методы на новом портале

Таблицы

Все запросы, отправляемые на сервер, представлены в виде таблиц с большим объемом данных.

Таблица на предыдущей версии портала

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

Таблица на новом портале

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

Вложенность на предыдущей версии портала

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

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

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

Вложенность на новом портале

Примеры

Пример показывает, как работать с конкретным методом и что будет возвращено при правильном запросе. Запрос формируется с применением CURL с указанием необходимых данных.

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

Для комфортной работы с примером можно добавить возможность копирования в буфер.

Примеры на новом портале

4. Соблюдение требований доступности и тематизация

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

уровню доступности АА

и

принципам инклюзивного дизайна

.

Контрастность обычного текста, заголовков и графических элементов соответствуют стандартам WCAG.

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

К каждому графическому объекту есть описание. Так, для кнопок копирования информации в буфер, рядом с иконкой расположен текст “Copy”, при нажатии на кнопку текст меняется на “Copied CURL example”.

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

Отдельно хочу выделить предоставление пользователю выбора темы интерфейса. Оно стало большим преимуществом нового портала по нескольким причинам:

1. Это дружественное решение, которое соответствует одному из принципов инклюзивного дизайна — принципу выбора.
2. Темный режим является наиболее привычным для разработчиков.
3. Темный режим регулирует яркость экрана в соответствии с условиями освещения и снижает нагрузку на глаза.
4. Обеспечение тем улучшенной контрастностью делает сайт доступным для людей с ослабленным зрением или дальтонизмом.

Тематизация на dev-портале Wrike

Подводя итог

Для создания удобного интерфейса dev-портала необходимо:

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

Посмотреть, как получилось у нас, можно на

dev-портале Wrike

.

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

24 лучших идеи для порталов

О нашем портале Источники вдохновения для веб-дизайна

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

Какие стили дизайна лучше всего подходят для дизайна веб-сайтов портала?

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

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

Какие цветовые схемы использовать для веб-сайта портала?

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

В целом, лучше всего сохранять простые цветовые схемы и ограничивать количество используемых цветов.Поисковые системы — типичные примеры веб-сайтов в стиле порталов. Подумайте, сколько цветов вы видите, просматривая результаты поиска Google, Yahoo! или Bing. Обычно вы смотрите на белый фон с черным или синим текстом. Если вы включите изображения в свой дизайн, то выбор простых цветовых схем поможет им выделиться, так что с точки зрения вовлеченности это беспроигрышный вариант!

Какие элементы являются наиболее важными в дизайне веб-сайта портала?

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

Сколько разделов должно быть на моем сайте портала?

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

Как использовать порталы для повышения уровня UX | Деннис Хамбойкерс | Блокнот для руководства дизайном

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

Полностью интегрированная платежная служба от Apple

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

1. Связывание : вы просто связываете другие службы, информацию или системы, которые ваш пользователь может использовать для выполнения задач, которые им необходимо выполнять. Услуга, которую вы здесь предоставляете, — это , экономящая человек, времени, и, возможно, , объясняющая систему, на которую вы ссылаетесь.
2. Темы : если системы, на которые вы ссылаетесь, имеют тот же интерфейс, что и портал, пользователь думает, что он все еще использует ту же службу.Это снизит когнитивную нагрузку и сделает более приятным пользование вашими услугами.
3. Единый вход в систему : если вы подключаетесь к другим службам, вы можете настроить систему, которая позволит вашим пользователям автоматически входить в системы, на которые вы ссылаетесь. Таким образом, пользователям достаточно войти в систему один раз, достаточно иметь одну учетную запись. Это очень удобно .
4. Глубокие ссылки : если у вас есть система единого входа (SSO), вы можете отправлять своих пользователей в определенное место в службе, на которую вы ссылаетесь.Таким образом, они не попадут на главную страницу сервиса, где им придется снова и снова искать то, что они ищут. Это экономит время и энергию .
5. Панель мониторинга : следующий уровень интеграции показывает некоторые данные из службы. Пользователи этого ватта не должны переходить на конкретную систему , если в этом нет необходимости. По информации на панели инструментов они могут увидеть, требуется ли какое-либо действие.
6. Выполнение задач : еще один шаг — позволяет пользователю выполнять задачи в других системах через ваш портал.Если вы можете читать и писать в службу, вы можете разрешить пользователю выполнять задачи без доступа к внутренним службам. Это проще с простыми задачами, но если вам нужно перестроить взаимодействия целиком, разумнее использовать взаимодействия серверной службы.
7. Персонализация : если вы точно знаете, что нужно вашим пользователям, вы можете предложить им нужные услуги, нужную информацию в нужное время. Своевременное предоставление услуг — это знание того, что и когда нужно вашему пользователю.Если у вас есть только необходимая информация и необходимое время, это значительно повысит качество ваших услуг. В качестве резервной копии вам может потребоваться предложить ссылки на полную информацию и услуги для случаев, когда пользователю нужно что-то еще.

Различные уровни интеграции служб на вашем портале

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

Также появляется все больше и больше разработчиков приложений, которые приспосабливаются к тому факту, что они используются для создания более крупных связанных сервисов. Через API вы можете легко подключать сервисы. Такие сервисы, как AirBnB и Uber, используют целый стек технологий для создания своих сервисов.Большинство используемых ими сервисов являются сторонними и доступны для всех. Они объединяют все эти сервисы и технологии в один сервисный портал. Большинство этих сервисов намеренно отключены и предназначены для работы в других системах.

Если вы не хотите использовать архитектуру портала для своих сервисов, альтернативой является экосистема сервисов. Так устроен Google. Google предлагает несколько автономных сервисов с разным уровнем интеграции. Весь пакет состоит из таких сервисов, как Почта, Карты, Поиск, Диск, Чат, Документы и т. Д.Задача здесь состоит в том, чтобы создать взаимосвязь между всеми этими службами. Они имеют ценность сами по себе, но для пользователей и для компании опыт улучшается, если это один пакет. Это работает, если службы созданы для конкретных задач и не требуют слишком большой интеграции, чтобы предлагать услугу пользователю. С Google это не похоже на то, что вы ожидаете от них одной услуги, как от Coolblue. Если Coolblue будет настроен в нескольких сервисах, таких как поиск, платежи, почта, логистика и т. Д., Это не сработает.Они стремятся к безупречному опыту с одним мышлением и одним потоком. Альтернатива Google нацелена на поддержку разных задач в разное время, которые могут иметь некоторые ссылки друг на друга. Он не использует данные и функции из разных систем для создания одной услуги.

Если вы выбираете стратегию экосистемы приложений, вам нужно инвестировать в согласованность. Такие компании, как Google, Microsoft и IBM, сейчас делают большие инвестиции в дизайн. Дизайн может сыграть огромную роль в создании согласованности, представлении о том, что это один связанный набор приложений.Принципы дизайна, правила, шаблоны и т. Д., Такие как Material Design от Google, созданы именно для этой цели: создать единство для пользователей. Это упрощает пользователям изучение и использование различных приложений из пакета и создает представление о том, что они могут быть подключены. Когда вы создаете все свои собственные приложения, такие как Google, это уже сложно, но если вы полагаетесь на сторонние приложения, создать единство еще сложнее.

Другое решение — обучение и согласование. В современной рабочей среде, где вы используете приложения Adobe для проектирования, приложения Microsoft для написания, приложения Atlassian для управления проектами, приложения Slack и Google для взаимодействия, Git для управления кодом и т. Д., Вы должны знать, что вы делаете.Вы должны знать свои инструменты, как они работают. Вы должны согласиться, как и почему вы используете определенные инструменты, и согласиться с аналогичными рабочими процессами и системами. Если вы можете обучить и согласиться, в сервисном портале нет необходимости.

Вопрос в том, подходит ли портал, если вы хотите повысить уровень UX своих услуг.

Вам не нужен портал, если:

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

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

Существует несколько уровней интеграции служб, которые вы хотите объединить.Выбор правильной интеграции для каждой пользовательской задачи — это обсуждение жизнеспособности, которое следует провести со всеми заинтересованными сторонами. Разработка сервиса обычно состоит из итераций, постоянного улучшения. Таким образом, выбор, который вы делаете вначале, должен соответствовать вашим амбициям, но при этом быть достаточно гибким, чтобы учитывать новые идеи. Различные уровни интеграции дают вам пространство для игры, необходимое для постоянного повышения уровня обслуживания / UX и выбора MVP. Для каждой части услуги вы можете выбрать одну из интеграций.И в каждой итерации вы можете подняться на один уровень. Все дело в том, чтобы решить, что является наиболее ценной частью вашего сервиса, что является основным и какие пути вы можете создать для его постоянного улучшения. Каждое продвижение по лестнице требует времени, энергии и денег, и вы должны составить экономическое обоснование для каждого и согласовать его со всеми заинтересованными сторонами. Но не каждое продвижение по лестнице стоит одинаково. Если сервисы не имеют заголовка и построены с использованием хороших API, затраты на продвижение по служебной лестнице будут ниже. Таким образом, выбор приложений и архитектуры влияет на затраты на продвижение вверх по лестнице UX.

Если вы хотите узнать больше об уровнях UX, вы можете прочитать это:

Пять строительных блоков для лучшего дизайна веб-портала | Цифровая стратегия

Дизайн веб-портала развивается

Дизайн веб-портала прошел долгий путь со времен статических шлюзов (вспомните AOL или Yahoo). Интерфейс порталов можно красиво настроить и отполировать, но главное преимущество порталов — это дизайн их инфраструктуры. Современный, хорошо спроектированный портал может объединить сотни разрозненных устаревших систем и превратить их в единое оптимизированное бизнес-решение, которое масштабируется вместе с вашей компанией.

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

# 1 SSO для нескольких сайтов

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

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

Как используется:

• У Hewlett Packard есть глобальный партнерский портал, который обслуживает 650 000 пользователей в 174 странах. У каждой страны раньше был свой сайт, но, воспользовавшись функцией единого входа на портальной платформе, они смогли получить единый глобальный URL-адрес для отправки всем своим партнерам, которым нужно было войти в систему только один раз, чтобы получить доступ ко всему. они нужны. Время, сэкономленное за счет обслуживания только одного сайта, должно быть более чем достаточно, чтобы продемонстрировать полезность этого строительного блока, особенно для компаний, которые имеют долгую историю создания нескольких сайтов.

# 2 Локализация и распространение связи

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

Как используется:

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

# 3 Многоразовые компоненты

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

Как используется:

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

# 4 Управление рабочим процессом

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

Как используется:

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

# 5 Сотрудничество

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

Как используется:

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

Хороший дизайн — это больше, чем просто внешний вид

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

Узнайте о четырех порталах, которые решают проблемы предприятия

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

Получите электронную книгу

Animal Crossing New Horizons: Руководство по поиску критериев портала дизайна

Эта функция была добавлена ​​в недавнем обновлении.

Animal Crossing: New Horizons позволяет игрокам создавать собственные дизайны, которыми они могут поделиться со всем миром. У каждого дизайна есть уникальный Код дизайна, который вы можете ввести на портале Custom Designs в магазине Able Sisters, чтобы добавить дизайн в приложение Custom Designs на вашем NookPhone. Оттуда вы можете использовать эти рисунки на своем острове.Вы можете найти дизайны одежды, дизайны для нестандартных дорожек, дизайны, которые можно повесить на стену в вашем доме, и многое другое.

Когда игра впервые была запущена, вы могли искать дизайнов и дизайнеров только по их общим кодам. Теперь, когда заметил пользователь Instagram 8btibish, вы можете искать и просматривать дизайны, вводя название дизайна, который вы ищете, и / или выбирая тип предмета, который вы хотите найти (краска для лица, футболка с коротким рукавом , так далее. ).

Вот как это работает!

Зайдите в магазин Able Sisters и взаимодействуйте с порталом Custom Designs.

Источник: SuperParent

Выберите параметр «Поиск по критериям».

Источник: SuperParent

. Вы увидите два поля поиска: «Имя нестандартного дизайна» и «Тип». Если вы хотите найти дизайны, в названии которых есть определенное слово (например, «цветок»), выберите «Введите здесь название дизайна». Или, если вы просто хотите увидеть дизайны определенного типа, выберите «Не указано».

Источник: SuperParent

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

Источник: SuperParent

Если вы объедините оба поля, вы сможете искать конкретные элементы , например, дизайны для «футболок с коротким рукавом», в названии которых есть слово «цветок».

Когда вы будете готовы к поиску дизайнов, нажмите бирюзовую кнопку поиска.

Источник: SuperParent

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

Источник: SuperParent

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

Источник: SuperParent

Удачи!

Чтобы узнать больше о Animal Crossing: New Horizons или просмотреть остальные руководства по игре, ознакомьтесь с нашим предыдущим обзором.

Раскрытие: Nintendo предоставила SuperParent код для Animal Crossing: New Horizons в целях покрытия.

Дизайн веб-портала | Разработка веб-портала США

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

Что предлагают наши веб-порталы

Интеграция

Объедините все данные электронной коммерции и информацию о клиентах в одну систему.Сотрудничайте с другими отделами и создавайте качественные решения для бизнеса.

Консистенция

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

Персонализация

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

Доступность

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

Deep Design Data (D3) Портал

Ведущий исполнитель: Национальная лаборатория Лоуренса Беркли — Беркли, Калифорния
Партнер: Sustainable IQ — Арлингтон, Массачусетс Сентябрь 2021 г.
Вид финансирования: направлено

Цель проекта

В рамках предыдущего сотрудничества между BTO и Американским институтом архитекторов (AIA) был разработан обмен проектными данными (DDx) (https: // 2030ddx.aia.org), онлайн-портал, поддерживающий программу AIA «Обязательства по отчетности до 2030 года». Портал DDx, который сейчас поддерживается AIA, обслуживает более 240 крупных и малых фирм. Поскольку DDx обслуживает широкую аудиторию и поддерживает ключевую программу AIA, нелегко расширять сбор данных или экспериментировать с новыми функциями и анализами. Этот последующий проект является дополнительным онлайн-ресурсом, порталом Deep Design Data (D3), который расширяет возможности сбора и анализа данных DDx и может использоваться для прототипирования новых функций DDx.

D3 будет нацелен на крупные фирмы — из 18 000 фирм-членов AIA, на 60 крупнейших приходится более 90% всей спроектированной площади, — у которых есть более широкие возможности для сбора данных внутри компании и большая потребность в крупномасштабном анализе и моделировании данных. служба поддержки. D3 не будет частью программы отчетности до 2030 года, но будет служить в качестве испытательного стенда для анализа данных и создания прототипов. Он будет использовать функции «пакетного импорта» и API-интерфейсы, разработанные для DDx, для сбора дополнительных данных, использующих эти данные для поддержки новых аналитических функций и функций поддержки принятия проектных решений.Цель состоит не в том, чтобы требовать от фирм выполнения дополнительной работы по отчетности, а в том, чтобы предоставить дополнительную ценность фирмам, которые уже используют функции автоматической отчетности.

Запланированные расширения данных D3 включают: i) проектирование и стоимость BEM, ii) стоимость строительства, iii) EUI для конечного использования, iv) параметры оболочки, v) тип и параметры системы HVAC, vi) параметры освещения и vii) меры по энергосбережению. (ECM). Запланированные аналитические расширения включают: i) перекрестные таблицы по всем входным переменным, ii) ограниченные перекрестные таблицы по нескольким переменным, iii) лонгитюдный анализ за несколько лет, iv) лонгитюдный анализ по множеству фаз проекта. Будущие потенциальные функции включают: i) подключаемые модули из общих инструментов моделирования энергопотребления, ii) предложения ECM, основанные на смоделированных разбивках по конечному использованию, и iii) руководство по моделированию для конкретных проектов и ECM. Функции будут отфильтрованы, расставлены по приоритетам и уточнены с помощью обсуждений с участвующими фирмами.

Контакты

Менеджер по технологиям DOE: Амир Рот
Ведущий исполнитель: Синди Ренье, LBNL

Публикации по теме

Дизайн родительского портала

| Справочный центр SchoolAdmin

Узнайте, как вывести свой бренд на родительский портал с помощью настраиваемых цветов и логотипа!

Автор Кортни Сингл
Обновлено больше недели назад

Обзор

Страница Parent Portal Design Страница дает вам возможность настроить дизайн родительского портала так, чтобы он соответствовал бренду вашей школы. Посмотрите короткий видеообзор или читайте ниже для получения дополнительной информации!

---

Инструкции: использование страницы родительского портала

На этой странице у вас есть доступ к следующим параметрам:

• Цвет фона: Устанавливает цвет фона страницы, который отображается по обе стороны страницы и в нижней части экрана входа в систему. Введите цвет как цветовой код HTML.

• Темный акцентный цвет: Устанавливает цвет заголовков разделов и подразделов в любых онлайн-формах, а также линии под логотипом вашей школы на родительском портале.Введите цвет как цветовой код HTML.

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

• Выравнивание логотипа: Задает выравнивание вашего логотипа (т.е.е. по левому краю, по центру или по правому краю), если это не полноразмерный баннер.

Не забудьте нажать Сохранить после внесения любых изменений!

---

Практическое руководство: рекомендуемые размеры логотипа

Для полноразмерных баннеров:

• 1440 пикселей в ширину

• Макс. 250 пикселей в высоту

• Если вы используете полноразмерный баннер 1440 пикселей, логотип будет автоматически масштабироваться до более узкой ширины (например, 1200 пикселей в ширину или 1024 пикселей в ширину)

• Размер файла должен быть не более 250 КБ

• Может быть JPG или PNG (для логотипов рекомендуется PNG)

• Отключить заполнение сверху / снизу

Для школьного логотипа / изображений не во всю ширину:

• Макс.