1С-Бітрікс - Інтерфейс «Ермітаж»

«Ермітаж»- це не просто сучасний інтерфейс для керування сайтом - це концепція, що поєднує в собі інтерфейсні рішення та «пакет» рекомендацій для веб-розробників. «Ермітаж» - це зведення правил, дотримуючись яких ви створите швидкий, безпечний, зручний та легко керований веб-проект.

«Протягом багатьох років ми працюємо над інтерфейсом продукту, намагаючись зробити його простим та зручним для користувачів у щоденній роботі з управління сайтом. Ми також враховуємо інтереси веб-розробників, перед якими стоїть непросте завдання - швидко створювати функціональні сайти з різними дизайнами.

І як би ми не сподівалися, кожен клієнт хотітиме свій, індивідуальний дизайн та структуру сайту. І, звичайно, всі хочуть, щоб сайт відкривався швидко і міг витримати більшу відвідуваність. Вирішуючи крок за кроком ці завдання, ми розробили концепцію, що поєднує в собі технології та інтерфейсні рішення, та назвали її «1С-Бітрікс: Ермітаж»

Генеральний директор, "1С-Бітрікс", Сергій Рижиков

«Ермітаж» - це:

Редизайн «капота» - Re:Ермітаж

Дизайн адміністративного розділу

Концепція інтерфейсу керування сайтом

Управління інформацією- щоденна робота, і ми робимо все, щоб така робота приносила задоволення! У кожній новій версії продукту виконуються кроки розвитку Панелі управління. При цьому враховується досвід використання панелі як розробниками, так і клієнтами компанії «1С-Бітрікс». В результаті Панель управління вдосконалюється - набуває не тільки нового вигляду, а й нових можливостей.

Панель керування сайтом. Інтерфейс «Ермітаж»

Над сайтом- робота зі вмістом сайтубезпосередньо «за місцем»
Адміністрація – адміністративний розділ для повнофункціонального управління всім інтернет-проектом

Функціонал Панелі управлінняв рамках концепції «1С-Бітрікс: Ермітаж

Режим правки

Керуйтевсіма елементами та компонентами на публічних сторінках! Адже режим редагування включає не тільки можливість зміни поточної сторінки або елементів інформаційних блоків, таких як новини або товари в каталозі. У режимі редагування ви можете так само легко - прямо "над сайтом" - керувати компонентами, включеними в шаблон сайту і в основну робочу область конкретної сторінки.

Режим правки включений

Контекстне меню компонентаз'являється під час проходження мишки над ним. Це меню можна перенести, закріпити, подати у вертикальному чи горизонтальному вигляді. Адаптивний інтерфейс системи запам'ятає змінений вигляд контекстного меню для даного компонента, даної сторінки, даного користувачі і наступного разу відкриє його такому самому вигляді і в тому ж місці.

Мінімізований режим

Мінімізований режимроботи буде зручним для тих, хто вже знає як працювати з системою. Просто поверніть панель керування, звільнивши екранний простір. При цьому навіть згорнута панель зберігає управлінські функції!

Мінімізований режим роботи

Адміністрування

Адміністративний розділ продукту призначений для повнофункціонального керування всім інтернет-проектом.Робочийстіл в адміністративній частині індивідуально налаштовується, комплектується гаджетами та забезпечений системою пошуку за меню. У продукті можна створити скільки завгодно «Робочих столів».

Транслітерація

Доступ досторінці

Кому ви хочете показувати сторінку?

Керуйте сайтом легко та професійно!

Інтерфейс продукту «Ермітаж»адаптуєтьсядо вашої щоденної роботи з сайтом, запам'ятовує ваші уподобання та дозволяє витрачати менше часу на виконання технічних завдань. Інтерфейс як би «парить» над сайтом, дозволяючи вам бачити, що ви робите, і відразу показує результати.

«Паріть над сайтом, виконуйте дії легко, не втрачайте контекст роботи і відразу отримуйте видимий результат. Інтерфейс запам'ятає ваші уподобання – налаштування списків, фільтри, форми введення… І наступного разу ви витратите на цю дію вже менше часу.

Використовуйте звичну кнопку «Меню» для доступу по одному кліку до всіх можливостей сайту. Все зрозуміло для новачків та зручно для професіоналів. Не ви звикаєте до сайту, а сайт звикає до вас, адаптується до ваших звичок та завдань.

Генеральний директор, "1С-Бітрікс", Сергій Рижиков

Усі сили на креатив, а не на пошук кнопки!

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

Від версії до версії в продукті з'являється все більше функціональних можливостей, все більше дій в інтерфейсі. Ми провели величезну роботу з переробки інтерфейсу продукту, особливо панелі управління користувача.

