1C-Bitrix - Интерфейс "Ермитаж"

Hermitageне е просто модерен интерфейс за управление на сайт - това е концепция, която съчетава интерфейсни решения и "пакет" от препоръки за уеб разработчици. "Hermitage" е набор от правила, следвайки които ще създадете бърз, сигурен, удобен и лесно управляем уеб проект.

„В продължение на много години работим върху интерфейса на продукта, опитвайки се да го направим прост и удобен за потребителите в ежедневната работа по управление на сайта. Отчитаме и интересите на уеб разработчиците, които са изправени пред трудна задача - бързо да създават функционални сайтове с разнообразен дизайн.

И колкото и да се надяваме, всеки клиент ще иска свой собствен, индивидуален дизайн и структура на сайта. И, разбира се, всеки иска сайтът да се отваря бързо и да може да поеме много трафик. Решавайки тези задачи стъпка по стъпка, ние разработихме концепция, която съчетава технологии и интерфейсни решения и я нарекохме "1C-Bitrix: Hermitage"

Главен директор, 1C-Bitrix, Сергей Рижиков

Ермитажът е:

Редизайн на "капака" - Re:Hermitage

ермитаж
Дизайн на административна секция

Концепция за интерфейс за управление на уебсайт

Управлението на информациятае ежедневна работа и ние правим всичко възможно да направим тази работа приятна! Във всяка нова версия на продукта се предприемат стъпки за разработване на контролния панел. В същото време се взема предвид опитът от използването на този панел както от разработчиците, така и от клиентите на 1C-Bitrix. В резултат на това контролният панел е подобрен - той придобива не само нов облик, но и нови функции.

Контролен панел на сайта. Интерфейс на Ермитажа

  • Над сайта- работа със съдържанието на сайтадиректно на място
  • Администрация - административна секция за пълнофункционално управление на целия Интернет проект

Функционалност на контролния панелв рамките на концепцията на "1C-Bitrix: Hermitage

Режим на редактиране

Управлявайтевсички елементи и компоненти на публични страници! В крайна сметка режимът на редактиране включва не само възможността за промяна на текущата страница или елементи от информационни блокове, като новини или продукти в каталога. В режим на редактиране можете също толкова лесно - точно "над сайта" - да управлявате компонентите, включени в шаблона на сайта и в основното работно пространство на определена страница.

Режимът на редактиране е активиран

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

интерфейс

Минимизиран режим

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

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

Администрация

Административният раздел на продукта е предназначен за пълнофункционално управление на целия Интернет проект. БюротоDeskв административната част е индивидуално конфигурируемо, допълнено с приспособления и оборудвано със система за търсене в менюто. Можете да създадете колкото искате "Настолни компютри" в продукта.

транслитерация

Достъп достраница

интерфейс
На кого искате да покажете страницата?

Управлявайте сайта си лесно и професионално!

Интерфейсът на Hermitageсе адаптиракъм ежедневната ви работа със сайта, запомня вашите предпочитания и ви позволява да отделяте по-малко време за технически задачи. Интерфейсът нещо като"плува"над сайта, което ви позволява да видите какво правите и веднага да покажете резултатите.

„Издигайте се над сайта, извършвайте действия лесно, не губете контекста на работата и незабавно получавайте видими резултати. Интерфейсът ще запомни вашите предпочитания - настройки на списъци, филтри, форми за въвеждане ... И следващия път ще отделите по-малко време за това действие.

Използвайте познатия бутон "Меню" за достъп с едно кликване до всички функции на вашия сайт. Всичко е ясно за начинаещи и удобно за професионалисти. Вие не свиквате със сайта, но сайтът свиква с вас, адаптира се към вашите навици и задачи”

Главен директор, 1C-Bitrix, Сергей Рижиков

Всички сили върху творчеството, а не върху търсенето на бутон!

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

„От версия на версия, все повече и повече функционалност се появява в продукта, все повече и повече действия в интерфейса. Свършихме страхотна работа с препроектирането на интерфейса на продукта, особено на потребителския контролен панел.

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

Вадим Думбравану,Мениджър на проекта, Bitrix

