Hello everyone!
Just a heads up, now that AppSheet is a part of Google Cloud weโre freshening up our UI to better fit with the Google family of products
This new โMaterialโ look will only affect colors, fonts, and icons. Itโs still the same AppSheet under the hood! Hereโs a sneak peak of whatโs coming:
How will this change affect the UX that the actual app user will see?
None at this point.
Would love feedback from all of you โ especially around the editor which many of us live in every day.
No change to the app UX โ this is only about website and editor changes
Thanks Praveen! I like first change for โMy Appsโ (It looks clean), but there are a few things in the Editor that I would recommend changing.
And also, iโve never found a use for the recommended added views that appear next to the โ+โ button at the top. Maybe this is just me, or maybe other users feel the same way, I donโt know. But that clutters up the screen in my opinion.
Rather than these small things, good job!
This is what I envision in my headโฆ
Comparison
I am not a design expert by any means, but this is my feedback. Still, the changes that AppSheet are about to make are a big step forward from a design standpoint! It looks much cleaner!
This is just my opinion, others might disagreeโฆ
I agree with the add views. This is nice for new comers but gets annoying fast. We should have the ability to turn this off in account settings for All our apps.
Totally agree. I like the new UI overall, but thatโs a big section of โfront-and-centerโ screen space to give up for auto-suggestions that rarely get used.
Maybe all the suggestions could be nested inside the (+) button, so that you choose to add a view first, then see suggestions.
Maybe like thisโฆ
Yes, but Iโd condense it even further, removing the entire row with the large plus button. Then just shorten the search bar row to add the (+) button there.
I think theyโve done a great job of keeping the same overall layout and applying the Material theme and Google โfeelโ. But I saw that whole section as a waste of screen space before, and it seems even worse now, with the extra padding that Material adds. Iโm sure some new users find the suggestions useful, but they take up a lot of room in the first place you look and just get in the way for some users.
That was carried over from the old UI though, not part of the new update. I think the new UI is awesome. Just not a fan of the suggestions taking up so much space.
Thisโฆ
Compared toโฆ
Dang, youโre fast! Yeah, that looks way better than all the suggestions having their own box.
Thanks! I use google drawings and screenshots
I agree. I have yet to use a recommended view to create. Iโd rather have that real estate for something else.
The other suggestions look good, as well.
I agree 100% on the first one, that would help me a lot.
I AM AMPED! Loved the Google Material system! As a Graphic Designer each post I see about UX/UI for app design or the editor gets me more excited for the future of this platform. Thank you AppSheet and Google team for your constant dedication to improving your platform!
Not a big fan of the New logo Icon.
But WOW, โAppSheetโ sure does look good in Product Sans!
I assume this means AppSheet font list is going to include Montserrat now?
With any luck weโll be able to get access to all of Googleโs fonts.
Yes, this would be great!
Exactly my thoughts/hopes. But for me if I can at least finagle Montserrat; its a win!
Love it, just looking for a native dark theme to help my delicate eyes. Especially since everything in the default Material theme is even brighter than the current theme.
Yes please dark mode is a must for us that love the dark
Dark mode chrome, gmail, youtube, slack, and my IDEโs. Add appsheet to that list and Iโd be in heaven.
I could live with that. Though my preference would be a true amoled dark mode (ie black pixels are off), that would work for me, or matching the colors to the dark mode here in the community.
I know its been mentioned before when topics asking for darkmode come up, but iโll mention it again here. There are extensions for Chrome or Firefox for making websites darker / easier to read. Here is my google cloud console with the Chrome extension โDark Readerโ enabled:
AppSheets redesign would look similar to the above when using the extension.
Iโve played with some of those. Theyโre fine, but the AppSheet editor is already kind of a heavy website and pretty much all of them work by post-processing.
It would be better native to AppSheet. Maybe like thisโฆ
White Mode
Yes! This!
Looks amazing; have always been a fan of Googleโs aesthetic. Has a much more professional feel to it.
AWESOME! I canโt wait to start using it! I think it looks great overall, and Iโm really excited to see whatโs next now that weโre in the Google ecosystem.
The one thing that stands out is, thereโs a lot of wasted space around the emulator preview.
It would be awesome to see the sync time displayed there again! That was really helpful during development when performance testing and trying different formulas.
I would also love to see the sync time back again.
Yeah, I have always wondered why that was taken off.
Agreed! There is plenty of screen real estate. It is so helpful to have it right there.
I do hate to say Iโm not the biggest fan of the google aesthetics as a whole. Maybe adding different themes with slight changes to the new UI at a later point would be a possibility.
Maybe Like This
Awesomeness like the new look
Love all the comments, suggestions, and mockups so far! 100% agree, still a lot of room for improvement. This is but one of many iterations to come, so please keep the conversation going, weโre taking a lot of notes
This is what I love about Appsheetโs relationship with the community. You guys have something really special here
List of Suggestions so Farโฆ
1. Logo
--compared to--
2. Dark Mode/Light Mode (Maybe White/Gray/Black?)
3. โSee Suggestionsโ button instead of showing suggestions every time
4. Put + button, search bar, link to documentation about views (i), and 4 squares button on same line
5. Sync Analyzer in Emulator
6. Bolder Vertical and Horizontal Menu Options
7. Themes/Changes
8. Wasted Space around emulator preview
9. Fonts
10. โCommunityโ added to top menu next to "Save"
Mock Up Editors (Open to suggestions!)
Please reply to this post if you would like me to change anything on the mockup suggestion editor. Thanks!