Journal de conception MELD 01
![](https://post.nghiatu.com/assets/images/m/max/724/1*vnEr856LtVhSD1l7eRgVmg.jpeg)
La philosophie de conception MELD est l'un des aspects fondamentaux du développement des produits MELD. Nous cherchons à résoudre bon nombre des principaux problèmes d'UX et d'interface utilisateur dans l'espace cryptographique au cours des prochains mois. Au cœur de la philosophie se trouve le désir d'être meilleur, quel que soit le succès. Rien n'est jamais parfait ou complet, il peut et pourra toujours être meilleur.
Afin de construire un meilleur produit, nous devons remettre en question et envisager de nouvelles solutions pour tout. Cela ne signifie pas que nous allons jeter le bébé avec l'eau du bain, mais cela peut être un processus douloureux et parfois source d'erreurs. Nous ferons des erreurs et nous aurons des succès. Peu importe le résultat, nous évoluerons.
![](https://post.nghiatu.com/assets/images/m/max/724/1*FUjRl8eKkgnfbuQSdWB8zQ.png)
Interface utilisateur
Une interface utilisateur doit équilibrer la facilité d'utilisation et les avantages pour créer une expérience qui présente un avantage net pour l'utilisateur. Si l'interface est très complexe et apporte peu d'avantages, les gens ne prendront pas la peine d'apprendre comment cela fonctionne. Mais si les avantages l'emportent sur la courbe d'apprentissage, vous avez un produit performant.
L'application MELD
Le MELDapp est un portefeuille inter-chaînes fonctionnant à la fois comme un portefeuille non dépositaire et comme un agrégateur d'extensions de portefeuille telles que Nami, Metamask, Trust Wallet et Core Wallet, entre autres.
Le MELDapp est la principale interface pour interagir avec le protocole MELD, il fait quatre choses principales.
- Actifs agrégés
- Déplacer les actifs
- Fournir pour obtenir un rendement
- Emprunter des actifs
Principes de base de l'interface MELD
![](https://post.nghiatu.com/assets/images/m/max/724/1*zDPd1QBswihIEC7huujVog.png)
Nous avons divisé l'interface de base en activités en haut, le compte étant un aperçu. Le portefeuille est l'endroit où vous pouvez obtenir un aperçu détaillé de tous vos actifs à la fois dans le portefeuille et liés via une extension. Le jalonnement est un endroit où jalonner bon nombre de vos actifs et générer un rendement. Supply & Borrow est l'endroit où vous pouvez fournir des actifs pour générer un rendement et si vous souhaitez emprunter sur vos actifs fournis. Puis enfin Gouvernance pour le vote DAO.
Dans l'interface principale, nous avons grossièrement divisé où se trouve le sujet sur la gauche, dans ce cas, vos ressources numériques. Ensuite, l'adjectif est au milieu pour montrer l'état et le contexte du sujet et enfin, le verbe est à droite où vous pouvez faire quelque chose avec le sujet.
Modalité dans l'interface
La zone d'action (le panneau de droite) est l'endroit où nous introduisons la modalité. Le reste de l'interface reste le même afin que l'utilisateur puisse voir l'actif qu'il a choisi, les détails sur l'actif et son état, puis la zone de droite changera pour faire quelque chose comme fournir ou miser.
Barre MELD
Nous maintenons une barre rouge au bas de la zone centrale à la fois à des fins de marque et comme zone de concentration commune pour les actions communes et clés.
![](https://post.nghiatu.com/assets/images/m/max/724/1*CGmbpDCEm3xjdDNHo890eg.png)
Modes sombre/clair
![](https://post.nghiatu.com/assets/images/m/max/724/1*o_K9NcCG5G-wJQ-GUY0nJw.png)
Notre système de conception
Dans le cadre de ce travail, nous construisons un système de conception pour permettre aux concepteurs et aux développeurs de créer facilement de nouvelles fonctionnalités et de rester dans le langage de conception et d'interface graphique actuel.
![](https://post.nghiatu.com/assets/images/m/max/724/1*MejszK1FTkVl5vf7jDZaBw.png)
![](https://post.nghiatu.com/assets/images/m/max/724/1*mz-HQe7X-4q9hp_2hXX-MQ.png)
Recherche de conception en cours
![](https://post.nghiatu.com/assets/images/m/max/724/1*LsAYayp0bVClXSs_DeMisw.gif)
Nous travaillons également sur la version mobile native de MELDapp et effectuons un travail d'interface graphique sur ce à quoi cela ressemblera et comment cela fonctionnera. Nous partagerons plus dans ce domaine dans le prochain Design Diary.
![](https://post.nghiatu.com/assets/images/m/max/724/1*FUjRl8eKkgnfbuQSdWB8zQ.png)