company_banner

Новый интерфейс панели управления

    image

    Комментарии проектировщика

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


    О разработке

    На данный момент команда разработчиков активно занимается сервисами с более высоким приоритетом. Поэтому разработкой новой панели занимались 2 человека: проектировка, дизайн и верстка — goodsprite, вся функциональность — программист, в свободное от приоритетных задач время.
    Панель сверстана на HTML5 с помощью фреймворка Compass и SCSS. IE поддерживается, но не ждите от него много.

    Об интерфейсе

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

    Меню

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

    Удобство

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

    Дизайн

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

    Первый шаг сделан, дальше — только больше, лучше и удобнее.
    Selectel
    ИТ-инфраструктура для бизнеса

    Comments 24

      +6
      Всё такое… серое?!
        +5
        Ещё б сделали консоль работающей без вебсокетов через restrictive proxy (а ля ISA) и в 14 Хроме — цены б вам не было
          +1
          Насчет юзабельности я бы поспорил. Навскидку — Сводная информация, абсолютно не читабельна.
            +2
            Осталось добавить иконки и получим Ajenti :)

            Являюсь вашим клиентом.
            Спасибо за обновление!

            p.s. почините консоль для Google Chrome 14+
              +2
              Все что не делается — все к лучшему (С) хз кто.
              Серые цвета — нейтральные, лучше смотрится. По юзабилити — я надеюсь еще будут дорабатывать.
                +2
                Добавьте немного цвета, хоть на 5% тональности. Что за окном уныло, что в мониторе. (
                  +3
                  Понравился новый интерфейс, спасибо. Особенно кнопки управления виртуальной машиной. И по цветам нравится, стильненько и глаза от цветов не ломит.
                    0
                    Статистика серверов:
                    Not Found
                    The requested URL /stat/ was not found on this server.
                      +1
                      была битая ссылка, исправили, проверьте
                    • UFO just landed and posted this here
                      0
                      Стало хуже:

                      1) Много линий, меньше пространств — смотрится тяжелее.
                      2) Уровень вложенности в меню потерялся
                      3) Красный цвет смотрелся лучше, чем та серь, что теперь
                      4) Информация во многих местах сбита, иконки ни к месту.

                      Наняли бы дизайнера, что ли…

                      (Пользуюсь вами уже больше года)
                        0
                        А мне старый больше нравится — был более читабельным и удобным, минималистичным.
                          0
                          Bug report: при удалении домена UI дублируется


                          И еще, нет confirm'a при удалении.
                            +1
                            fixed и конфирм сделали
                            +4
                            Сразу понравилась новая панель. Удобнее, чем старая. Но… мы как бы не панель от вас ждем сейчас :-( Перенесенная на новое хранилище машинка обрушилась через трое суток работы все с той же ФС read-only… Ответ техподдержки суперзажигательный — «К сожалению, мы не смогли определить, по какой причине некоторые виртуальные машины получили ошибку записи; сбоя хранилища утром не было. Извините за неудобства.» О компенсации за предыдущие длительные даунтаймы никто даже не заикается… Селектеловское облако — всё? :-( Сваливать уже?..
                              +3
                              я надеюсь, что вы понимаете, что процесс разработки дизайна никоим образом не пересекается с работой облака… работы по стабилизации облако имеют высокий приоритет и никоим разом не останавливались из-за данного обновления
                                0
                                Открыли бы тикет, в котором пользователи могли оставить ТП свои мнения о том, что лучше бы подправить в дизайне. От себя: текст в топ-меню может без тени сделаете, а то оно как выдавленное смотрится, и шрифт «Ближайшие оплаты» как-то не согласовывается со всем остальным (слишком жирный, крупный и притом вдавленный), а тексты сумм вообще другим шрифтом выводятся (с засечками).
                                  0
                                  Вы можете создать тикет с типом «Расказать идею» и… рассказать там свои идеи =)
                                  0
                                  Перемены — это хорошо, но на мой взгляд текущий дизайн несколько хаотичен. Небольшое ИМХО, всё относится к Chrome 16/Win7:
                                  1) Проработать шрифты.
                                  1.1) Использовать одновременно Georgia, Arial и Tahoma на одной странице — это, мне кажется, чересчур. Причем Georgia и Tahoma есть одновременно и в заголовках, и в обычном тексте.
                                  1.2) Местами перебор с тенью шрифтов. Я, конечно, понимаю, что text-shadow — это круто, но лишь когда он к месту.
                                  1.3) Нет согласия по используемым заголовкам для блоков. Где-то h2 (причем совпадает с заголовком раздела, и из-за тени кажется тяжелее заголовка раздела), где-то h3, где-то вообще th. Причем на support.selectel.ru/cloud/ «Информация по суммарному потреблению» выровнена по центру и верхнему краю (из-за иконки ячейка растягивается), а «Сводная статистика» — по левому краю и середине.
                                  1.4) Зачем так много курсива?)
                                  2) Аккуратнее относиться к сетке, и соблюдать единообразие
                                  2.1) на support.selectel.ru/ платежи вразнобой. Если сделать нормальную таблицу, возможно будет лучше.
                                  2.2) на support.selectel.ru/cloud/ не очень понятно, почему выбор среза статистики так далеко удален от самой таблицы, что ослабляет их связь. С другой стороны, это всё находит в одном блоке…
                                  2.3) в разных разделах между блоками разные отступы
                                  2.4) если в таб-панели нет содержимого, то линии вместо плавного перехода в белый, становятся обрубленными.
                                  2.5) почему в support.selectel.ru/domains/ «Добавить тикет» справа, а в support.selectel.ru/pay/ «Пополнить баланс» слева? Кстати, на support.selectel.ru/pay/ метка «Оплачено» скачет от строчки к строчке.
                                    +2
                                    IE поддерживается, но не ждите от него много…
                                    Люблю честных людей.
                                      0
                                      Стал похож на панель местерхоста
                                        0
                                        Если вы сами занимаетесь дизайном интерфейса то обратите внимание на BootStrap если сейчас взять и тупо переписать все шаблоны под него станет намного удобнее, и вам проще что то добавлять поскольку не придется изобретать велосипеды. Могу бесплатно оказать любую помошь, занимаюсь разработкой интерфейсов уже более пяти лет. (Являюсь вашим клиентом, можем поработать через тикеты :)
                                          0
                                          правильной дорогой идёте, господа, молодцы. работая несколько лет назад в i-jet я отказался от ваших услуг сравнивая вас с softlayer, на котором i-jet сидел в то время. сейчас — я бы с радостью согласился, что, собственно, я и сделал для своих новых проектов.

                                          единственный нюанс: ну вы видите же что сервера «Intel Xeon E3-1230 8Gb на питерской площадке» очень популярны, что очень логично — это самая правильная рабочая лошадка для любого проекта. предложите бОльшее количество этих серверов, пусть даже чуть дороже, но всегда будет возможность их заказать.

                                          пожалуйста, не вставайте на совковую дорогу «мы купили 10 штук дорогущих 2 x Intel Xeon L5630 2.13 ГГц 48Gb DDRIII и вы, клиенты, должны их быстро сожрать». уверяю вас, вы всё равно в итоге сдадите в аренду эти hi-end сервера. просто это произойдёт не сразу, потому что не каждый проект вырастает до размера, которому нужна такая мощность в рамках одной машины.

                                          надеюсь на успешное сотрудничество, ваш клиент.

                                          Only users with full accounts can post comments. Log in, please.