Wendy Xiuwen Chen
UX designer at BBC, based in London, UK
About  Email

Quick mock-ups

With the insights I gathered, I began experimenting and iterating on various design approaches and different sets of information.






During my market research, I found that the Google News app uses a native bottom sheet for displaying in-depth information, a feature frequently used across different products.

I shared this design exploration with my team, and we agreed that the bottom sheet component could be well-suited for presenting our weather information. It offers a more engaging and convenient experience, while also providing a native app feel for our audience.




To validate my thinking and make sure it’s technically doable, I also chatted with our engineers from iOS and Android:


“This looks great — I’d love the app to work like that!I think it’s technically doable, but needs quite a lot of consideration…maybe we’d need to get the data from Weather directly, which might be a big challenge”
🧑‍💻Alex C (iOS)


“Technically doable from the Android side - We can control what we want to put on the top bar, as it's now completely customised...some people might not expect this interaction on the top right as that's a place for a menu usually in the material design system - so this might require us to do some user testing to see if people will click it”
🧑‍💻Tom C (Android)


Moving details information into bottom sheet



What details are available to users in the detailed view?




More design iterations




Making Weather icons accessibile for dark mode



Prototypes for two main proposed options