I enjoyed this. While artist when they talk with each other aren’t selling, art but getting into turpentine, the metaphorical turpentine time here is total immersion. I wasn’t getting point by point what I should do, but getting The Landscape or what I could do in the future once I got the point by point. I was getting happily confused and that is always the sign of about to learn a great thing.
Thank you for creating these amazing innovative contents for me, me as a starter on learning UIUX design especially visionOS, this really helps me a lot and makes me get more passion on doing this!❤️ btw please keep doing on part 2 I really want to know more about motions and 3D designs on visionOS!
One thing that we can do to really experience the AR/VR environment and interactions is to implement them with ShapesXR. I'm developing my Master Thesis around AR/VR and ShapesXR really helped me understand how the UI feels. Is also a cool tool to do user testing and fast iterations without developing the app with a game engine.
So good, thank u for this exploration! It's extremly helpful because I've been too busy to check stuff out. Your hand-drawn sketckes really add an interesting contrast to the high-fedlility designs 🤩- - nice addition.
I used to sketch a lot more then stopped for a decade and came back to it recently - that ugly-fast approach is a nice contrast but also shows the visual thinking - as I get many ideas when sketching stuff like that - during - so I can iterate faster :)
Looking forward to the ui challenges on your website. I am a big fan of you work. I'm going through the web design saas course, which is just perfect! I bought the whole bundle and so far their definetly worth it. I went to a bootcamp a few months ago and I didn't learn any valuable or profitable skills. We were just messing around with UX things. Your courses gave me hope to improve my UI/UX design skills as a frontend developer. Thank you so much! Keep up the good work.
Excellent, thank you so so much for such a detailed and well explained test study. This is exactly what I was looking for: to see how others explore this new design, what are their approaches, thoughts etc
For the time being I'm not interested in it because I'm focusing on other things, but if I ever need it I'll definitely come back here 😁💪 Have a beautiful day ! ☀️
This was an amazing video, it clearly outlines the design process and design thinking needed for creating Spatial App Design, I feel I can confidently try this out myself if I follow the instructions and points in this video. Thank you for such great design content 🙏.
This is great. I think it makes sense to have the side menu on the right though to save you reaching over the content and obscuring it (right handed people). Obviously would be great to have a setting to switch for lefties. It would be good if this was a global setting and could customise all experiences (The same way dark/light mode in an app can be set to match system settings)
Yess plss we would want to dive in spatial design alot more and caan we have detailed explanation on how to make these case studies .. that would be gratefult
Thank you so much for your work ! I never miss to learn something new and exciting through your content. I would strongly appreciate a part 2 ! I am really curious about spatial design, and where it's all going to take us and our imagination. :)
Amazing! That was very inspiring, Michal! Just came from Apple's video explaining the VisionOS guidelines and it's so exciting to see you covering this topic! Do you plan on covering more about the legal issues we could be facing when applying for remote jobs from the US? I remember you mentioned you were planning on discussing US h1b visas and giving more advice to people wanting to work remotely for companies in America and Europe.. I bet it would interest so many subscribers since there are so many of us hustling to succeed on this path. Keep up the good work! You always come up with interesting topics no other youtuber is talking about.
Great project Michał! I think that it would be a nice UX improvement if you could move up and down the cards gradually. I mean, you pinch and move a little, and it selects a level further, but without letting go of your fingers you move further, and it selects 2 levels further, and so on, and after letting go of your fingers it lands on the level you chose. Of course, testing needed whether it would be easy to use.
I was actually considering that as well, but wanted to stop the case study at some point so we have enough stuff for part 2. And part 2 will be definitely done in one of those spatial design tools like shapesXR or bezel.
The video is amazing! I have a doubt though: if you're planning a second part, I think the goal of Vision OS might be to reduce hand movements, which could conflict with the up/down gestures for rating or derating the design. Perhaps two buttons or another approach could work better, as users may not know how to rate without a clear onboarding guide. If my assumption is wrong, please correct me! I truly respect your work, this is just a thought.
Apple made some documentation - it's in their developer portal, for free. Definitely worth a watch. They also published the main principels already, you can find a breakdown of those on my Instagram and I hope to make a youtube video next week to talk a little about those principles.
@@MalewiczHype Can't wait. I had no web or app design experience and when I took your UI design course. A year later I'm designing professionally with total confidence.
you just iterated on the same apple design language. I was personally hoping to see something completely new from you which I am sure may come in the near future ❤❤
Before I get the actual device (January) I'm going to stick to the safe paradigms. Once I get them I will definitely be experimenting and coding apps for it.
Hey, How did you arrange the cards in 3D orientation? And also could you please make a tutorial on vertical snap scrolling in either Sketch or Figma? Could you also please let us know how to make the 3D rotating scroll in the timers section of the clock app on the iPhone?
Mesmerizing! Just halfway through my Google Ux Design Course. Bcos I use my cousin's pc, my pace is so slow 🐌...But I trust my ability to get this good in few years time
I really enjoyed watching your thought process here - also a video case study is 🦆ing great. Were there any moments during the design process where you wondered how much of it will be handled by VisionOS? Things like the directional lighting, shadow casting, and window axis rotations/swiping between levels 2 and 4+. I can understand manually designing all of that now to visualize the concept, but I do wonder if we as designers will mainly be responsible for just the flat core UI designs, while VisionOS will automatically handle the rest to conform to whatever usability and visual constraints it has built in.
That's a good question! I had to tweak the lighting and shadows manually because I don't have the device, and wanted the preview to be as realistic as possible with limited knowledge of 3d tools. Generally the OS handles most of the real-world grounding like shadows, lighting, window sizes etc. But they do say that they encourage developers to experiment and try new interactions, so some of these thigns (like that levels swiping) would be completely custom - haven't seen it in current apple guidelines anywhere. Also it may as well just be a bad idea (cognitive overload) which I acknowledge - but worth testing when I get the device :)
@@MalewiczHype Experimentation is the fun part! The best ideas often come from a lot of bad ones...it's UX after all. I'm looking forward to anything else you come up with. It's definitely an exciting new frontier in UI design.
It was a pleasure watching this, the amount of work put in really inspires ❤️✨ I just have a question on why you didn’t use the glass morph effect that you tweaked, that actually felt more natural with the background, it blurs it enough that it’s not too reveling or distracting.
I wasn't 100% sure about either of these options so they're both there to some extent. This is something to potentially explore in a part 2 - going a bit further into higher fidelity and more spatial awareness of the UI itself.
@malewicz i like your designs, but what i noticed is the heightand visual depth difference are very big in difference. When you watch the developers page of the visionOS, apple made an important note about being careful how high the content is to avoid unecessary tilting the head/eyes vertically because it might lead to exhaustion very fast.
yes, in regular experiences it is the case but I wanted to see if a specific interaction like that would make sense as sessions probably wouldn’t be very long.
@@MalewiczHype exactly. In fact one of the greatest, most under-utilized places to design 'info' is 'UP' - when you look up you can have weather data, stocks or any other data that is more 'when you need it', peripheral type data. THIS is why spatial design exists over and above our familiar, restrictive, rectangle 2d design. Keep in mind that even Apple is exploring new territory here, so definitely don't hesitate to question everything, as @MalewiczHype does so well!
Are you going to develop apps for vision os? I am a fresher right now so i was thinking to learn to develop apps for this. Could you please tell where can i start from (my background - I am a mern stack developer)
it's not about being new - it's about showing how the process work because most designers simply do a couple of glass UI cards without really thinking about the actual design part of it.
Hi Michał, I really like that video. However, I'm concerned about whether the glass effect is the best solution for screen backgrounds. Let's say someone has a very white room, and it's a super sunny day (of course, the user can cover the window with curtain, but we should create products that will be visible in every possible environment). In that case, the like (heart) icon will be really hard to notice. Do you think screens with consistent colors might be a better solution? They may not be as visually striking as the glass effect, but I believe accessibility would be significantly improved. What are your thoughts? (U showed some example of it in 7:55 but still, it s not that bright and white as many peopl can have)
The glass effect adjusts to the surroundings - it's made that way so if you have a very bright room the glass panels will be pretty dark (almost dark-mode). The room can also dim to make it more visible. I think there's some automatic settings for readability baked into the OS.
I think this is when background room dimming comes into play. I do agree that bright and colorful environments can make UI elements more difficult to discern since they will essentially be sharing the same visual field.
the background dimming is one thing, but the glass panels actually REACT to the surroundings, so they're not the same color all the time - they change and adapt to how much light there is around. It's pretty mindblowing :)
The visionOS will take care of it. Diming the components or making them brighter will be done by it automatically. So we don't have to worry about it. That's why apple recommends using native components to build for that reason.
I thought this would be more AR. When you’ve got a table and you’ve got cards, why not put the cards on the table, flat, like real cards. Then interact with them, turning them over, pushing them away or pulling them closer. You could even drop them from the table on the floor. I thought this Vision OS would be more AR and less about boxes/windows. I understand people like and need structure though. These are just my thoughts
I believe that while it's more skeuomorphic/grounded in reality, it actually is a far slower way to do things. So I don't think we'll see "realistic" AR anytime soon - it would feel fine and good initially but quickly become tiresome - those flat windows are still a faster way - the extra depth can simply help with context and hierarchy, but other than that it's screens.
@MalewiczHype answered this perfectly. Also, keep in mind that Apple needs to Tip-Toe into this new world. So they're going to gently bring their users into it with familiar UI design, and that's a smart move. We need a bridge. Flat 2D screens are the 'desktop', 'folders' and 'trashcans' of our generation. But wait a few years until UI doesn't need to be in a rectangle any more, and UI design becomes more like industrial design and product design. Wait until the UI's wrap and fold and blend in with your furniture. That's when UI design will get truly eloquent, intuitively useful and infinitely amazing.
I like the idea of quickly iterating and exploring in this video, not seeking perfection, but I dont think you really leveraged the true possibilities of spatial design. I don't mean to be negative just some feedback but the sound effects between chapters are really unsettling IMO
No way these ideas just came while u where actively working on them. That’s hard especially looking at the layers exploration the design is too good and extremely easy to follow
I remember when I used Axure because I didn't trust cloud-based software -- one of the first early UX tools out there. I was thinking, oh they can see the idea I have for my app. Slowly, I eventually caved in and used cloud-based software like Figma. But I see why Sketch can be good for you -- if you prefer working on your ideas from a downloaded tool, so no one else from the company that made the tool sees it. That's how I see it.
there are other reasons too. Figma has a horrible privacy policy. There's no ability to work offline when it goes down (and it sometimes does), no drag and drop exported images from within the window (to itself and to outside) - I use that A LOT. And I just prefer that native app feel. I do use Cloud features in sketch too - collaboration, annotations and so on. But really - which tool you use is not important - pen and paper is great too
@@MalewiczHype I agree. And I think sometimes it's good to work on something offline first in the early stages of designing before you switch it online for collaboration, etc.
Uuh... Still CGI... 😅... First... Yeah this is NOT anything close to CGI. I know. But I'm convinced... VR will bring a new paradigm of content consumption
Nice job! But I would suggest using Bezel or ShapesXR in order to design and test your ideas in actual VR/AR headsete. Doing it in old fashioned way is always cool (back in the days 5-6 yeaes ago I even used After Effects.. But nowadays there are some great tools for XR Design. I always jump into them after the initial sketches / wirefames. And if it helps someone - read my article serious on UX Collective, the last one is "Design for XR - Part 5". Cheers!
I have a plan to use one of these apps for part 2 to sketch out more complex interactions. This is more of the first stage of exploration kind of thing. Some of the people from these two apps actually reached out to me yesterday :)
@@MalewiczHype Yeah, they are great people. I've participated in ShapesXR Beta and was among 20 other lucky designers who were the firsts to try the app with AR pass through SDK. And Bezel guys are awesome as well. 👏
Can we please stop supporting unnecessary bs and start working the myriads of things the world actually needs improvement on??? No disrespect. But as a designer you actually have power and you should use it.
Let's be brutally honest - design doesn't matter at all in the grand scheme of things. We can pat ourselves on the back and pretend it's meaningful, but it's really not. I do a lot of things outside of design to make the world better. This is an exploration on something I'm genuinely curious about - but not in that dystopian way of using it 12h every day.
Yes. I wanted to do the first iteration without XR specific tools, but if this video gets popular I'll definitely do a part 2 and use either Bezel or shapesXR in it :)
The amount of work that was put into this is insane. Good job as always! Love it
Thanks a ton!
We definitely want a part 2! This is so beautiful.
You’re my hero. I’ve been researching this because I have an idea I want to make. Thank you for teaching us
This was an excellent video. I love how you integrated the sketching, to lo-fi and then to final.
Appreciate it a lot! It was my toughest video ever to make, I feel exhausted after uploading ;)
I enjoyed this. While artist when they talk with each other aren’t selling, art but getting into turpentine, the metaphorical turpentine time here is total immersion.
I wasn’t getting point by point what I should do, but getting The Landscape or what I could do in the future once I got the point by point. I was getting happily confused and that is always the sign of about to learn a great thing.
Part 2 is a must. Thank you Michal
Thank you for creating these amazing innovative contents for me, me as a starter on learning UIUX design especially visionOS, this really helps me a lot and makes me get more passion on doing this!❤️
btw please keep doing on part 2 I really want to know more about motions and 3D designs on visionOS!
need a bit of rest but will try and make part 2 soon ;)
Made me excited to design something in this style! Love that glass effect. As always amazing video :D
Thank you! I wanted to spark some inspiration - also because you can do some stuff even without the goggles.
@@MalewiczHype And you did! I love that you talk about so many details, it's really helpful.🙂
love this. looking forward to part 2
Thank you! Much appreciate!
Amazing 👏, I'll be waiting for the second part.
I need to rest for a bit before jumping back into it - this was an exhausting 7 days of work ;)
One thing that we can do to really experience the AR/VR environment and interactions is to implement them with ShapesXR. I'm developing my Master Thesis around AR/VR and ShapesXR really helped me understand how the UI feels. Is also a cool tool to do user testing and fast iterations without developing the app with a game engine.
I've heard of it, and I do have the Quest so maybe I'll give it a go as well. Thanks for pointing that out :)
Not sure if you will read this comment, but I just wanted to really thank you for the insane quality of your (authentic) content.
Means a lot, I am so happy to get this one done - a week of work 😅
Commenting while watching. Spectacular as always 🎉
thank you! Finally finished it
this was really awesome and inspiring to see! Thanks for all of your hard work. Definitely would be interested in a part two!
Great things came across from the video. Wanted some more videos from you about Spatial designing
Thank you and a part 2 certainly would be great! 👍
Was waiting for this since the announcement was made. Let’s gooo!
This was really difficult to make :)
@@MalewiczHype no wonder you took an extension, was an amazing one though. Worth the wait!
This is so amazing!! I stopped halfway through because I want to think of my own idea so I can follow along and complete a case study. Thank you!
Can't wait to see what people create in their case studies, it's like design becoming interesting all over again :)
So good, thank u for this exploration!
It's extremly helpful because I've been too busy to check stuff out.
Your hand-drawn sketckes really add an interesting contrast to the high-fedlility designs 🤩- - nice addition.
I used to sketch a lot more then stopped for a decade and came back to it recently - that ugly-fast approach is a nice contrast but also shows the visual thinking - as I get many ideas when sketching stuff like that - during - so I can iterate faster :)
Looking forward to the ui challenges on your website. I am a big fan of you work. I'm going through the web design saas course, which is just perfect! I bought the whole bundle and so far their definetly worth it. I went to a bootcamp a few months ago and I didn't learn any valuable or profitable skills. We were just messing around with UX things. Your courses gave me hope to improve my UI/UX design skills as a frontend developer. Thank you so much! Keep up the good work.
Thank you, sir, for providing us with such a great content. Really really mind-blowing tutorials
Thanks a ton
Yes, bring its second lesson too. It is very useful for us.
Love the case study Michal!!! 🔥🔥
keep doing part 2! love this video!!thanks
Excellent, thank you so so much for such a detailed and well explained test study. This is exactly what I was looking for: to see how others explore this new design, what are their approaches, thoughts etc
I see new trend in Juniors case studys on behance❤ Let's push your content bro.🚀
Appreciate the support, but I need a break - this was exhausting ;)
Your work help a lot of People around world. Thank !
For the time being I'm not interested in it because I'm focusing on other things, but if I ever need it I'll definitely come back here 😁💪 Have a beautiful day ! ☀️
this exploration method can be used in non vr projects too
@@MalewiczHype thanks Michał for good tips
This was an amazing video, it clearly outlines the design process and design thinking needed for creating Spatial App Design, I feel I can confidently try this out myself if I follow the instructions and points in this video. Thank you for such great design content 🙏.
Thank you! Even without the device there's still a lot of potential ideas to explore :)
This is great. I think it makes sense to have the side menu on the right though to save you reaching over the content and obscuring it (right handed people). Obviously would be great to have a setting to switch for lefties. It would be good if this was a global setting and could customise all experiences (The same way dark/light mode in an app can be set to match system settings)
Yess plss we would want to dive in spatial design alot more and caan we have detailed explanation on how to make these case studies .. that would be gratefult
Thanks for the content. It was valuable.
Thank you so much for your work ! I never miss to learn something new and exciting through your content. I would strongly appreciate a part 2 ! I am really curious about spatial design, and where it's all going to take us and our imagination. :)
Part 2 coming probably after my summer break, but I'm excited for it!
Thanks for making these immensely helpful videos
Amazing! That was very inspiring, Michal! Just came from Apple's video explaining the VisionOS guidelines and it's so exciting to see you covering this topic!
Do you plan on covering more about the legal issues we could be facing when applying for remote jobs from the US? I remember you mentioned you were planning on discussing US h1b visas and giving more advice to people wanting to work remotely for companies in America and Europe.. I bet it would interest so many subscribers since there are so many of us hustling to succeed on this path.
Keep up the good work! You always come up with interesting topics no other youtuber is talking about.
Great project Michał! I think that it would be a nice UX improvement if you could move up and down the cards gradually. I mean, you pinch and move a little, and it selects a level further, but without letting go of your fingers you move further, and it selects 2 levels further, and so on, and after letting go of your fingers it lands on the level you chose. Of course, testing needed whether it would be easy to use.
I was actually considering that as well, but wanted to stop the case study at some point so we have enough stuff for part 2. And part 2 will be definitely done in one of those spatial design tools like shapesXR or bezel.
The video is amazing!
I have a doubt though: if you're planning a second part, I think the goal of Vision OS might be to reduce hand movements, which could conflict with the up/down gestures for rating or derating the design. Perhaps two buttons or another approach could work better, as users may not know how to rate without a clear onboarding guide. If my assumption is wrong, please correct me! I truly respect your work, this is just a thought.
Transform is essential for spatial design, which Figma doesn’t have yet. Sketch could make a comeback 👀
I wondered if Transform only exists for Sketch. I use Figma on a daily basis. Maybe there’s a plugin for that?
Please add a part 2
When would that be tho?
I am definitely working on something like this too 😊
given how long it took I don’t know yet - we will see ;)
absolutely incredible work! New sub here :)
amazing content 👏🏻
Thank you 🙌
Do a course on spatial design plzzzz
I’m buying the headset in February, designing and coding some apps for it and then with real world experience I’ll make a course :
Your handwriting is great
to be fair I am using a brush that automatically rounds lines so it sometimes did mess it up more than normal ;)
Dude, mad respect for making this. Quick question: how's Spatial Design different to Immersive Design?
it’s a subset
How can we learn guidelines on designing spatial experiences? is there a dedicated course, documentation?
Apple made some documentation - it's in their developer portal, for free. Definitely worth a watch. They also published the main principels already, you can find a breakdown of those on my Instagram and I hope to make a youtube video next week to talk a little about those principles.
It would be great if you offered a full course in this.
I am buying the goggles as soon as they come out, building some real apps for them and then after I have some hands-on experience I may do a course :)
@@MalewiczHype Can't wait. I had no web or app design experience and when I took your UI design course. A year later I'm designing professionally with total confidence.
Amazing 🙌🏻❤
Just Amazing !!! Could do you share the tools / app , that you use to build the sketch ??
I think that was Procreate
Which sketching tool you are using?
you just iterated on the same apple design language. I was personally hoping to see something completely new from you which I am sure may come in the near future ❤❤
Before I get the actual device (January) I'm going to stick to the safe paradigms. Once I get them I will definitely be experimenting and coding apps for it.
love this! thanks.
What frame size did you use?
great narrative of the details :) ... curious which app you're using for sketching? I use notability
I think that was Procreate - it's great
I❤Spatial Design
Hey, How did you arrange the cards in 3D orientation?
And also could you please make a tutorial on vertical snap scrolling in either Sketch or Figma?
Could you also please let us know how to make the 3D rotating scroll in the timers section of the clock app on the iPhone?
what software did you used to place your mockups?
Mesmerizing!
Just halfway through my Google Ux Design Course. Bcos I use my cousin's pc, my pace is so slow 🐌...But I trust my ability to get this good in few years time
definitely you will, just keep going!
Hi malewicz, what kind of name of your app sketching in ipad? procreate?
How is the program called that you made the design on? 😅
when we will get UI challenges you talked about previously? BTW loved this case study.
Our slack community members are already in the beta platform doing the challenges, we hope to share it to everyone else in 1-2 weeks.
We need part 2, Mann
I really enjoyed watching your thought process here - also a video case study is 🦆ing great. Were there any moments during the design process where you wondered how much of it will be handled by VisionOS? Things like the directional lighting, shadow casting, and window axis rotations/swiping between levels 2 and 4+. I can understand manually designing all of that now to visualize the concept, but I do wonder if we as designers will mainly be responsible for just the flat core UI designs, while VisionOS will automatically handle the rest to conform to whatever usability and visual constraints it has built in.
That's a good question! I had to tweak the lighting and shadows manually because I don't have the device, and wanted the preview to be as realistic as possible with limited knowledge of 3d tools.
Generally the OS handles most of the real-world grounding like shadows, lighting, window sizes etc.
But they do say that they encourage developers to experiment and try new interactions, so some of these thigns (like that levels swiping) would be completely custom - haven't seen it in current apple guidelines anywhere. Also it may as well just be a bad idea (cognitive overload) which I acknowledge - but worth testing when I get the device :)
@@MalewiczHype Experimentation is the fun part! The best ideas often come from a lot of bad ones...it's UX after all. I'm looking forward to anything else you come up with. It's definitely an exciting new frontier in UI design.
Is that type of design will have big future with the AI ?
Waow i love it go on ❤
Thanks 😄
Looks good but quite a few of the icons are not self explanitory, non-standard and have no descriptions, what are your thoughts on that?
long gaze expands icon labels, I wrote that in the sketch but didn’t have the time in high fidelity to add it yet. maybe in part 2 ;)
Wanna know more details about it
Thank you
awesome! do you design your ar projects using sketch? I wanna see how to work with figma!
What difference does it make? It's all the same on the actual artboard.
It was a pleasure watching this, the amount of work put in really inspires ❤️✨
I just have a question on why you didn’t use the glass morph effect that you tweaked, that actually felt more natural with the background, it blurs it enough that it’s not too reveling or distracting.
I wasn't 100% sure about either of these options so they're both there to some extent. This is something to potentially explore in a part 2 - going a bit further into higher fidelity and more spatial awareness of the UI itself.
@@MalewiczHype I see, glad there would be another part
Please what software did you use in designing the interface?
Sketch, but it's exactly the same in Figma.
What would Roblox & other Games look like on the Vision Pro
For now there aren't many games created/ showcased for it yet, but we'll see how they implement :)
@@MalewiczHype are you a UI/UX designer if so can u redesign the Roblox profile page
Thats very cool
@malewicz i like your designs, but what i noticed is the heightand visual depth difference are very big in difference. When you watch the developers page of the visionOS, apple made an important note about being careful how high the content is to avoid unecessary tilting the head/eyes vertically because it might lead to exhaustion very fast.
yes, in regular experiences it is the case but I wanted to see if a specific interaction like that would make sense as sessions probably wouldn’t be very long.
@@MalewiczHype exactly. In fact one of the greatest, most under-utilized places to design 'info' is 'UP' - when you look up you can have weather data, stocks or any other data that is more 'when you need it', peripheral type data. THIS is why spatial design exists over and above our familiar, restrictive, rectangle 2d design. Keep in mind that even Apple is exploring new territory here, so definitely don't hesitate to question everything, as @MalewiczHype does so well!
What program are you scetching your first design in?
Procreate!
You can do this in XCode Beta now I believe.
WE NEED PART 2 TILL 10
10 AM? 😂
which software is this?
Which one?
@@MalewiczHype 8:52
Are you going to develop apps for vision os? I am a fresher right now so i was thinking to learn to develop apps for this. Could you please tell where can i start from (my background - I am a mern stack developer)
There are guidelines from apple on this already. Yes I will be building apps for it ;)
What's so new about this idea than other spatial computing software design?
it's not about being new - it's about showing how the process work because most designers simply do a couple of glass UI cards without really thinking about the actual design part of it.
Sr Tool Name
so cool
thank you a lot of work went into this
Bro was playing lofi christmas music lol
Hi Michał, I really like that video. However, I'm concerned about whether the glass effect is the best solution for screen backgrounds. Let's say someone has a very white room, and it's a super sunny day (of course, the user can cover the window with curtain, but we should create products that will be visible in every possible environment). In that case, the like (heart) icon will be really hard to notice. Do you think screens with consistent colors might be a better solution? They may not be as visually striking as the glass effect, but I believe accessibility would be significantly improved. What are your thoughts? (U showed some example of it in 7:55 but still, it s not that bright and white as many peopl can have)
The glass effect adjusts to the surroundings - it's made that way so if you have a very bright room the glass panels will be pretty dark (almost dark-mode). The room can also dim to make it more visible. I think there's some automatic settings for readability baked into the OS.
I think this is when background room dimming comes into play. I do agree that bright and colorful environments can make UI elements more difficult to discern since they will essentially be sharing the same visual field.
the background dimming is one thing, but the glass panels actually REACT to the surroundings, so they're not the same color all the time - they change and adapt to how much light there is around. It's pretty mindblowing :)
The visionOS will take care of it. Diming the components or making them brighter will be done by it automatically. So we don't have to worry about it. That's why apple recommends using native components to build for that reason.
I thought this would be more AR. When you’ve got a table and you’ve got cards, why not put the cards on the table, flat, like real cards. Then interact with them, turning them over, pushing them away or pulling them closer. You could even drop them from the table on the floor. I thought this Vision OS would be more AR and less about boxes/windows. I understand people like and need structure though. These are just my thoughts
I believe that while it's more skeuomorphic/grounded in reality, it actually is a far slower way to do things. So I don't think we'll see "realistic" AR anytime soon - it would feel fine and good initially but quickly become tiresome - those flat windows are still a faster way - the extra depth can simply help with context and hierarchy, but other than that it's screens.
@MalewiczHype answered this perfectly. Also, keep in mind that Apple needs to Tip-Toe into this new world. So they're going to gently bring their users into it with familiar UI design, and that's a smart move. We need a bridge. Flat 2D screens are the 'desktop', 'folders' and 'trashcans' of our generation. But wait a few years until UI doesn't need to be in a rectangle any more, and UI design becomes more like industrial design and product design. Wait until the UI's wrap and fold and blend in with your furniture. That's when UI design will get truly eloquent, intuitively useful and infinitely amazing.
I like the idea of quickly iterating and exploring in this video, not seeking perfection, but I dont think you really leveraged the true possibilities of spatial design. I don't mean to be negative just some feedback but the sound effects between chapters are really unsettling IMO
No way these ideas just came while u where actively working on them. That’s hard especially looking at the layers exploration the design is too good and extremely easy to follow
Why Sketch? It is so last year…
tools don’t matter. you can do it in powerpoint too. I happen to prefer sketch but the workflow is the same
I remember when I used Axure because I didn't trust cloud-based software -- one of the first early UX tools out there.
I was thinking, oh they can see the idea I have for my app.
Slowly, I eventually caved in and used cloud-based software like Figma.
But I see why Sketch can be good for you -- if you prefer working on your ideas from a downloaded tool, so no one else from the company that made the tool sees it.
That's how I see it.
there are other reasons too. Figma has a horrible privacy policy. There's no ability to work offline when it goes down (and it sometimes does), no drag and drop exported images from within the window (to itself and to outside) - I use that A LOT.
And I just prefer that native app feel.
I do use Cloud features in sketch too - collaboration, annotations and so on.
But really - which tool you use is not important - pen and paper is great too
@@MalewiczHype I agree. And I think sometimes it's good to work on something offline first in the early stages of designing before you switch it online for collaboration, etc.
Uuh... Still CGI... 😅... First... Yeah this is NOT anything close to CGI. I know. But I'm convinced... VR will bring a new paradigm of content consumption
the 3d parts are actually the least interesting about it - I find the process of finding out cases that make sense the most rewarding
Nice job!
But I would suggest using Bezel or ShapesXR in order to design and test your ideas in actual VR/AR headsete.
Doing it in old fashioned way is always cool (back in the days 5-6 yeaes ago I even used After Effects.. But nowadays there are some great tools for XR Design. I always jump into them after the initial sketches / wirefames.
And if it helps someone - read my article serious on UX Collective, the last one is "Design for XR - Part 5".
Cheers!
I have a plan to use one of these apps for part 2 to sketch out more complex interactions. This is more of the first stage of exploration kind of thing. Some of the people from these two apps actually reached out to me yesterday :)
@@MalewiczHype Yeah, they are great people. I've participated in ShapesXR Beta and was among 20 other lucky designers who were the firsts to try the app with AR pass through SDK.
And Bezel guys are awesome as well. 👏
Can we please stop supporting unnecessary bs and start working the myriads of things the world actually needs improvement on??? No disrespect.
But as a designer you actually have power and you should use it.
Let's be brutally honest - design doesn't matter at all in the grand scheme of things. We can pat ourselves on the back and pretend it's meaningful, but it's really not.
I do a lot of things outside of design to make the world better. This is an exploration on something I'm genuinely curious about - but not in that dystopian way of using it 12h every day.
Very interesting video! Thanks for sharing. Have you heard about Bezel it? Would be great if you could do a video about it some day.
Yes. I wanted to do the first iteration without XR specific tools, but if this video gets popular I'll definitely do a part 2 and use either Bezel or shapesXR in it :)