Тёмный

We Had a UX Designer Fix Our Power App Part 1 

Bulb Digital
Подписаться 32 тыс.
Просмотров 58 тыс.
50% 1

Опубликовано:

 

14 окт 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 77   
@chrisnelson3552
@chrisnelson3552 2 года назад
This is probably one of the best explanations/examples of what a UX designer does I've ever seen. Very nice!
@BulbDigital
@BulbDigital 2 года назад
Thanks so much Chris! Glad we could help.
@washingtonalmeida75
@washingtonalmeida75 2 года назад
I normally give thumbs up for most videos I watch on RU-vid to honour the RU-vidr's time on putting video together (if you ever done any video editing, however small, you know how long it takes and you start respecting others more for it). This video series, though, definitely deserves my Like (and a comment) for the great content they put up for us. Well done, chaps!
@BulbDigital
@BulbDigital 2 года назад
Wow, thanks Washington! We love comments like this. It's definitely more laborious than most would think. Glad we could help, we'll keep them coming!
@HenryE100
@HenryE100 2 года назад
For the gallery, if you put in select(parent) for the objects then put in 'on select' of the gallery the navigate code, you don't need to put in a button.
@BulbDigital
@BulbDigital 2 года назад
Great tip, thanks Henry!
@JONATHONBASHAM
@JONATHONBASHAM 2 месяца назад
Came here just to say that. Much cleaner look without an extra element.
@alfredotorresj
@alfredotorresj Год назад
This is one of the best videos I've ever seen about PowerApps. THANK YOU guys! for sharing this knowledge.
@BulbDigital
@BulbDigital Год назад
Happy we could help!
@CloudhoundCoUk
@CloudhoundCoUk Год назад
Being dyslexia myself I found your two videos brilliant. Thank you.
@BulbDigital
@BulbDigital Год назад
That is really great to hear! We're happy our videos resonated with you 😊
@MrGomezJr
@MrGomezJr 5 месяцев назад
@7:27 While you're in the neighborhood of adding an on select to the button, it's good to add the gallery item text to the accessibility text of the button.
@BulbDigital
@BulbDigital 4 месяца назад
great note! This lead to some good discussions on our side. We'll see if we can make a video soon on accessibility in power apps.
@GoWstingray
@GoWstingray 2 года назад
Just a pointer on the dont break user expectations and having the whole gallery clickable, the gallery its self has a on select property, so there's no need to include a transparent button. If your worried about having dead zones where labels are placed etc, you just need to add Select(Parent) to the labels on select property and the on select event will fire for the gallery. If you are including the button for its on hover pointer change behavior, consider using the pop or push transition, though like here if its for a mobile experience a hover state doesn't need to be included. Cheers
@BulbDigital
@BulbDigital 2 года назад
Thanks Iain! We had a similar comment earlier about the gallery navigation, we appreciate the insight!
@josephansah
@josephansah 2 года назад
This was brilliant. Wasn't really sure what UX designers did 😅 And hearing the thinking process was insightful. Thank you.
@BulbDigital
@BulbDigital 2 года назад
No problem! Glad it was helpful!
@armagedongoesto
@armagedongoesto 2 года назад
I opened the video and thought 'Wait, did Joshua Weissman leave the kitchen and works in IT now?' ...and then it turns out that the specialist's name is Josh. There are no coincidences, just signs. I love the video, really makes you think of all the possible simplifications for your app.
@BulbDigital
@BulbDigital 2 года назад
Ha thank you very much Malgorzata! Glad we could help.
@TheD3dicateDGamerS
@TheD3dicateDGamerS 2 года назад
Wow wasn’t expecting much at this, but this is a really great video and explanation and reasoning on each change was great. Made me look at some apps and been like dang… I could really make that looks way better.
@BulbDigital
@BulbDigital 2 года назад
Thanks! Glad we could help 😊
@jasont80
@jasont80 Год назад
This is a great discussion! I've been programming developer for nearly 40 years and find it way too easy to get bogged down with "I make things work".
@BulbDigital
@BulbDigital Год назад
🙌
@RyanPuffer-r1n
@RyanPuffer-r1n Год назад
One of the best Power Apps videos I've seen!
@BulbDigital
@BulbDigital Год назад
We're happy to hear! Thanks for the comment 😊
@AhmedBalfaqih
@AhmedBalfaqih 3 месяца назад
Simple yet effective observation. Thank you.
@BulbDigital
@BulbDigital 2 месяца назад
Thank you!
@Richie1902
@Richie1902 2 года назад
Version numbers on canvas apps are important if you are updating often / testing - canvas apps tend to cache and this is currently the only way in an app to know you are using the latest version via a web page - mobile app covers this, but not web pages. Main use case is - 'hey I have a problem in the app', cool we've updated the app to v2, the user needs to refresh their web browser until the cache updates. Otherwise - thanks for the tips.
@BulbDigital
@BulbDigital 2 года назад
Richard, great point and that is a valid use case for including a version number. In our scenario, the need simply was not as important as the ability to use the real-estate for other content. As an alternative, and if we really need the version number to help troubleshoot a user's issue, in any environment (dev/test/prod), we could simply create an option to navigate to an "about" screen from the main landing screen, where we could display any information we need to about the app.
@staceymundy4117
@staceymundy4117 Год назад
Why should the user care about versions?
@Richie1902
@Richie1902 Год назад
@@staceymundy4117 - if you have published an app to desktops - so played in the browser not app - then you update and publish that app for your users, the browser will not actively replace the app with the new version. So you could have many people using an older instance of your app - power apps has gotten better at encouraging the end user to refresh their browser to clear the cache of the app. But if you are trying to support an app that is getting updated - its a good way to confirm with your end users that they are using the most recent instance of the app. As PowerApps are low code - they do tend to get updated a bit as users supply feedback or processes become better known - so the probability of an app being published several times is high. Hope this helps answer the question
@ryaniwanowski
@ryaniwanowski Год назад
The only reason I keep version numbers on the splash or welcome screen is to make sure the app is opening to the latest version since PowerApps tends to cache the last version it opened. Later, I've added a version checker at startup to make sure the app is showing the latest version, and if not, then it tells the user to Refresh the browser until the correct version is showing before allowing the user to continue.
@BulbDigital
@BulbDigital Год назад
As with all things, consider your user. If you have a legitimate use case for keeping a version number, particularly on a splash screen which is dismissed and doesn’t come back, you can always keep it. if your user needs it, you can keep it. just keep in mind the average user doesn’t need or care about a version number, and if you’re trying to find where you can save space and simplify your experience, that version number is low hanging fruit to be picked. in our example, the version number provided no value and got in the way. Good design is often not including all the detail you can, it’s stripping away all the detail you don’t need. if you need it, keep it. thanks for your input!
@cvkealey
@cvkealey 2 года назад
I, too, hate scrollbars and ALWAYS turn that option off. I usually leave the "show navigation" option on since that provides (when needed) a visual cue that there is more content to be seen.
@BulbDigital
@BulbDigital 2 года назад
Good thought, thanks Chad!
@daxteoh27
@daxteoh27 2 года назад
This is really helpful with UX designer insight! Love to see more such content.
@BulbDigital
@BulbDigital 2 года назад
Thanks Dax!
@cvkealey
@cvkealey 2 года назад
I'm all for using icons where they make sense, and try to use the least obtrusive ones I can. You can also leverage the "padding" to give users a larger "touchable area" without a cartoonishly huge icon. Finally, expect some pushback from users who don't "get" icons. I built an app used by faculty for entering grades and had the ubiquitous floppy disk icon as the save button, located at both the top and bottom of the form. Sadly, some instructors "couldn't find" that or "didn't know" what it meant (they've only used it to save Word and Excel files for 25+ years, after all). I was forced to replace the disk icon with a button labeled "SAVE".
@BulbDigital
@BulbDigital 2 года назад
I knew the day would come where people wouldn't relate a floppy disk icon to "save", but I didn't realize it would come so soon! 😂
@cvkealey
@cvkealey 2 года назад
@@BulbDigital I've often wondered what icon would better/more intuitively mean "save", but keep coming back to that damn floppy! I mean, it's still used in just about every Microsoft app, even though you'd be hard-pressed to even find a computer with a floppy drive these days.
@BulbDigital
@BulbDigital 2 года назад
I suppose that's one thing that's nice about something that auto-saves is that you don't have to put the floppy disk anywhere!
@Queesinbean
@Queesinbean Год назад
Hey I just wanted to pop in and say - I loved this video BUT the part about adding a button into the gallery to make the whole thing clickable wasn't necessary! You can actually select the top gallery item to edit it, and then instead of clicking any controls inside the gallery and setting their "On Select" property (like you did originally with the right chevron), you just use the "On Select" property of the top gallery item itself! No need for the button or any of that and it works identically. Just wanted to add that!
@BulbDigital
@BulbDigital Год назад
Thanks Logan! We've had a similar comment and have now learned the better way :) thank you!
@MrBombsn
@MrBombsn 2 года назад
Damn, Josh is good! Everything made sense, I will redesign all my apps now! thx guys
@BulbDigital
@BulbDigital 2 года назад
We ♥️Josh, he's a huge help!
@maxwellrugonye6963
@maxwellrugonye6963 Год назад
Great video. Please share josh's blog/article
@BulbDigital
@BulbDigital Год назад
Hey Max, they're linked in the description! But here's a few of our favorites from him: www.bulb.digital/blog/building-a-power-app-with-a-ux-designer www.bulb.digital/blog/the-power-of-using-color-psychology-for-your-users
@pavelsheludkov7241
@pavelsheludkov7241 2 года назад
That's terrific! Thank you for sharing.
@BulbDigital
@BulbDigital 2 года назад
No problem! Glad we could help.
@mrneveradullmoment
@mrneveradullmoment 2 года назад
This was excellent. Thank you!
@BulbDigital
@BulbDigital 2 года назад
No problem Darcy, thanks!
@marcosmanto
@marcosmanto 2 года назад
Excellent content. But the back button feature sadly didn't work on my old Samsumg Galaxy S8. 😢
@BulbDigital
@BulbDigital 2 года назад
Thanks Marcos! Bummer about the back button, because it's "upcoming", maybe they can figure out how to make it work before launch? 🤞🏼
@caioortiz1234
@caioortiz1234 2 года назад
This is EXTREMELY useful content
@BulbDigital
@BulbDigital 2 года назад
Thanks Caio! Glad we could help. Let us know if there's anything similar you'd like to see!
@staceymundy4117
@staceymundy4117 Год назад
For the part of removing text where you have familiar icons, does this impact on accessibly needs? Is the text needed for the accessibility requirements?
@BulbDigital
@BulbDigital Год назад
Accessibility is a sliding scale and some rules aren't completely rigid, so as in all design, one should consider their audience. Some icons are very well known and need to explanation. Others are niche and need a label. A heart or a thumbs up icon is widely known to mean "like" or "favorite" for example, while an X or a trash can is widely known to mean "close" "delete" or "remove." It's safe enough to use those without a label. If it is not obvious what the icon means, err on the side of labeling when possible. Additionally, consider if your app is being created to be accessible for users with limited visibility or who use a screen reader. For these users, use Alt Tags and Aria Labels to make it clear what the component does. This is standard practice for custom development, but in canvas apps, the burden is on you. If your product is for a general audience, cast the widest accessibility net possible. If your product is for you and 5 people on your team and nobody has extra accessibility needs, it may be safe to cut corners.
@SothearithKONGMrMuyKhmer
@SothearithKONGMrMuyKhmer 5 месяцев назад
Awesome!
@twangt
@twangt Год назад
Great content!
@samhall100
@samhall100 2 года назад
such a great process to watch
@BulbDigital
@BulbDigital 2 года назад
Thanks Sam!
@oluwatobiyusuf
@oluwatobiyusuf 2 года назад
Thank you for this awesome video
@BulbDigital
@BulbDigital 2 года назад
No problem!
@danielnj1991
@danielnj1991 2 года назад
Love it thanks for this types of content
@BulbDigital
@BulbDigital 2 года назад
Glad you enjoy it! Thanks Nodo.
@sultanSurya
@sultanSurya 2 года назад
Great content ✌
@BulbDigital
@BulbDigital 2 года назад
Thanks Vidya!
@michikomunny
@michikomunny 2 года назад
Love it!!!
@BulbDigital
@BulbDigital 2 года назад
Thanks Michiko!
@RPG_ash
@RPG_ash 2 года назад
Subscribed 👍🏻 nice video
@BulbDigital
@BulbDigital 2 года назад
Thanks!
@Michael-fv2og
@Michael-fv2og 2 года назад
great video
@BulbDigital
@BulbDigital 2 года назад
Thanks Michael! We had fun with this one.
@Plainace
@Plainace 2 года назад
Love it
@BulbDigital
@BulbDigital 2 года назад
Thanks! Glad to hear it.
@bluecaban3855
@bluecaban3855 2 года назад
@uiuxbetter
@uiuxbetter 6 месяцев назад
Nice Job!
Далее
We Fixed Our Power App with UX Design | Part 2
12:48
Просмотров 15 тыс.
Build Customized Solutions for Your Business Needs
23:23
Это было очень близко...
00:10
Просмотров 1 млн
Seja Gentil com os Pequenos Animais 😿
00:20
Просмотров 20 млн
Leave App (Power Apps) Template Part I
22:54
The Secret Science of Perfect Spacing
9:40
Просмотров 441 тыс.
All the Microsoft 365 Apps Explained
16:07
Просмотров 518 тыс.
My Power Apps UI Design Process #PowerAppsDesign
27:42
Microsoft Power Platform Fundamentals in 15 Minutes
14:11
Power Apps Components - Mega Menu, Input, & Output
24:58
How to Use Microsoft Teams for Project Management
13:43
Это было очень близко...
00:10
Просмотров 1 млн