Chat UI design examples

Designing the Future of Banking: Actionable UI/UX Tips for Neo Banks

IntroductionWe have all witnessed how the COVID-19 pandemic has accelerated the pace of digital transformation across industries, and banking is no exception. With social distancing measures and lockdowns in place, consumers increasingly turned to digital banking channels to manage their finances. As a result, we’ve seen a surge in the popularity of Neo-banks, which have disrupted traditional banking models by providing a better user experience through innovative UIUX design.Since we have already explained how UIUX design plays a critical role in the success of Neo-banks, in our previous article, we decided to share some of the best UIUX design tips which can help you design a successful Neo-banks platform in this blog.If you’re a UIUX designer working in the Fin-tech industry or a business owner looking to launch a Neo-bank, this article will provide you with a comprehensive overview of the key UIUX design tips you can implement for the success of the neo-banking landscape & share what does the future of UIUX design hold for neo banks.Let’s begin,5 Actionable UI/UX Design Tips for Neo-banks to overcome user experience challenges:Seamless Onboarding: A crucial element of UI/UX Design for Neo BanksThe first impression is the last. The onboarding process is the first and critical step towards building a relationship with a user. So, ensure the process is streamlined and easy for the user.From simple sign-up forms to personalized welcome messages and tutorials, every aspect of the onboarding experience should be designed with the user in mind. This means ensuring that your design is easy to access for people with disabilities, including those who are visually impaired or have limited dexterity.We recommend avoiding the traditional way of authentication, like entering passwords and one-time codes; instead, incorporating technologies like biometric authentication and digital signatures can help make the onboarding process faster and more secure as banking users are low in patience to check or execute their financial transactions.Revolut, for example, uses AI-powered facial recognition technology to verify users’ identities, making the onboarding process a breeze.2. Simplicity is Key: Prioritize a clean and intuitive dashboardPoor UIUX can impact the success of the neo-bank. So, it is wise to focus on the hallmark of neo-banks which is creating a minimalistic design. Start by identifying the user scenarios and use cases, i.e. if the user handles multiple accounts, design an intuitive user journey to switch from one account to another with ease second, and ensure that the important information is always at the user’s fingertips by preserving a mobile-first design approach.For instance, post logging in, any neo-bank customer would like first to check all their critical financial status information upfront, like balances, transactions and so on. Hence thoughtful information architecture, visual hierarchy, effective use of whitespace, designing for smaller screens, touch interactions, and optimizing for speed is vital. Keeping the design simple and user-friendly can reduce user frustration and improve the overall satisfaction of the customer.Monzo is an excellent example of a neo-bank with a simple and intuitive UI design emphasising ease of use.3. Give a personal touch: Tailor the User Experience to boost engagement and loyaltyIn today’s highly competitive Neo-banking landscape, offering a personalized user experience can be a game-changer for boosting engagement and building customer loyalty. By using data analytics and insights, UX designers can create personalized experiences for their users based on their transaction history, location, and other factors. Neo-banks can provide this by incorporating personalized messaging, customized dashboards, and targeted offers and promotions.For example, the N26 platform has a feature that automatically categorizes users’ spending based on their transaction history, making it easier for them to track their spending habits and plan their further expenses accordingly.3. Engage Users with micro-interactions: Include small animations & gamificationBy adding subtle animations, such as a loading spinner or a checkmark when a task is completed, UIUX designers can enhance the user experience and engage users, improving personality and brand identity; however, animations shouldn’t be overwhelming and distracting to users. Gamification, to is an effective way to increase user engagement and create a fun and interactive user experience by incorporating challenges, rewards, and badges.Chime, for example, rewards users with “Chime Coins” for making purchases with their debit cards.4. Provide Real-time Feedback:Real-time feedback is essential for neo-banks to build trust and confidence with their users. Providing real-time feedback on transactions, balances, and other activities can help users feel in control of their finances, reducing the hustle of visiting the bank or waiting till the end of the day for their transaction status update. According to the nudge theory, banking AI context-based suggestions, which are powered by analytics & big data, can provide an amazing customer experience.For this, you can check how Starling Bank provides real-time transaction notifications and balance updates, helping users stay on top of their finances.5. Streamlining Payment Workflows: For Faster Payment ProcessingProviding quick and efficient payment processing is crucial for Neo Banks to stay competitive. With the rise of instant messaging apps and other fast-paced technologies, users expect payments to be processed quickly and seamlessly.UIUX designers can play a key role in improving payment processing times by simplifying the payment process and reducing the required steps. Additionally, integrating with third-party payment providers and leveraging cutting-edge payment technologies can further improve payment processing times. Ultimately, providing payments faster than instant messaging can be a key differentiator for neo-banks, increasing customer satisfaction and loyalty.Future of UIUX Design for Neo BanksThe future of UI/UX design for neo-banks is likely to be influenced by a number of trends, including personalization, voice and chat interfaces, data visualization, security, and seamless integration.As neo-banks continue to grow in popularity and expand their services, UI/UX designers must stay up-to-date with these trends and find new ways to create interfaces that meet the evolving needs of users and the industry.Overall, the focus will be on creating personalized, intuitive, and secure interfaces that provide a seamless experience for users while also leveraging new technologies and data visualization techniques to help users better understand their financial situation. By embracing these trends and staying ahead of the curve, UI/UX designers can help neo-banks continue to innovate and provide value to their customers in the years to come.Conclusion:Neo-banks need to focus on creating a user-friendly and intuitive interface to make a mark in the digital banking space. By following these tips and incorporating real-life examples, neo-banks can create a compelling and engaging user experience that keeps users coming back.Designing the Future of Banking: Actionable UI/UX Tips for Neo Banks was originally published in Muzli - Design Inspiration on Medium, where people are continuing the conversation by highlighting and responding to this story.

