Disclaimer: The views expressed in the blog post is purely based on personal experience. It was not influenced by any external factor.

When Google launched Tez (now 'Google Pay') in India during 2017, their primary goal was to design a simple payment app to replace cash. And, thanks to their rewards program that went viral among the users. The rewards program that involved the scratch cards, became a conversation starter. (You might have come across someone asking you "How much did you win in Google Pay?").

當Google在2017年在印度推出Tez(現在稱為“ Google Pay”)時，他們的主要目標是設計一個簡單的支付應用來代替現金。 而且，由于他們的獎勵計劃在用戶中廣為傳播。 涉及刮刮卡的獎勵計劃成為談話的開始。 (您可能遇到一個人問您“您在Google Pay中贏了多少錢？”)。

During their 3 years of existence, they've worked on several iterations to make the app better. They tried new technologies like the Audio QR code (AQR), which uses audio frequencies to communicate with nearby devices to enable payments, but later moved on to using traditional QR code.

在他們存在的3年中，他們進行了多次迭代以使應用程序更好。 他們嘗試了新技術，例如音頻QR碼(AQR)，該技術使用音頻與附近的設備進行通信以實現付款，但后來轉而使用傳統QR碼。

But, in the process of making the app simple, the product team has made a few compromises on usability. For example, a product that has 67 million monthly active users does not have a search bar on its home screen! They missed adding some very basic features that could have enhanced the user experience by several-fold.

但是，在簡化應用程序的過程中，產品團隊在可用性方面做出了一些妥協。 例如，每月有6700萬活躍用戶的產品的主屏幕上沒有搜索欄！ 他們錯過了添加一些非常基本的功能，這些功能可能將用戶體驗提高幾倍。

In this blog, I have analyzed the shortcomings of Google Pay from a user's perspective and have also designed mocks to show how we can overcome those shortcomings with subtle design changes.

在此博客中，我從用戶的角度分析了Google Pay的缺點，并設計了模擬程序來展示如何通過微妙的設計更改來克服這些缺點。

