ゼファーネットのロゴ

Trelloの新機能の重要なUXレビュー

日付:

著者プロフィール写真

@アダムファードアダム・ファード

リードUXデザイナー–スタートアップがアプリの使いやすさを向上させてエンゲージメントを高めるのを支援

2011年に発売されたTrelloボードは、私たちの多くにとって最初のかんばんボードでした。 創業以来、Trelloは長い道のりを歩んできました。 またはそれを持っていますか? 他の多くのツールとは異なり、Trelloは、不必要な複雑さを回避する可能性のある主要な新機能を導入していません。

ただし、この記事は、Trelloの製品チームの思考プロセスについて熟考するためではなく、アプリに最近導入された「新しいもの」について2021セントを提供するために作成しました。 もちろん、「新しいもの」は、XNUMX年XNUMX月にプレミアムアプリバージョンが導入されたことです。

⚠️免責事項:以下のすべてのコメントは、教育および娯楽目的のみを目的としています。 Trelloのデザイナーは新機能に一生懸命取り組み、キラーな仕事をしました。 しかし、素晴らしい製品をさらに大きくする方法を考えるのは楽しいだろうと思いました。

それでは、飛び込みましょう!

Trelloのイラストについて

犬が世界を乗っ取っている

あなたは猫の人ですか? 残念な。 猫は現在絶滅危惧種です。 少なくとも製品のブランディングでは。 これはTrelloのUXデザインについてのコメントではありませんが、非常に多くのブランドが犬をテーマにしたデザインを開発していることに気づかずにはいられませんでした。 いくつか例を挙げると、TrelloのTaco、LoomのLuna、Dogecoinsです。

犬に対して何かがあるわけではありません。 かつて猫が支配していたブランディングの世界が、犬のシェアも徐々に獲得しているというのは、ただの魅力的な観察です。

突然すべてのランディングページがどのように見え始めたかに気づきましたか ident .. かなり似ていますか? 私たちもやりました。 スクリーンショットの隅にあるXNUMXつの図を見てください。 おなじみですか? –おなじみの原因。

たぶんそれは最近人々がイラストを描く方法です。 

また、それは私たちだけですか、それともTrelloのイラストは実際にはストック画像のように見えますか? ソースが見つからなかったため、それらが正しいかどうかはわかりません。 しかし、イラストレーターがデザインに一生懸命取り組んだ場合、起こりうる最悪の事態は、誰かがそれをストックイメージだと思い込むことです。 

ストックイメージの使用には何か問題があります。通常、より大きなアプリがカスタムで本物のビジュアルで目立つことを望んでいるだけです。

一貫性について

一貫性は、私たちがよく耳にする設計マントラのXNUMXつです。 当然そうです。 一貫性のある設計は、ユーザーにとっては覚えやすく、設計者にとっては維持しやすいものです。 これを念頭に置いて、Trelloの次のスクリーンショットコラージュを見てみましょう。

複数のスタイルのイラスト、ミニマルな輪郭のアイコン、ミニマルな塗りつぶされたアイコン、詳細なアイコン、画像がすべてXNUMXつのアプリに含まれています。 私たちの謙虚な意見では、それは少しです。 私たちは通常、単一の設計方向に固執しようとします。それは、 スタイルガイド.

もうXNUMXつ気付いたのは、「カードを追加」ボタンの配置に一貫性がないことです。 下のスクリーンショットでは、地図とタイムラインビューを並べて表示できます。 配置はさておき、左側にも「+」があり、右側には何もありません。

視覚的な一貫性はさておき、タスクの日付の使用パターンで気付いたことがあります。

下のgifを見てください。 タスクを作成して期限を割り当てると、カレンダーモードで表示できます。 期限が割り当てられると、カレンダーモードでタスクを直接移動できます。 かなりきちんと。

そして今、このgifを見てください🔽

現在、タイムラインビューになっています。 開始日と期限の観点から、タスクを拡張することはできます。 ただし、マウスでタスクを移動したり、ボード間でタスクを移動したりすることはできなくなりました。 はい、タスク全体を移動する代わりに、開始日と終了日を移動できますが、それは余分なクリックです。 誰もそのための時間はありません🙂

アクセシビリティについて

全体として、プラットフォームのアクセシビリティに関する大きな問題は、XNUMXつを除いて気づきませんでした。 背景のあるボードは読みやすいものではありません。 

機能の命名について

同様の機能は、多くの場合、同様の名前を持っています。 標準の「サインアップ」、「ログイン」、「タスクの作成」などがあります。これらの普遍的な命名標準は、使い慣れた製品言語がユーザーがすでに持っているメンタルモデルを利用するため、ユーザーがアプリをナビゲートしやすくします。