Top 10 Design Feedback Tools Every Designer Should Use in 2023

Credit: FreePikThe web design process has evolved significantly over the past couple of years. More and more agencies now work with remote clients and team members, which underscores the need to streamline the process and ensure creative collaboration between the two.Miscommunication or improper feedback could affect your workflow, delay timelines, and may even lead to work that requires heavy iteration before it’s accepted. To prevent this from happening, it’s imperative that you use design feedback tools.These tools allowed people to collaborate from geographically scattered places and work together overcoming space and time constraints.What are Design Feedback Tools?Design feedback tools effectively replace the conventional note-taking process when gathering feedback from clients. Instead of having clients explain each and every point, a design feedback tool allows them to offer more accurate feedback on individual elements, from subtle changes to the color palette to aligning smaller elements on the screen.Most design feedback tools have a built-in communication module that lets clients explain to designers what it is that they want. Some even have project management functionality built-in, which helps to reduce repetition and offers more transparency in the design process.In short, design feedback tools reduce back and forth between clients, and allow designers to understand exactly what the client wants.What To Consider For A Suitable Design Feedback Tool?Following are some of the key factors you should consider while choosing appropriate design feedback tools.Support for many file typesMarkup toolsVersioningCollaborationStatus trackingWorkflow automationComplianceReview and approvalIntegrationsNow, let’s check the best Design feedback tools & Annotation tools designers should use in 2023.The Best Design Feedback & Annotation ToolsFollowing are some of the best Design feedback tools as well as annotation tools. However, it can be a bit of a challenge to choose the appropriate design review tool and get website design feedback when there are hundred other tools out there.Here, in this collection, we’ll highlight the key features for you to consider when choosing design feedback software and then present the best free and premium tools to compare.Do note that, all design feedback software is created differently. For example, some tools offer support for limited file types, so they might be unsuitable if you are going to have other file types. Some tools let you add comments but not annotations, so the entire review and approval process becomes tricky. So, choose wisely.AtarimAtarim is a design feedback tool designed specifically for digital agencies and distributed teams. It has a handy plugin that designers can install on their clients’ WordPress websites, allowing them to pinpoint the exact changes that they want and leave comments on specific points.Designers can review those screenshots, turn them into tasks, and assign them to specific team members. Any activity updates and comments by the client can be viewed in the dashboard tool by the agency owner and team members.Why Choose Atarim?Can start collaborating within seconds for freeAuto-login lets you quickly log into all of your clients’ sitesExcellent support and a motivated team that regularly adds new featuresReduces the need to use other project management toolsExcellent team tracking options to assign tasks, track progress, time, and performanceRequest live-view screenshots of their website or a specific page, to see exactly what the client sees, including browser version and screen sizePricing:FreeStarter: $16/month — Ideal for a team of 5Expert: $29/month — Team of 10Agency: $41/month — Team of 15Enterprise: CustomizedInVisionInVision is a prototyping, collaboration, and workflow tool powering the world’s best user experiences. It lets you control your design process and allows you to create interactive mockups for your wireframes and designs.Each mockup can be rendered to give a more accurate representation of how the finished product will look. Clients don’t even have to sign up to InVision to leave their feedback; anyone can do so with a link.Once designers share a link, clients can review the mockups and leave their feedback. From replacing icons to changing active elements like the hover state or a popup window, InVision makes it easy for designers to gather feedback before moving ahead.Why choose Invision?Supports various file types, including graphics, video, audio, coding, text, spreadsheets, presentations, and fonts.Collaborate in real-time on the digital whiteboard.Provide in-context feedback on any documentManage and review design status in Kanban-style columns — On hold, In progress, Needs review, and Approved.Create rich, interactive prototypes. Import from Sketch, then gather feedback from any deviceProvides integrations with Sketch, Photoshop, JIRA, Storybook, and more.Limitations:Only available in DSM enterprise.Pricing & Plans:Free: Free foreverPro: $7.95/user/monthEnterprise: Pricing by requestFree trial: Try Pro for freeAlong with the Designer feedback tool, you can also use the User Interface Kits as well. They also help to boost your design process. For example, you can check the Sneat Figma Admin Dashboard Builder UI Kit.Sneat– Figma Admin Dashboard Builder & UI Kit (Best Figma Design System Template & UI kit🤩)The most feature-rich material design system with ready-to-use components and elements for building a seamless user experience.Sneat Figma Admin Dashboard Builder UI Kit consists of 500+ organized components. Besides, this Figma Admin Template UI kit is built with an atomic design system & auto layout. Furthermore, this Figma Design System template also offers 3 dashboards, 100+ Screens, and light & dark modes.You can now kick-start your next Figma project by using just dragging & drop the pre-made components from the Assets panel. Also, you can configure them in the right sidebar. Fast and simple, as it should be.In addition, it also helps you to easily set up colors, typography & border-radius that changes everywhere instantly in UI Kit. Also, this Figma admin dashboard UI Kit template allows you to easily update the state of the component.You don’t need to be afraid to change a variant if you edit a component. The settings you have configured will be saved, such as text, icons, and even size. Thus, it is one of the best Figma UI Kits you will ever need.Features:Atomic DesignAuto LayoutEasy to Customize500+ ComponentsText VariablesWell Organized100% VectorLight & Dark LayoutPixel Perfect100+ Screens and much more…!!Muzli Colors:Muzli color is a library where you can find many ideas and amazing color schemes. You can also discover the best web design inspiration, best websites, best logos, web trends, best mobiles sites and applications, minimalist websites, brutalist websites, innovative illustrations, design features, unique websites, photography projects, and visual art, as well as opinions and articles from design experts across the web and around the world.You can upload the image and pick the color or you can simply select it from the option. This is an endless source of ideas for designers and creative professionals.DesignDropDesignDrop helps designers capture and organize feedback, making the review process significantly more effective and less painful.Why Choose DesignDrop?Draw visual annotations directly onto the image and add comments in the sidebar to specify detailed feedback on the design.Share each design anywhere via a short URL. See the comments and annotations appear in real-time.Use one single reference point for all feedback instead of sifting through multiple email threadsLimitations:JPG and PNG files only.Pricing & Plans :FreeMockFlowMockFlow is a cloud-based tool for brainstorming user interfaces, including UI design mockups, sitemaps, documentation, and design approvals.Why Choose Mockflow?Draw UI collaboratively using role-based permissions, real-time editing, annotated comments, design approvals, and more.Organize each screen in a project by status to give a clear picture of the design’s outcome.Auto-generate design specifications and documentation from wireframes.Easily provide annotated feedback and approve the best variations.Provides integrations with Slack, Confluence, and Trello to provide a seamless workflow for UI collaboration.You can extend your UI workflow with 30+ addons called Power-ups.Pricing & Plans:Basic: freeWireframing: $14/user/monthProduct Design: $16/user/month.Enterprise: Pricing by request.ScreenlightScreenlight offers designers and videographers a simple way to collect clear creative feedback and move their projects forward.Why Choose Screenlight?File types: Upload video, audio, or images.Markup tools: Add comments at the precise timecode and keep the conversation all in one place with threaded comments.Versioning: Upload a new version and we’ll let your project team know there’s a new version for review. (You can also carry over all previous comments to ensure that each change has been made.)Collaboration: Set permissions for each individual, then share the link with relevant stakeholders. Password protects your project or set an expiry date for added security.Pricing:Screenlight has three subscription plans:Free: $0/monthProfessional: $9/user/monthEnterprise: From $500/monthHelioHelio offers a variety of features, including built-in tools for screenshots, annotation markups, presentations, project management, user testing, and prototyping. Additionally, if you’re the sort who likes to develop sites in the browser, you can collaborate on coded sites as well as flat prototypes.Why Choose Helio?Test prototypes, screens, and design ideas with ease and learn from real people in minutes.Create feedback loops, make decisions more quickly, and validate product concepts before investing time into engineering or design.Get reactions to copy, screens, images, or videos wherever you are in your production cycle.FilestageFilestage is a content review platform that gives designers and other creative professionals the power to seamlessly manage the review and approval process. Say goodbye to endless email threads: designers can upload and share their files with stakeholders in a matter of seconds. Those users can then click to add comments directly on your designs.The tool generates an automatic to-do list based on the comments, too, so that you never miss an important piece of feedback. Annotation tools can also help your stakeholders to articulate their thoughts and deliver constructive rather than confusing feedback.Filestage also helps you to track the status of your designs and get documented approval from all of your stakeholders.Key features:Collect clear and in-context annotations on your designsClients and partners can comment without having to sign upStrong version control features to track your designsAn integrated to-do list boosts productivityBounceUsing Bounce, you can easily share ideas on websites, making it ideal if you want to review web pages. Simply enter a URL, and Bounce will take a screenshot of the page. (Or, you can just upload an image file.) Then, you can mark rectangular areas, add comments, and share your reviewed file via a link.Why Choose Bounce?Simple, barebones functionality designed for the sole purpose of gathering feedbackSupports Web pages and images.Click anywhere on your screenshot, and type in what you want to say.Review screenshots, make notes, save them, and bounce them!Limitations:No Integration SupportPricing:Free to useRed PenRed Pen claims to be the fastest feedback tool for visual teams. Simply drag in a design (or a bunch of related designs), and then everyone can collaborate effortlessly.Why Choose Redpen?Markup tools: Point and click to give feedback. Everyone sees comments live as they happen.Versioning: Update or replace each image for every iteration.Collaboration: Ask colleagues and clients for feedback by giving them a private link or inviting them via email.Status tracking: Keeps your team updated about comments, additions, and new versions.Limitations:Supports Only designs and image files.Pricing & Plans:Free Trial for 14 days5 projects: $20/month10 projects: $30/month25 projects: $60/month40 projects: $90/monthThere’s also a free, basic version with no projects — just single uploads that you can share and last for 20 days.DiigoApart from the design feedback tool, Diigo is also an annotation tool that lets you save resources, like web pages, and annotate them from within your browser. Besides, It has an excellent outlining tool that you can use to quickly structure references and links, and then share them with colleagues or clients.It also offers tagging and sticky notes. Clients can even highlight specific text or features and then annotate them. Besides, it is lightweight so easily world with almost any browser and adds a host of different features.Why Choose Diigo?Simple extension with no learning curveIdeal for getting feedback from non-technical clientsOffers all core features at zero chargeSimple annotation-based toolPricing & Plans:Free TrialStandard: $40/yearProfessional: 59/yearBusiness: 120/year/userRuttlruttl is one of the most popular design feedback tools used by over 7000+ teams, that allows your design team to collaborate and easily share visual feedback.Instead of having to remember feedback or scroll through threads of emails to find that one comment, you can easily have everything in one place. All you have to do is add any URL, PDF, or image that you want to review and just start commenting on it. You can even make edits on live websites and toggle between different versions as and when required.Key featuresComment on live websitesMake live CSS changes with Edit modeGuests don’t need to sign up to commentCollaboration with teammatesVideo commentingReview both desktop and mobile webProofhubProofHub is packed with innovative features and is used by designers and developers from many industries. It allows managers to assign tasks and schedule them for team members and also includes several task views.Clients can access wireframes or prototypes, and share their feedback from within the tool itself. ProofHub also has an in-built chat function that clients can use to share their feedback.ProofHub brings scattered files and project-related information all under one roof, helping save precious time for development teams.Why Choose Proofhub?Easy to define custom roles and give access to team membersDirect messaging moduleBuilt-in markup toolsBillable hour trackingIt lets you do proofing, discussion, chat, mention, announcement, email & much morePricing & Plans:Free TrialEssential: $45/month — 40 projects, 15 GB storageUltimate: $150/month — Unlimited projects, 100 GB storageUsersnapUsersnap is a versatile user feedback platform that lets you share visual feedback right in your browser by using point-and-click annotation tools. You can use it for collaborating on new ideas, tracking bugs, and sharing the vision of your product or idea.Why Choose Usersnap?Supported file types are: Click, screenshot, and send. That’s how easy it is to send in-app visual feedback.You can pin comments on the screenshots directly.It also automatically captures Metadata such as URLs, browser info, and console logs.You can prepare product roadmap planning by referencing customer feedback and requesting trends directly.Assign, label, comment, search, and filter feedback to match your team’s workflow.Group, upvote, and assign issues and suggestions in one dashboard so that you can prioritize feedback.It comes with integrated support for JIRA, Azure DevOps, Asana, Github, Trello, Intercom, or 1,500 other third-party integrations.Pricing & Plans:Free Trial for 15 DaysBasic: $9/monthStartup: $69/monthCompany: $129/monthPremium: $249/monthEnterprise: Custom plans from $949/monthCloudAppCloudApp is an all-in-one screen recording tool to capture and embed HD videos, GIFs, screencasts, screenshots, and marked-up images throughout business workflows. You can record your screen as a video with your voice and face, an annotated image, or a GIF and instantly share it as a link to get your point across.Why Choose CloudApp?Add deeper context with annotation.Capture, annotate feedback, and share an instant link with your teammates.It offers powerful integrations with Atlassian JIRA, Slack, Trello, Zendesk, and more.Limitations:Supports only screen recording file typePricing & Plans:FreeIndividual: $9.95/monthTeam: $8/user/month.Enterprise: Pricing by request.Conclusion:Using a design feedback tool is just the first step. To reduce friction and back and forth, it’s also important that you know how to get good feedback. When working with larger clients, always choose specific points of contact, primarily those who know a thing or two about web design.More importantly, it’s best to ask for feedback that you think will help move the project along. Always keep some goals in mind when asking for feedback, and try to ask for examples so you have a better idea of what the client wants.Top 10 Design Feedback Tools 🛠 Every Designer Should Use in 2023 🤘🏻 was originally published in Muzli - Design Inspiration on Medium, where people are continuing the conversation by highlighting and responding to this story.

