Сегодня я задался вопросом: что, если бы Microsoft, а не Google, изобрели Gmail? Какие отличия увидели бы пользователи? Что, если применить к нему особенности дизайна Hotmail?
Для начала, вот что мы увидим сейчас, если залогинимся в свой ящик на Gmail:
![](https://habrastorage.org/r/w1560/getpro/habr/olpictures/bc6/0e6/40a/bc60e640a99607850fb08751e0f98192.png)
Прежде всего, мы должны сменить название на что-нибудь более длинное, например Windows Live Gmail. И добавим визуальные элементы, связанные с Windows. Далее, также как и в Hotmail, должно быть меньше места для заголовков сообщений, чтобы освободить место под панель для чтения, на которую поместим пояснительный текст помощи:
![](https://habrastorage.org/r/w1560/getpro/habr/olpictures/c9f/48a/105/c9f48a1056fe1da7d6edb16b7eedb620.png)
В следующей итерации, закомуфлируем чекбоксы рядом с письмами, поместив над ними картинку с конвертом. Разобьём нити переписки(conversations) на отдельные письма. Более того, в этой версии сменим контекстную текстовую рекламу на неконтекстный графический баннер, в котором обязательно должно помещаться как минимум одно изображение из фотобанка. Gmail содержит окошко чата, которое лично я не использую и нахожу назойливым. Поэтому развернем его во всю длину, превратив в полнофункциональный чат-виджет, заслонив тем самым блок с метками. Также немного перенастроим спам-фильтр, чтобы он пропустил несколько спам-писем во входящие:
![](https://habrastorage.org/r/w1560/getpro/geektimes/post_images/a4d/6dd/c29/a4d6ddc29cbd1760cef892e790869fe0.png)
Места для дополнительных баннеров недостаточно, поэтому добавим его сверху, сдвинув всё остальное немного вниз. Чтобы немного поностальгировать, ограничим почтовый ящик двумя мегабайтами (именно столько предоставлял Hotmail, когда появился Gmail со своим гигабайтом в апреле 2004 года). Также, в стиле Microsoft будет сделать отдельную стартовую страницу для почты. Представьте что баннер моргает:
![](https://habrastorage.org/r/w1560/getpro/geektimes/post_images/124/765/0ba/1247650baace0698e0d7fc2c18101a02.png)
Всё равно чего-то не хватает. Возможно, дизайн слишком лёгкий и простой, не хватает гламура. Поэтому затемним цвета и добавим теней. Общепризнано, что Hotmail работает медленней своего конкурента, поэтому добавим сообщений «Загрузка». Чтобы увеличить у пользователей ощущение безысходности, уберем ссылку «Выход». Уберем акцент с поиска, убрав форму вправ-вниз, и заменив её собакой:
![](https://habrastorage.org/r/w1560/getpro/geektimes/post_images/1d6/53f/9f7/1d653f9f736ca0e4c9b812f07dcadf6c.png)
Вуаля, готово! Это было несложно. Ваши способности, их вдохновение!
Для начала, вот что мы увидим сейчас, если залогинимся в свой ящик на Gmail:
![](https://habrastorage.org/getpro/habr/olpictures/bc6/0e6/40a/bc60e640a99607850fb08751e0f98192.png)
Прежде всего, мы должны сменить название на что-нибудь более длинное, например Windows Live Gmail. И добавим визуальные элементы, связанные с Windows. Далее, также как и в Hotmail, должно быть меньше места для заголовков сообщений, чтобы освободить место под панель для чтения, на которую поместим пояснительный текст помощи:
![](https://habrastorage.org/getpro/habr/olpictures/c9f/48a/105/c9f48a1056fe1da7d6edb16b7eedb620.png)
В следующей итерации, закомуфлируем чекбоксы рядом с письмами, поместив над ними картинку с конвертом. Разобьём нити переписки(conversations) на отдельные письма. Более того, в этой версии сменим контекстную текстовую рекламу на неконтекстный графический баннер, в котором обязательно должно помещаться как минимум одно изображение из фотобанка. Gmail содержит окошко чата, которое лично я не использую и нахожу назойливым. Поэтому развернем его во всю длину, превратив в полнофункциональный чат-виджет, заслонив тем самым блок с метками. Также немного перенастроим спам-фильтр, чтобы он пропустил несколько спам-писем во входящие:
![](https://habrastorage.org/getpro/geektimes/post_images/a4d/6dd/c29/a4d6ddc29cbd1760cef892e790869fe0.png)
Места для дополнительных баннеров недостаточно, поэтому добавим его сверху, сдвинув всё остальное немного вниз. Чтобы немного поностальгировать, ограничим почтовый ящик двумя мегабайтами (именно столько предоставлял Hotmail, когда появился Gmail со своим гигабайтом в апреле 2004 года). Также, в стиле Microsoft будет сделать отдельную стартовую страницу для почты. Представьте что баннер моргает:
![](https://habrastorage.org/getpro/geektimes/post_images/124/765/0ba/1247650baace0698e0d7fc2c18101a02.png)
Всё равно чего-то не хватает. Возможно, дизайн слишком лёгкий и простой, не хватает гламура. Поэтому затемним цвета и добавим теней. Общепризнано, что Hotmail работает медленней своего конкурента, поэтому добавим сообщений «Загрузка». Чтобы увеличить у пользователей ощущение безысходности, уберем ссылку «Выход». Уберем акцент с поиска, убрав форму вправ-вниз, и заменив её собакой:
![](https://habrastorage.org/getpro/geektimes/post_images/1d6/53f/9f7/1d653f9f736ca0e4c9b812f07dcadf6c.png)
Вуаля, готово! Это было несложно. Ваши способности, их вдохновение!