そうは言っても、Notion、Asana、Monday.comには、機能とその命名の両方の点で統合と自動化があります。 Trelloはどうですか? ええと…Trelloにはバトラー…とパワーアップがあります。 そのようなアプローチは、明確さの原則に反すると主張する人もいるかもしれません。 UXライティング.

Trelloのチームは、おそらく前述の問題に取り組むために、ヘッダーの下に字幕を含めました。 おそらくそれはTrelloのチームが自分たちを差別化したかった方法のXNUMXつですが、私たちは個人的にはもっと簡単な名前に固執していたでしょう。  

テンプレートについて 

テンプレートからボードを作成するときに、最初に混乱したのはこれらのユーザーでした(下のスクリーンショットの矢印を参照)。 これらの人々は実際のユーザーですか、それともダミーアカウントですか? 彼らは私の新しいボードにアクセスできますか? 奇妙な。

ダッシュボード上

持って ダッシュボード 素晴らしいアイデアです。 ただし、ユーザーは下に隠されているカードを見つけられない場合があります。 私たちは確かに、必要な速さでタイルを見つけることができませんでした。

ダッシュボードで気付くもうXNUMXつのことがあります。 以下のダッシュボードモーダルをご覧ください。 過度に単純化された外観(背景)から、フローのXNUMX番目のモーダルのこれらのラジオボタンにどのように移動するかに注目してください。 これらのラジオボタンは、他のデザインとは合わないようです。 意図的であろうとなかろうと、CSSが欠落しているように感じます。

私たちが提案する最後の改善は、これらのチャートのプレビューを作成することです。 Google DataStudioがこれを行う方法は次のとおりです。

オンボーディングについて

アプリは一見シンプルに見えますが、改善を検討する点についていくつか考えを共有しようと思いました。

以下のスクリーンショットをご覧ください。 アカウントをビジネスクラスにアップグレードすると、チェックリストが表示されます。 チェックリストのアプローチは問題ありませんが、Trelloチームが実践による学習アプローチを採用することを決定した場合、オンボーディングはさらに優れていると考えました。

したがって、チェックリストの代わりに、システムは、ユーザーが必要なパワーアップを選択してセットアップし、ボードやタスクなどを作成するのに役立つ可能性があります。

現在、自動化のオンボーディングは、上記のチェックリストよりもさらにインタラクティブではありません。 箇条書きのリストを提供するだけでなく、システムが最初の自動化の作成に役立つことを本当に望んでいます。

以下に、Trelloが取るべきだったと思われるアプローチの図を示します。 これは通常、「実践による学習」と呼ばれます。 これは、ユーザーが製品に不可欠なタスクを完了する間、ユーザーの手を握ることを伴います。 さまざまな種類のオンボーディングについて詳しく知りたい場合は、次の記事をお気軽に読んでください。 UXでのオンボーディング.

他のツールからの移行について

チームのタスク管理をTrelloに移したいとします。たとえば…Asana。 この記事を書いている時点では、それを行う方法はありません。

たとえば、Notionは、Evernoteからタスクを簡単に転送する方法を開発しました。これは、間違いなく、一部のユーザーが手動転送の恐怖を回避するのに役立ちました。 Trelloが人気のあるアプリでも同じことをしてくれることを望んでいます。 

競合するアプリを使用するユーザーの最大数がTrelloに切り替わるようにするには、ユーザーの意欲を高め、Trelloの採用を容易にする必要があります。 その場合にのみ、切り替えを要求するトリガーが機能します。

これは、フォッグ動作モデルとして知られている概念です。 これについては、この記事で詳しく説明します。 UXとSaaSの収益化.

メモを閉じる 

Trelloが新しい機能を導入するのを見るのは素晴らしいことです。 私たちは新しいものに興奮しており、チームが期待する結果を達成することを願っています。

私たちの読者であるあなたが私たちの考えを有用または面白いと感じたことも私たちが望んでいることです。 または両方、おそらく。 いずれにせよ、最後まで頑張ってくれてありがとう、そして私たちの新しい記事を見てください!

以前にhttps://adamfard.com/blog/trello-ux-reviewで公開されました

タグ

ハッカー正午に参加

無料のアカウントを作成して、カスタムの読書体験のロックを解除します。

PrimeXBTをチェックアウト
ACミランの公式CFDパートナーとの取引
暗号を取引する最も簡単な方法。
ソース:https://hackernoon.com/a-critical-ux-review-of-trellos-new-features-iif350b?source = rss

スポット画像

最新のインテリジェンス

スポット画像