UX case study — BBC NEWS app android

UX case study — BBC NEWS app androidRecently I was searching for a news app which could pull news from around the globe. After stumbling upon BBC news app, which has over 10,000,000 downloads on play store. I thought, an app with this massive following should reward its users with a rich user-experience but BBC news app in its current state is strung together by some good ideas but heroically falls through on execution of these ideas.Problem and hypothesisReviewing other BBC apps in an attempt to understand the brand ideology and content representation across different platform, I found inconsistencies between their applications which is mostly caused due to conflicts in design guidelines provided by different organisations.I Hypothesised that by changing the user navigation flow and striking a middle ground for design standards, will give developers less headache while developing application while providing a more optimised and rewarding experience for the users.BBC android app.PersonaMy goal was to persuade a new user to use the app and turn him into a regular user. I envisioned a user persona who can be a potential user but avoided a specific user who will be a perfect candidate for their app or one who can be considered their core user.Job Story & ScenarioMy decision to choose job story over the user story was that user story has too many assumptions and doesn’t acknowledge causality. When a task is put in the format of a user story ( As a [type of user], I want [some action], so that [outcome] ) there’s no room to ask ‘why’ — you’re essentially locked into a particular sequence with no context. In contrast, Job story provides as much context as possible and focus on motivation instead of just implementation.framing design problem in a Job, focusing on the triggering event or situation, the motivation and goal, and the intended outcome.Guerrilla Usability TestingFor solidifying my hypothesis and to gather more data on the app from a user perspective. A small test group was given instructions to use the app for a span of three weeks. After three weeks I collected their verdict and overall experience. After analysing the data I found some interesting insight, Most of the users forgot to use the app after a while and didn’t feel motivated to use the app. The poorly executed navigation system was the major reason that the users felt lost and eventually lead to abandoning the app entirely.Identifying and Prioritising Pain PointsFor producing an optimal flow, I had to study and point out what is the pain point in the app. For finding pain points and organising the feedback in one place to get a view for the analysis of all data in one place I utilised affinity mapping.affinity mappingI collected data from the test group and my personal notes in the yellow sticky notes. All the feedback is gathered and arranged in the crude sections which make abstract sections/feature of the app. Blue notes represent a clear idea from all the input received from yellow notes. It helps to make note of all the useful feedback and combine it into smaller chunks for later inspection as we go from the bottom-up process. Each hierarchy represents a clear idea for the development of the feature in understanding the user needs and goal for the app set by the company. Doing this activity helped me to sort through all the comments to get a clear view of what is important for the user while satisfying business goals.Prototype and validationAfter getting a fair idea of what elements should be improved or gotten rid of completely. With help of affinity mapping, I was able to stay on track while experimenting with user flows and improving current UI design elements to fit standards proposed by Apple and Google. I took feedback on the design from my peers and tried to integrate their feedback in the design.1. finalising general layout and navigation bat .2.prototype for the index. 3. variation for stories.4. wire-framing different layout. 5. testing layout for article sectionAfter spending time with wire-framing, I moved to work on sketch to test the idea with much more fidelity. After getting an idea of the app will look in the static images I started to design HI-FI prototype in Invison.you can see and interact with the prototype here.Implementation#1 HomepageCurrent app does a poor job of delivering the content in an intuitive way. It depends on app bar for its navigation, using an app bar for navigation seems clunky and stale. It gets messy very quickly as you have to sort through myriad tabs to reach the desired topic.‘Home’ has to be the home screen of the app so it had to be welcoming and informative. To fulfil that goal I cleaned the UI and made changes to how categories are organised on the home screen, in original design spacing between the article were too tight as it resulted in an unpleasant experience where the user feels confined. Instead of just increasing the spacing, I opted for changing the layout. The Most popular article from each topic has the prominent exhibition in the section of that topic, thus headline of each section draws more attention. Each article has been marked with a tag from where the story belongs. The thumbnail of the story has a band beneath it to indicate its tag by colour. These colour tags are used in the BBC website to distinguish all the content quickly.#1.5 StoriesThe story is the distinguishing feature of the BBC app, But it was hard to locate in the original design. It just needed to be in the spotlight. To fulfil the requirement I put the story on the top section from where every user can see it in the prime spot. It could become a quick way to consume news as it is video-based content delivery in a short period of time. Having an indicator which notifies the user of new stories to make the stories more central element of the app and set apart it from its competition.#2 Navigation barAs I wanted a cohesion between android and Ios version of the app, Navigation should feel same and intuitive rather than just scrolling through tabs. Using a nav bar is the logical solution, as both apple and google support it in their guidelines. Removing the app bar navigation allowed me to allocate more space to the main activity. The navigation bar is divided in 5 section Home | My feed | saved | video | LIVE . Each section is the main feature of the app and now it is in front and centre of the app always at the user’s fingertips.#3 New navigation flowThe user still has to traverse through a myriad of topics, making navigation a painful and tiresome process. I resolved it by implementing a new system for navigation called ‘Index’. In ‘Home’ and ‘My feed‘ there is a line on the right edge of the screen. The index acts as a signifier instead of being an affordance for the user which can be triggered by tapping on it. The user will be carried to an index page where he could rifle through topics which are arranged in a linear manner. the index page gives an alternative, instead of scrolling in the home screen to get to a topic he can achieve the same result in less time. There is an indication on the left side to apprise the user of how many new articles had been affixed to the topics since the last session. The index is a more practical way to access the topics without cluttering the main screen with tabs.#4 My feedSetting up my feed was a very tedious task in the original design. My feed is a great feature of the app, I modified the interface which can bring some colour and playfulness to this screen but won’t distract the user. As you select the topics it provides more relative topics.In Old design traversing through tabs took longer than it needed, every choice that you have selected from my feed will be added to the main navigation. After a while main navigation feels like a dumping ground, I start to lose its purpose.The user gets confused and lost his way around the app quickly which cause the user to select few choices in order to keep the navigation clean.To overcome this obstacle, in my new design ‘My feed’ is similar to the home but has curated content where the home was meant to be more of a general place, My feed has the much tighter layout and packs more topics than home. It has a simple layout without making it difficult for the user to navigate to their favourite topics quickly using Index which is separate from the ‘Home’ section topics.Now there is a clear distinction between the two section and navigation for the two section.#5 Reading an articleReading an article is the most important thing in a news app. I chose a layout which will conserve the integrity of reading. The font weight is varied from the title to the main body to demonstrate different heading. Accessibility features are placed in the app bar for ease of reach. Share and save is led at bottom of the cover image which is most used feature while reading the article.SummaryJust by changing the layout and cleaning up the design to new standards of material design, makes the app more approachable and put the content that matter to the user and business to front-line without compromising anyone’s goals. The new navigation system can be a time saver when the user wants to reach to a topic very quickly. The changes made to the ‘My Feed’ are substantial and encourage the user to interact with it. After getting feedback from the same test group. They were impressed by the improvement in the experience from the proposed design for the BBC app.UX case study — BBC NEWS app android was originally published in Muzli - Design Inspiration on Medium, where people are continuing the conversation by highlighting and responding to this story.