少了什么東西？ (What's missing?)

Before getting to the solution, let's take a quick look at what's missing in the current version of Google Pay.

在開始解決方案之前，讓我們快速看一下當前版本的Google Pay中缺少的內容。

負空間過多 (Too much Negative space)

When you open the app, the first thing you see is the GPay logo followed by a subtle, minimal illustration of a landscape. The top 30% of the app screen which could've been used to house a ton of key features and functions is left blank. Why!

打開應用程序時，首先看到的是GPay徽標，其后是一個微妙的，最小的景觀插圖。 應用程序屏幕的前30％可以用來容納大量的關鍵功能，而這些內容留為空白。 為什么！

The most basic thing they could've done is added a search bar (something Google is good at since their launch in 1998).

他們可以做的最基本的事情就是添加搜索欄(自1998年Google推出以來，Google擅長的這件事)。

沒有收藏 (No Favorites)

The next section after the landscape is where you see the contacts to whom you've sent money recently. But, the issue with this section is the arrangement of contacts.

風景之后的下一部分是您看到最近向其匯款的聯系人的地方。 但是，本節的問題是聯系的安排。

There is no way to pin or favorite the most frequent contacts or businesses for quicker payments. And, when you click on the 'Show more' button, the list is endless. And, you can't search or alphabetically sort your contacts. It is messy and confusing for a user like me.

無法鎖定或收藏最頻繁的聯系人或業務以更快地付款。 而且，當您單擊“顯示更多”按鈕時，列表無窮無盡。 而且，您無法搜索或按字母順序對聯系人進行排序。 對于像我這樣的用戶而言，這是混亂且令人困惑的。

新付款按鈕 (New Payment Button)

The '+ New payment' button, which is the primary CTA, hovers over the contact icons which makes it difficult to see sometimes. And, Google did not make use of the 'long press' feature, which they've pretty much had everywhere on Android and some of their apps.

主要的號召性用語“ +新付款”按鈕懸停在聯系人圖標上，這有時很難看到。 而且，谷歌沒有利用“長按”功能，他們在Android和某些應用程序中幾乎都使用過該功能。

Imagine long pressing the '+ New Payment' button and you get options like 'self-transfer', 'scan QR code', 'money transfer', etc. That would've taken the user experience to a whole new level.

想象一下，長按“ +新付款”按鈕，您會得到“自動轉賬”，“掃描QR碼”，“轉賬”等選項，這將使用戶體驗提升到一個全新的水平。

推薦和付款活動 (Referrals and Payment Activity)

Google Pay focuses a lot on the referrals. I came across three CTAs on the main screen that nudges you to invite or refer your friends to Google Pay. Another area that I felt lacking was the payment activity section. The payment activity section doesn't give you an option to search for a specific transaction by month, date, or category. And, the option to share the receipt of a transaction is positioned behind another click. Instead, they could've had a share icon next to the transaction, or a share option when someone long presses on a transaction.

Google Pay將重點放在引薦上。 我在主屏幕上遇到了三個CTA，這會促使您邀請或推薦您的朋友使用Google Pay。 我感到缺乏的另一個領域是付款活動部分。 付款活動部分不提供按月，日期或類別搜索特定交易的選項。 并且，共享交易收據的選項位于另一個點擊之后。 相反，他們可能在交易旁邊有一個共享圖標，或者當某人長時間按下交易時有一個共享選項。

最大的可用性問題 (The Biggest Usability Issue)

The biggest issue with Google Pay is, being a search giant, Google did not make the best use of search within the app.

Google Pay的最大問題是，作為搜索巨頭，Google沒有充分利用該應用程序中的搜索功能。

解決方案 (The Solution)

After considering all the usability issues, I asked myself

考慮了所有可用性問題后，我問自己

"How would I redesign the home screen of the app so that it is easy for a user like me!".

“我將如何重新設計應用程序的主屏幕，以便像我這樣的用戶容易使用！”。

I put on my thinking hat and started designing the solution.

我戴上思考帽，開始設計解決方案。

搜索欄和快捷方式 (Search Bar and Shortcuts)

First, I made a list of all the frequently performed actions in Google Pay and it came down to a short list. They are,

首先，我列出了Google Pay中所有經常執行的操作，然后將其歸為簡短列表。 他們是，

And, in the current version of the app, the home screen is blank and you find payment options like bank transfer, QR code, etc. only if you click on the '+ New Payment' button.

而且，在該應用程序的當前版本中，主屏幕為空白，只有單擊“ +新付款”按鈕，您才能找到銀行轉帳，QR碼等付款方式。

Keeping that in mind, I decided to redesign the first 30 percent of the screen that was left blank in the app.

考慮到這一點，我決定重新設計應用程序中空白的前30％屏幕。

I added a search bar and a couple of key shortcuts that we use more frequently. I added other frequently used options but hid them under an expand/collapse menu. The search bar allows users to search for a contact, business, or a vendor for bill payment.

我添加了一個搜索欄和一些常用的快捷鍵。 我添加了其他常用選項，但將其隱藏在展開/折疊菜單下。 搜索欄允許用戶搜索聯系人，公司或供應商以支付賬單。

I placed the rewards icon on the top left corner making it easy for users to access their rewards. After the redesign, it looked something like this.

我將獎勵圖標放置在左上角，以便用戶輕松訪問他們的獎勵。 重新設計后，它看起來像這樣。

收藏夾 (Favorites)

The second thing I worked on was the contacts section.

我從事的第二件事是聯系人部分。

I want this section to allow users to pin their frequently used contacts as favorites. They can see up to 7 of their favorite contacts on the home screen. If they want to see more favorites and other recent contacts, they'll have to click on the 'Show all' button.

我希望此部分允許用戶將其常用聯系人固定為收藏夾。 他們可以在主屏幕上最多看到7個他們喜歡的聯系人。 如果他們想查看更多收藏夾和其他近期聯系人，則必須單擊“顯示全部”按鈕。

If you wish to add a contact to your Favorites section, you can choose the 'Add to Favorites' option when you're sending money to a contact. Another way is to have a star icon next to each contact (like how we bookmark webpages) would also do the job.

如果要將聯系人添加到“收藏夾”部分，則在向聯系人匯款時可以選擇“添加到收藏夾”選項。 另一種方法是在每個聯系人旁邊都有一個星形圖標(例如我們如何為網頁添加書簽)也可以完成此工作。

You can add or remove contacts from the Favorites section by clicking on the More icon (three dots) next to the Favorites section.

您可以通過單擊“收藏夾”部分旁邊的“更多”圖標(三個點)來從“收藏夾”部分添加或刪除聯系人。

This way you can quickly send money to your frequent contacts.

這樣，您可以快速將錢發送給經常聯系的人。

I removed the 'Businesses & Bills' section from the home screen as I wanted it to be subsumed under the 'Show all' option.

我希望將其包含在“顯示全部”選項下，因此從主屏幕上刪除了“企業和帳單”部分。

Instead of 'Businesses & Bills' I have added the Promotions section followed by payment activity, checking your available balance and the banner to promote rewards for inviting your friends to use Google Pay.

我沒有在“業務與賬單”中添加“促銷”部分，而是在其后進行付款活動，檢查您的可用余額和標語，以宣傳邀請您的朋友使用Google Pay的獎勵。

付款活動 (Payment Activity)

I've also made a few enhancements to the payment activity section.

我還對付款活動部分進行了一些增強。

The 'smart search' bar at the top of the page will allow you to look for a transaction based on the month, vendor, or the amount paid.

頁面頂部的“智能搜索”欄可讓您根據月份，供應商或已付款金額查找交易。

You can long-press on a transaction or select multiple transactions to share their receipt via WhatsApp, or email.

您可以長按某個交易或選擇多個交易以通過WhatsApp或電子郵件共享其收據。

I've also tried to display the UPI ID of the transaction in the list making it easy to share them with vendors (some ask for the UPI ID after the payment).

我還嘗試在列表中顯示交易的UPI ID，以方便與供應商共享(有些人在付款后要求提供UPI ID)。

每月支出報告 (Monthly Spend Report)

When I sent this blog post to a couple of beta readers, one of the suggestions I got was, it would be nice to have a spend report inside Google Pay. A report that gives you a monthly overview of how much you've paid as bills, how much you've sent to your friends and family, rewards earned, account balance, and so on.

當我將此博客文章發送給幾個Beta版閱讀器時，我得到的建議之一就是，在Google Pay中有支出報告很高興。 每月提供一份報告，概述您已支付的賬單金額，已發送給您的親朋好友的金額，所獲得的獎勵，帳戶余額等。

If you think about it, it need not be an extensive expense report like you get from Walnut or your bank's mobile app. It can be a simple report that tells you how much much you've spent through Google Pay and what's the balance left in your account.

如果您考慮一下，它不必像從Walnut或銀行的移動應用程序中獲得的大量費用報告。 它可以是一個簡單的報告，告訴您通過Google Pay花費了多少，以及帳戶中剩余的余額是多少。

If you're someone who uses Google Pay, then you will have all your transactions in one place. It could also refrain users from using other UPI apps and stick to Google Pay as it helps them visualize their monthly spending in one place.

如果您是使用Google Pay的人，那么所有交易都將集中在一個地方。 它還可以避免用戶使用其他UPI應用程序，并堅持使用Google Pay，因為它可以幫助他們在一處可視化每月支出。

I took the liberty to design a very basic mock of how this would look.

我自由設計了一個非常基本的模擬外觀。

結論 (Conclusion)

If I can design a better, usable version of Google Pay putting myself in the shoes of a user, imagine what product teams could do when they start listening to feedback from hundreds of users. Distilling them and putting them in action would be a great way to deliver an amazing product experience.

如果我可以設計一個更好的，可用的Google Pay版本，讓自己為用戶所吸引，請想象一下產品團隊在開始聆聽數百個用戶的反饋時可以做什么。 提煉并付諸實踐將是提供令人驚嘆的產品體驗的好方法。

And, for a company like Google, if they made use of the elements and interactions that worked for them in the past (things they've learned while improving apps like Google, Gmail, Google Maps, YouTube, etc.), Google Pay would've created a far better user experience.

而且，對于像Google這樣的公司來說，如果他們利用了過去適用的元素和互動(他們在改進Google，Gmail，Google Maps，YouTube等應用程序時所學到的東西)，創造了更好的用戶體驗。

I'm not sure if they'd see it, but I am happy to have learned a thing or two about product design and user experience while working on this case study.

我不確定他們是否會看到它，但是我很高興在進行此案例研究時學到了一兩個關于產品設計和用戶體驗的知識。

I hope you like it!

我希望你喜歡它！

致謝 (Acknowledgment)

I've sent this blog to 23 professionals as part of the beta reading program and I got some amazing feedback. Special Thanks to Vishnu Vardhan, Rohit Viswanathan, Ganesh, and Smriti. They have a huge part in how this article came into shape.

作為Beta版閱讀計劃的一部分，我已將此博客發送給23位專業人員，并且得到了一些驚人的反饋。 特別感謝Vishnu Vardhan ， Rohit Viswanathan ， Ganesh和Smriti 。 他們在本文的形成過程中起著重要作用。

最后一件事... (One Last Thing...)

If you like what you've read, subscribe to the blog, and share it with your friends.

如果您喜歡閱讀的內容，請訂閱該博客并與您的朋友分享。

You can also follow me on Twitter to get updates on what I'm working on :)

您也可以在Twitter上關注我，以獲取有關我正在從事的工作的最新信息：)

Originally published at https://weekendpm.substack.com.

最初發布在 https://weekendpm.substack.com 。