Setting Section for Finance App
Researched Phase:
- User Interviews: Conducted interviews with a sample of users to understand their pain points and frustrations with the current settings page. Asked about their preferences, what options they used most frequently, and what difficulties they encountered.
- User Surveys: Distributed surveys to a larger audience to gather quantitative data on user preferences and usage patterns related to the settings page.
- Competitor Analysis: Analyzed the settings pages of competitor apps to identify best practices and areas for improvement.
Defined Phase:
- User Personas: Created personas based on the insights gathered from user research to represent different user groups and their needs.
- User Journey Mapping: Mapped out the typical user journey related to accessing and modifying settings within the app to identify pain points and opportunities for improvement.
- Defined Success Metrics: Determined key metrics to measure the success of the redesigned settings page, such as task completion rates and user satisfaction scores.
Ideated Phase:
- Brainstorming Sessions: Conducted brainstorming sessions with the design team to generate ideas for redesigning the settings page. Encouraged creative thinking and considered various approaches to simplify the interface and improve usability.
- Sketching and Wireframing: Created rough sketches and wireframes of different design concepts for the settings page. Explored different layouts, navigation structures, and visual elements.
Prototyped Phase:
- Interactive Prototyping: Developed interactive prototypes of the most promising design concepts using prototyping tools like Figma or Adobe XD. Included navigation between different settings categories and interactions for changing settings.
- Usability Testing: Conducted usability testing sessions with representative users to gather feedback on the prototype. Observed how users interacted with the redesigned settings page, identified any usability issues, and iterated on the design based on the feedback received.
Tested Phase:
- A/B Testing: Implemented A/B testing to compare the performance of the redesigned settings page against the current version. Measured metrics such as task completion time and user satisfaction to determine which design performed better.
- Iterative Testing: Continuously gathered feedback from users and iterated on the design based on their input. Made incremental improvements to address any remaining usability issues and optimize the settings page for a better user experience.
Implemented Phase:
- Finalized Design: Incorporated feedback from usability testing and made any necessary refinements to the design.
- Collaborated with Developers: Worked closely with the development team to ensure the smooth implementation of the redesigned settings page. Provided them with detailed design specifications and assets to guide the implementation process.
- Quality Assurance: Conducted thorough testing of the implemented design to ensure that it functioned as intended across different devices and screen sizes.
Evaluated Phase:
- Post-launch Evaluation: Monitored the performance of the redesigned settings page after it had been rolled out to users. Analyzed user feedback and usage data to assess whether the design improvements had achieved the desired goals.
- Iterated Based on Feedback: Used the insights gained from post-launch evaluation to inform future iterations of the settings page. Continuously iterated on the design to address any emerging issues and further optimize the user experience.
Reviews
2 reviews
You did a solid job on the settings page. The organization of categories, the clean design, appropriate spacing, and relevant icons all contribute effectively. The microcopy that briefly informs users about each category's contents is particularly impressive. It would be nice to see similar descriptions on the initial page, which includes Payments and Transactions.
You've detailed the design process well. In the same way, I would appreciate a demonstration or explanation of the app’s navigation, possibly through an interactive prototype.
With this advice applied, I believe your work could really shine!
Shivyank, I appreciate the thorough breakdown of your design process—it’s great to see the stages clearly laid out. However, the text feels a bit formulaic, and without concrete details, it’s hard to fully believe each step was carried out as described. For instance, if user interviews and personas were developed, it would really strengthen the case to include specific insights or even just the number of users involved. Likewise, showing the actual sketches, prototypes, and A/B testing versions would make it more convincing and give us a window into your design thinking.
That said, I do like the simplicity and functionality of the design—it’s clean and standard, which works well for a finance app. A couple of visual notes: in dark mode, the white square around the profile picture feels out of place and might be an oversight. Also, the background gradient doesn’t seem to enhance readability or add to the design, so it might be worth reconsidering.
You might also like

Sojo NFT Marketplace

From Idea to Full-Stack Web App

Docto

Hulu Through My Eyes - A Cinematic UI Exploration (unofficial)

Fundraising Website