Ultimate Telegram redesign

Introducing the new Telegram. We have tried to rethink the current Telegram in such a way as to bring the user interaction with the application to a new level. In particular, added new functionality, gesture control, user interface has become cleaner and more attractive.

It's Not Violent - Website

SOS Violence Conjugale has been serving victims of domestic violence and all those affected by this issue since 1987. The organization welcomes, assesses, informs, educates and supports victims free of charge and anonymously, 24 hours a day, seven days a week. With its new campaign, the organization wanted to create an interactive experience that educates young people about a more insidious form of domestic violence, hidden in text message communications. Through four scenarios, the user must choose his responses to the sneaky messages of a false partner, in a realistic discussion which comes directly to confront him, with no possible outcome. itsnotviolent.com

Pharmacy App

Please, check our new Mobile App for our customer, the biggest pharmacy retail in Ukraine.

Music Player app sketch

Music Player app sketch resource

Whatsapp Dark Mode Concept

Experimenting with Dark Mode for Whatsapp. Over the Next few Days/Weeks, i'll be trying to re-skin the whole whatsapp into dark mode and maybe do a UI Kit and put it out for everyone to use. Side by side, i'm also learning Principle finally and hope to start posting something that involves motion as well. Keep an eye out. I've recently come to really appreciate Dark Interfaces as they are easy on the eyes and also save a lot of battery specially on Amoled devices.

