MELD
November 24, 2022

Дневник дизайнера MELD 01

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

Для того чтобы создать лучший продукт, нам необходимо задавать вопросы и рассматривать новые решения для всего. Это не означает, что мы собираемся выбросить ребенка на помойку, но это может быть болезненный и иногда чреватый ошибками процесс. Мы будем совершать ошибки и добиваться успехов. Независимо от результата, мы будем развиваться.

Пользовательский интерфейс

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

Приложение MELD (MELDapp)

MELDapp - это кросс-чейн кошелек, работающий как в качестве не костодиального кошелька, так и в качестве агрегатора расширений таких кошельков, как Nami, Metamask, Trust Wallet, Core Wallet и других.

MELDapp - это основной интерфейс для взаимодействия с протоколом MELD, он выполняет четыре основные задачи.

  • Объеденение активов
  • Перемещение активов
  • Обеспечение доходности
  • Займ активов

Мы хотим, чтобы интерфейс был узнаваемым и понятным в использовании. Это не означает, что он будет основан на том, как кошельки были разработаны в прошлом.

Основы интерфейса MELD

Базовая структура графического интерфейса

Мы разделили основной интерфейс на виды деятельности в верхней части, при этом Account - это основной раздел. Wallet - это место, где вы можете получить подробный обзор всех ваших активов, которые находятся как в самом кошельке, так и связаны с ним через расширение. Staking - это место, где вы можете делать процентные ставки на многие из ваших активов и получать доход. Supply & Borrow - это место, где вы можете предоставлять активы для получения дохода и, если хотите, брать займы под ваши предоставленные активы. И, наконец, Governance для голосования в DAO.

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

Модальность в интерфейсе

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

Пример модальных панелей.

MELD bar

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

Использование красной полосы MELD в графическом интерфейсе

Темное/Светлое Оформление

Примеры темного/светлого режима

Наша дизайн система

В рамках этой работы мы создаем дизайн систему, чтобы дизайнеры и разработчики могли легко создавать новые функции и оставаться в рамках текущего дизайна и языка графического интерфейса (GUI).

Руководство по лого MELD GUI
Руководство по элементам графического интерфейса пользователя MELD

Текущие дизайнерские исследования

Дизайн-исследование собственного мобильного приложения MELD.

Мы также работаем над нативной мобильной версией приложения MELDapp и создаем графический интерфейс, чтобы понять, как он будет выглядеть и как будет работать. Мы поделимся более подробной информацией в этой области в следующем Дневнике дизайнера.

Спасибо Virvus ♥