#outputproject

Constant Output: Week 12 & 13

Creating the Navigation menu 

Moving my app forward, I started to realise that along with me creating more pages on the app for better organisation, this also meant it was harder to navigate and move around the app. For example, in the original design, in order for the user to go to the “Activity” page of the app, they would have to go the main home page and click “See All Activity”. If they are currently on the home page, this would be an easy click, however the problem arises if they are on a completely different page, they would have to click many different back buttons in order to reach it. 

Therefore, in order to make this faster and easier on the user, I decided to include a navigation menu that include: main home, activity, full menu. All of these pages are what would be the most visited pages of the app and thus, by having easy access to them in the bottom, they’d be able to get around the application quicker. 

Main Home revision 

Constant Output: Week 10 & 11 

For this week, I continued to work on the statistics section of app. I got the idea for this feature from the Health app on the iPhone. I like how I’m able to see statistics of my steps, which helps me monitor my activity and how much I walk/move around. 

Constant Output: Week 9

For this week, I chose to focus on the “Activity” section of the app. Rather than just showing the full list of transactions, I really want to include a search bar for the transactions in the event that the user needs to find a specific one. With the search bar, users are able to search for specific names and possibly amounts? 

To help make the search function even more specific, I included 3 different filter options: payment in/out, dates and amount. For the date section, when the custom option is selected, a calendar will pop up which will enable users to pick a specific date time frame. The amount filter might also be revised in the future to include a custom option, however I’m unsure how useful this option will be. 

Constant Output: Week 7 & 8 

Sending Money Selecting Function 

One of the most used functions that I use on the app is “sending money”. The current process of sending money is a series of many dropdown boxes, which is simple enough to understand, however something that I think could be improved.  

Hence, I drew inspiration from a Chinese app which I love to use whilst in Shanghai called “Eleme”. When choosing food options, all of the options are displayed on the page, making it easy for users to look at all the options all at once, without even having to scroll or even scroll. This is especially good for when the options available to users are less than 10. 

As some of the current dropdown boxes of send money page had only a few options for the user to choose from such as the Beneficiary Type and Payment Option, I thought this would be a perfect way to implement this interface. 

Switching between accounts function

From the sketch above, I wanted an easier and smoother way to switch between bank accounts. Currently, users are able to see their accounts on the homepage. However, in order to switch accounts, that would also mean they would have to click to go back several times before they’re able to access their other account. 

Therefore, I wanted to make this much smoother, drawing inspiration from Instagram and the ease of switching between accounts in just 2 clicks. It also makes it clear how to add other EastWest bank accounts and which account you are currently on. 

Full Menu Display

Also seen on the sketch, I wanted to fix the menu options for the app. I think this is one of the most poorly designed aspects and was extremely confusing for me to figure out how to use. First of all, the menu was slider that I think usually works with mobile versions of websites with a few and simple navigation options such as: Home, About, Shop, Contact. However, in this case there are too many menu options that it looks like a long laundry list of words, which I find quite intimidating especially since I don’t know half of what they mean. 

Constant Output: Week 6

Unfortunately, due to working on the midterm video and other assignments, I didn’t have as much time this week to work on my constant output project. I only managed to create 2 new pages. Compared to the original, I personally think the UI is a lot cleaner and easier to use than its current state. 

Constant Output: Week 4 

 https://www.figma.com/file/PiWG6aidPm34gu4IB9tGdK/WIN?node-id=0%3A1

For this week, I decided I wanted to try doing a simple mockup landing page of a women’s network community that me and my friends are thinking of starting. This was just for me to explore more of Figma’s tools and familiarise myself with the software. 

Constant Output: Week 3 - Figma 

https://www.figma.com/file/7I2IG7dmj3rbhHjAFFKf97/East-West-Mobile-Banking?node-id=0%3A1

For my constant output project, I decided to change direction from my initial plan of doing natural dyeing and denim exploration. After listening to Charitssa’s Constant Output project, I also wanted to do something in the same direction, except with using Figma.

I decided to do Figma as I’ve never used it before and I heard it is a tool that many UX designers use to prototype - also it’s free! This constant output project would also be a way for me to help add to my portfolio.

The theme of my Figma projects would surrounnd “reimagined” UI/UX design of apps and websites I use or come across. For this week, I did the East West (bank in the Philippines) mobile app. I’ve used this app fairly often and every time I go on it, I’m always frustrated by how hard it is to use and finding simple functions take a long time to find.

Here, I tried to simplify the interface - hopefully making it more minimalist and intuitive. I drew inspiration from Paypal’s UI and Pinterest. As this was my first time using Figma, I haven’t tried the prototyping feature yet on Figma - something to explore perhaps next week. 

(EastWest’s actual app UI for reference) 

For this week, I have 2 potential output project ideas: 

1. Plant Dyeing 

Continue my personal summer project of natural dyeing with avocado pits and/or onion skins, but with more experimentation - such as introducing an iron mordant to vary the colour.

2.  Denim Exploration

I’m also interested in doing some denim bleaching and painting. I saw a couple of DIYs done on Instagram and Pinterest and I love how personalised the denim pieces become after the customisation.