M - Patient Environment

Hi guys, This is a conceptual app we designed for promotional and research purposes to gather more insights on the communication between doctors, clinicians, and patients. This was done in partnership with Otsuka's Innovation department in New York. Variation of the app actually went live, but for closed clinical trials. You can check the full case study here Best, Filip

Messages & Chats

Messages & Chat .. @Team UINugget ---------------------------------------------------------------- Share some love by pressing 'L' if you like this shot :) We are available for taking your project to the next level. Estimate your project at teamuinugget@gmail.com We design for boosting your business & making feel good to the user to use this.

FitnessKingdom Classes

Remember the dashboard and integrations I posted earlier? Here the user can browse and book classes as well as be notified about all the important activities. Stay tuned for more! Press "L" to show some ❤! Don't forget to check out the Behance presentation! --- We’re available for new projects: design@elpassion.com EL Designs | Website | Medium | Facebook | Twitter | Instagram We’re hiring in Poland! Apply: career@elpassion.pl

Festival art et architecture

Festival art et architecture by Samuel Larocque web design website mobile

Chat/Messenger - App

This is one of my 100 days UI practice plan. Hope u guys like it!

Style At Iz App - Walkthrough & Chatbot

Hello Dribbble! 🛍️ We are very happy to showcase one of our latest projects for StyleAtIz.com new app re-design. Style-At-Iz is the first AI powered assistant that uses stylist guidelines and in related machine learning to compare different outfit choices, awarding them an overall style rating based on advice from stylists & fashion experts. The Personal Stylist app will suggest styles to users, recommend what looks well and compare outfits side by side. The app uses contextual information for where or what event you’re wearing your outfit to, which is often a big part of outfit indecision. Use case for Behance & more Dribbble shots coming soon… Hope you like it! :) For business enquiries: hello@361studio.co ------------------------------------------------------- Get more work on Behance. Find us on our website 361 Studio. Follow us on Instagram | Facebook