Новий адаптивний інтерфейс спрощує пошук потрібної дії, групує дії за ролями користувачів, виділяє найчастіші, щоб не захаращувати робочу панель та полегшити сприйняття користувачеві».

Вадим Думбравану,керівник проектів компанії «Бітрікс»

Адаптивний інтерфейс – це:

Контекстне редагування– керуйте контентом безпосередньо на сайті. Якщо потрібно виправити сторінку, натисніть «Змінити» відразу. Потрібно додати розділ – натисніть кнопку «Створити». Не втрачайте контексту роботи. Новий інтерфейс як би "парить" над сайтом, дозволяючи вам бачити, що ви робите, і відразу показує результати.
Індивідуальна адаптація під користувача- в інтерфейсі продукту запам'ятовуються останні дії, налаштування фільтрів, зручні способи подання інформації. Інтерфейс адаптується до вашої щоденної роботи та дозволяє з кожним днем витрачати на неї дедалі менше часу.
Кнопка «Меню»- звичний та швидкий доступ по одному кліку до всіх можливостей вашого сайту. Це дуже зручно! До того ж, при переході в Панель управління по кнопці Меню запам'ятовується сторінка, звідки зроблений перехід - це не менш приємно!
Рольова адаптація- для впевненого виконання щоденної роботи. Розробникам доступні всі інструменти для розробки та налаштування сайту. Редактори сайту працюють лише з контентом, не побоюючись порушити технічну роботу проекту. Кожен чітко виконує своє завдання.
Майстри створення контентудопоможуть вибрати імена файлів та розділів, доповнять меню сайту та допоможуть заповнити властивості. Складні щоденні дії стають простими. Ми тільки не можемо написати за вас контент, решта зробить за вас майстер.

Адаптивний інтерфейс створений для того, щоб:

зменшити витрати на навчання нових користувачів– навчання не потрібно, потрібен лише час на звикання сайту до вас. Термін звикання до інтерфейсу – лише 1 година!
перетворити рутинні завдання на творчий процес, витрачати енергію на креативні завдання, а не на технічнупублікацію сторінок, розділів та меню;
зменшити час на управління сайтом, зробивши щоденне управління проектів звичним;
зняти побоювання нових користувачів «зламати проект»та уникнути більшості помилок при керуванні контентом.

Зручний інтерфейс

Красивий, легкий, сучасний!

WYSIWYG(вимовляється як «ві-зі-віг», від англ. What You See Is What You Get - «що бачиш, те й отримаєш») - спосіб редагування , при якому матеріал, що коригується в процесі редагування виглядає в точності так само, як і кінцевий результат.

Редагування real-time

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

Редактор має великі засоби редагування сторінок

Підсвічування коду та нумерація рядків

підсвічування синтаксису HTML + PHP + Javascript + SQL;
підсвічування відключається, і відключити його можна без перезавантаження сторінки;
2 колірні теми - світла та темна;
швидкий перехід на рядок за його номером;
Tab/Shift+Tab для вставки та скасування табуляції.

Управління інформацією - щоденна робота, ми робимо все, щоб така робота приносила задоволення!

«Спліт»-режим

Вертикальний та горизонтальний

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

Split – поділ вікна на дві частини – візуальне редагування та редагування коду.

Зручний пошук/заміна

Знайти компонент за секунду!

Один результат у всіх браузерах

Використовуйте будь-який браузер!

"Зачистка" коду при вставці

Редактор обробляє вставку тексту з різних джерел з автоматичним чищенням вмісту. При копіюванні тексту, наприклад з Word, код наводиться до HTML5. Із коду видаляються всі зайві - незначні теги.

Для розробників

Веб-розробники оцінять реалізацію функціоналу панелі компонентів та панелі сніпетів (в один слайд). Також вони отримують можливість кастомізації на рівні JS та розширену подієву модель.

Валідний та коректний HTML5

З валідацією - все ок!

Навіщо вам потрібен валідний HTML5 Плюси переходу на валідний HTML5 безперечні, вони давно обговорюються веб-розробниками (наприклад, тут). Також у Мережі ви можете знайти інформацію про те, що таке «валідний HTML5» (наприклад, у цій статті).

Кероване кешування в компонентах інфоблоків

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

Серед рекомендацій для веб-розробників:

Рекомендуємо для прискорення роботи сайту та масштабування проекту підтримувати технологіюАвтокешуваннята використовуватиКешування, що керується– технологію Сache Dependencies.
При налаштуванні компонентів бажано обов'язкове встановлення в параметрах компонента значенняАвто+Керованез великим часом кешування (1-12 місяців у випадку, якщо ви повністю працюєте за технологією Сache Dependencies).

Усерекомендації для розробників