Уважаемые пользователи Голос!
Сайт доступен в режиме «чтение» до сентября 2020 года. Операции с токенами Golos, Cyber можно проводить, используя альтернативные клиенты или через эксплорер Cyberway. Подробности здесь: https://golos.io/@goloscore/operacii-s-tokenami-golos-cyber-1594822432061
С уважением, команда “Голос”
GOLOS
RU
EN
UA
dunsky
7 лет назад

Редизайн интерфейса eSteem

main_preview.png

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

Хотелось бы начать именно так, но пока, это лишь мои фантазии. Предлагаю вам первые наброски переработанного пользовательского интерфейса мобильного клиента @eSteemapp.
preview_01.png
Меня зовут Фил, я иллюстратор, работаю на фрилансе последние десять лет. И хотя я получил образование по специальности графического дизайнера, я не могу назвать себя дизайнером интерфейсов, никогда этим не занимался, но тем не менее, решил попробовать, так как мне очень нравится всё улучшать. Когда возникла потребность следить за уведомлениями из Голоса и Steemit, начал пользоваться @eSteemapp и сразу же мне не понравился дизайн. Он выглядит тяжёлым и устаревшим.

Если вы разбираетесь в интерфейсах и видите какие-то ошибки или у вас будут любые комментарии, пожалуйста, дайте знать. Мы вместе можем сделать лучше. Но даже если вы в этом не разбираетесь, посмотрите как пользователь приложения, что вас смущает или привлекает? Возможно благодаря вашим замечаниям родится что-то красивое :)
preview_02.png

preview_03.png

Процесс поиска

Пока искал то, что мне хотелось бы видеть в финале, появлялось много промежуточных вариантов. Сейчас мне они уже не нравятся, просто хотел показать вам какие ошибки были в начале. К примеру, квадратные превьюшки не вариант, так как в блокчеин уже загружена масса статей и они будут обрезаться, в 99% случаев это испортит предпросмотр. Поэтому придётся взять что-то более-менее стандартное.
preview_02_sketches_searching.png

Светлая тема

Мне нравятся тёмные интерфейсы, просто потому что они выглядят круто, более дружественны к батарейке, если экран устройства на AMOLED и вообще, они отличаются от обычных светлых тем. У меня даже в Photoshop стоит тёмная тема, она меньше перетягивает на себя внимание и позволяет сосредоточиться на работе, как мне кажется. Но и светлые темы тоже нужны, вот вариант. Думаю, можно добавить опцию переключения тем в приложение.
preview_03_light.png

Текущий интерфейс eSteem

Если вы никогда не пользовались этим приложением, вот как оно выглядит на момент написания статьи.
preview_old_current_design.png

Доказательство работы

proof.png

Постил это на Стиме в специальный раздел и там было одно из требований - как-то доказать, что это действительно твоя работа, поэтому приложил скриншот. Я использовал официальное руководство и иконки Android Material Design, которые доступны каждому. Мне гораздо легче работать, когда есть какое-то руководство и очень нравится сама концепция Material Design, поэтому начать было не сложно и хотелось бы продолжить.

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

Исходники в .PSD формате можно скачать здесь.

Что скажете?


Я здесь:

0
8.197 GOLOS
На Golos с July 2017
Комментарии (11)
Сортировать по:
Сначала старые