Адаптивният интерфейс е:

  • Редактиране на място- управлявайте съдържанието директно на сайта. Ако трябва да коригирате страницата, щракнете върху „Редактиране“ точно там. Трябва да добавите раздел - щракнете върху „Създаване“. Не губете контекст. Новият интерфейс изглежда сякаш „виси“ над сайта, което ви позволява да виждате какво правите и веднага да показвате резултатите.
  • Индивидуална адаптация за потребителя– последните действия, настройки на филтъра, удобни начини за представяне на информация се запомнят в интерфейса на продукта. Интерфейсът се адаптира към ежедневната ви работа и ви позволява да отделяте все по-малко време за него всеки ден.
  • Бутон за меню- познат и бърз достъп с едно кликване до всички функции на вашия сайт. Много е удобно! Освен това, когато отидете в „Контролен панел“, като използвате бутона „Меню“, страницата, от която е направен преходът, се запомня - това е не по-малко приятно!
  • Ролева адаптация- за уверено изпълнение на ежедневната работа. Разработчиците имат достъп до всички инструменти за разработване и персонализиране на сайта. Редакторите на сайта работят само със съдържание, без да се страхуват да нарушат техническата работа на проекта. Всеки ясно изпълнява своята задача.
  • Съветниците за създаване на съдържаниеви помагат да изберете имена на файлове и секции, да завършите менюто на сайта и да попълните свойства. Сложните ежедневни дейности стават прости. Ние просто не можем да напишем съдържанието вместо вас, майсторът ще свърши останалото вместо вас.

Адаптивният интерфейс е предназначен за:

  • намалете разходите за обучение на нови потребители– обучението не е задължително, отнема само време, за да свикнете със сайта. Срокът за свикване с интерфейса е само 1 час!
  • превърнете рутинните задачи в творчески процес, изразходвайте енергия за творчески задачи, а не за техническипубликуване на страници, секции и менюта;
  • намалете времето за управление на сайта, като направите ежедневното управление на проекти обичайно;
  • премахнете страховете на новите потребители от „счупване на проекта“и избегнете повечето от грешките в управлението на съдържанието.

Удобен интерфейс

Красиво, леко, модерно!

WYSIWYG(произнася се "wee-wee-wig", от What You See Is What You Get - "това, което виждате, това получавате") е метод за редактиране, при който коригираният материал по време на процеса на редактиране изглежда абсолютно същият като крайния резултат.

Редактиране в реално време

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

Редакторът разполага с обширни инструменти за редактиране на страници

Осветяване на кода и номериране на редове

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

Управлението на информация е ежедневна работа, ние правим всичко, за да направим тази работа приятна!

Режим "Сплит".

Вертикално и хоризонтално

Можете да видите кода на страницата и нейното показване едновременно. Можете да правите промени във всяка част на прозореца - визуално редактирайте страницата или редактирайте нейния код.

Разделяне - разделяне на прозореца на две части - визуална редакция и редактиране на код.

Удобно търсене/замяна

Намерете компонент за секунда!

Един и същ резултат във всички браузъри

Използвайте всеки браузър!

"Почистващ" код при вмъкване

Редакторът обработва вмъкването на текст от различни източници с автоматично почистване на съдържанието. При копиране на текст, например от Word, кодът се конвертира в HTML5. Всички излишни - незначителни тагове се премахват от кода.

За разработчици

Уеб разработчиците ще оценят реализацията на функционалността на панела с компоненти и панела с фрагменти (в един слайд). Те също така получават възможност за персонализиране на ниво JS и разширен модел на събития.

Валиден и правилен HTML5

С валидиране - всичко е наред!

Защо имате нужда от валиден HTML5 Предимствата от преминаването към валиден HTML5 са неоспорими, те отдавна се обсъждат от уеб разработчиците (например тук). Можете също да намерите информация в мрежата за това какво е „валиден HTML5“ (например в тази статия).

Управлявано кеширане в компонентите на информационния блок

Не е нужно да кликвате върху бутона за опресняване на кеша и да обновявате кеша на страницата, за да видите каквито и да било промени в сайта! Редактирайте или добавете новина, продукт в каталога или всеки друг елемент от информационния блок - иведнага вижте резултатите!

Препоръките за уеб разработчиците включват:

  • Препоръчваме да поддържате технологиятаAutocachingи да използвате технологиятаManaged caching– Cache Dependencies за ускоряване на сайта и мащабиране на проекта.
  • При настройване на компоненти е желателно да зададете параметрите на компонента наAuto+Managedс дълго време за кеширане (1-12 месеца, ако работите изцяло с технологията Сache Dependencies).
всичкопрепоръки за разработчиците

"Ермитаж" за уеб разработчици