Rewind: Dialogue & Chatbot

Watch out! 🤩 Time for something BIG. We’re ready to introduce Rewind – a community sports app with know-it-all chatbots and huge sports library. No more hours spent on searching for info – at any moment the bot is ready to provide information about whatever sports data you need. Just answer a question, see the result and. if needed, share it in any chat – right where you needed it to support your point. Sharing emotions is timeless. For everything else, there's the bot. ┈┈┈┈┈ Looking for a design company? We would love to hear about your needs. Contact us: http://flatstudio.co/contact ┈┈┈┈┈ Flatstudio · Instagram · Facebook · Twitter P.S. Follow us & Like [L] this shot to share the love! 😍

InVision Studio - Spaced App

🎤Another One (In djkhaled's voice 😜) It's crazy how fast you can make these prototypes in Studio 🔥. This is the second part of my Spaced App exploration based on the concept I made for the original challenge by Dann Petty! I've attached the InVision Studio source for ya 👇🏽. Feel free to download, destroy and re-construct. 🎁Grab the Source File 👉🏽Play with the prototype here 💖Press L to show some love Not collaborating with InVision yet? Sign Up - Free Forever! ⚡️Made with Studio | 🚀Follow the InVision Team

"VK Messenger" app concept

Hello, Dribbble! My concept of messenger app for vk.com Thx for invite @[871408:Egor Sigaev]

App For Making Friends

Self-isolation is a total disaster for extraverts — pubs and gyms are closed, no crazy parties and movie marathons :( Rather than having fun with friends, you just mindlessly scroll the feed on your phone and do nothing. Our latest design concept is an attempt to prevent sociable folks from boredom. This mobile app aims at bringing people closer together based on their interests and emotional states. Check this out! ❤️ Making friends with people who live in the same area causes more offline activities. Just imagine, you can throw parties whenever you want to. Having friends nearby is cool, which is why we enabled users to find new people on the map. 💬 To create a warm and friendly atmosphere, we decided to opt for bright and vibrant colors. Feedback helps us improve and grow, We’re keen to hear your thoughts! Created by Ilya Sablin The team is available for new projects! Drop us a line: hello@purrweb.com | WhatsApp Join us on: Website | Instagram | Medium | Behance | Facebook

Meal Mentor App – Recipe list and main calendar

Hey all, This design is part of the whole app I designed for Meal Mentor / Happy Herbivore. Sharing more stuff from Meal Mentor mobile app. Here you can see the recipe selection for the week and the shopping list. In the shopping list, you can interact and follow the instructions. You can check some extra sections in the attachments. What is Meal Mentor? It's a Vegan Recipe Startup that removes the guesswork from vegan and plant-based lifestyle for good. Providing a cook-at-home meal plan that can be prepared in as little as 60 minutes during the whole a week.

Rolodex. Side Nav & Tiles

Hey there, This is the third shot of the series of the Rolodex app. Rolodex is basically the contact aggregator for all your social presence connections. There multiple layout views are in place. Even tho the default is rolodex, users can opt for tiles and the list view in addition. The interaction is on its way! Hit "L" on that keyboard to share some 💖 and stick around for future inspiration. Cheers! Instagram | Uplabs | Behance | Twitter | Medium

kChat - Social App

Throwback time! Check out our concept app for learning new languages! We’re available for projects! Write us at hello@invotech.co — www.patrykpolak.com

Community Chat and Contact Directory

Currently taking on new freelance work: Email me at shea@knifeandfox.com

Blue: Live Chat

Hello Folks!I continue with Live Chat designs.As BlueReceipt, I would like to share some of the designs we have done before. We have too many things to share. Will be back with more soon 💥Never hesitate to give feedback 😇Special thanks to @oguzyagiz 🙏🏻Hope you all enjoy it 🎉

Product card | Design concept

Hi, everyone!👋Here is the product card screen for a product, that can be sold by multiple vendors that offers different delivery, payment options and deals.Product card split into 6 main sections:Product images (With a preview slider instead of just dots and FOMO banners);Best offers section that featuring 3 best offers (User can add product to card or buy in just a few steps);Reviews (Basic AI report based on customer reviews data);Customer photos;Customer review;People also buy (Products, that people often buys with this product.)

Chat app concept

Hello Dribbble ! Here is my 1st shot and I hope you will like it. Cheers to @ChiaraColangelo for the invite. I am absolutely thrilled to be part of this awesome community.

KettleMind

Hey Dribbblers, This is Landing screen and Performance Screen of KettleMind which i was posting from long time, It was really fun working on his project, Landing screen contains 7 cards, each with different skills & each skill as nearly 6-7 games to train. Too see all the games icons,Click Here Instagram | Behance | Uplabs