Explore the art and science of app design. Discuss user interface (UI) design principles, user experience (UX) best practices, and share design resources and inspiration.

Learn about designing great app and game experiences

Post

Replies

Boosts

Views

Activity

Guidance on use of Merchant API within iOS App
Hello , I am developing mobile apps in B2C model for Service industry and would like to know if the Merchant API (see below) can be used within the iOS app to onboard a Merchant . Typical case for the API here would be for E Commerce platform providers to onboard the customers in the web . However here, Instead of Web, this API would be integrated within the iOS APP. Service providers would download my App and within the App , service providers would provide the information to register for Apple Pay so that they can receive the payment directly from customer instead of using a payment platform like Stripe. Please advise if this is technically feasible . https://developer.apple.com/documentation/applepaywebmerchantregistrationapi Thanks, Jmkochi
1
0
462
Aug ’24
Making NavigationStack with a background image look seamless
Hi everyone, I have a file with a navigation stack and i want the background of it to be a blurred image however there's like a line dividing the body of the navigation stack and the navigation bar where the image isn't being blurred, is there any way to get rid of this and make it so the blurred image background connects the two? i've already tried changing the appearance of the navigation bar when it's initialized. I also have my code below for reference: var body: some View { NavigationStack { ZStack { Image("HomeBKG") // this is the background image .resizable() .scaledToFill() .ignoresSafeArea() VisualEffectBlur(effect: UIBlurEffect(style: .systemMaterial)) // this is what i used to blur the image .ignoresSafeArea() ScrollView { ColorManager.bkgColor .ignoresSafeArea() VStack { Text("Recommended") .foregroundStyle(.primary) .font(.headline) .padding() RoundedRectangle(cornerRadius: 15) .frame(width: 300, height:200) .foregroundStyle(Color(UIColor.systemBackground)) .shadow(color: .primary.opacity(1), radius: 10) Spacer() Text("News") .foregroundStyle(.primary) .font(.headline) .padding() RoundedRectangle(cornerRadius: 15) .frame(width: 300, height:200) .foregroundStyle(Color(UIColor.systemBackground)) .shadow(color: .primary.opacity(1), radius: 10) Text("Exchange Rates") .foregroundStyle(.primary) .font(.headline) .padding() RoundedRectangle(cornerRadius: 15) .frame(width: 300, height:200) .foregroundStyle(Color(UIColor.systemBackground)) .shadow(color: .primary.opacity(1), radius: 10) } } // end zstack } .navigationTitle("Hub") .toolbar { ToolbarItem(placement: .navigationBarTrailing) { NavigationLink(destination: UVSettings()) { Image(systemName: "gearshape.fill") } } } } // end navigation stack } }` ```
0
0
462
Aug ’24
iMessage
Can we get a customizable iMessage color change???? That would be great. Would love to change my blue bubble to either yellow or pink!!!!!
2
0
274
Aug ’24
SF Mono, open source?
I know that the general San Francisco (SF) fonts (Text, Display, Pro, etc.) are exclusive to Apple, its products, and its affiliates. But when it comes to SF Mono, I am unsure of its official status. Is it open source? I know many companies often release their monospace font under the OFL license (i.e., Twilio Sans Mono, Intel One Mono, Ubuntu Mono (et al), Roboto Mono (et al), and more). As I've previously said, I also know that Apple is very protective it its brand. The thing that really confuses me is that the page for Microsoft's Open Source projects (opensource.microsoft.com) actually uses SF Mono! Are Apple and MS collaborating on this? There is no repository on GitHub or the Apple Developer website, but why is a competitor to Apple using their font? (I am using Windows, so the SF fonts aren't installed on my device, they use the font from their own CDN on their website)
1
0
369
Aug ’24
iPhone Doesn't Ring
I have an iPhone 14 with the iOS version 18 Beta Version. My phone does not ring. Callers are immediately prompted to leave a voicemail. Even my wife, who is designated a favorite has this happen. I’ve gone to Settings and checked Sounds & Haptics. It appears to be set correctly. Please help. Should I go to the local Apple Store for hands on help? Thank you. Bo Kirk
3
0
514
Aug ’24
ios 18 beta feedback
it’s a cool concept, i see the vision, but it’s really ugly. all my app colours have changed, none of my transparent widgets work anymore because it changed the size of my wallpaper. i do like how the brightness and volume are now colours, i just wish we could’ve gotten to choose the colours. i also like how the things are circles instead of squares. i’m mostly just upset that my transparent widgets don’t work anymore, and how all the colours of all my apps are darker than i would like.
1
0
431
Aug ’24
13” M4 IPad Pro 18.1 Beta issues with stage manager
I am running into an issue with the latest 2 beta drops of 18 when using Stage Manager with an external monitor. I have the ipad directly below the monitor and when I move the mouse to the other screen it shifts dramatically right then go to the proper position about an inch up the screen. This issue can easily be duplicated. I can share a video if I am given the proper way to do so. This worked fine with the first beta release. Please contact me because it will cause issues when the gold release is dropped. I have found smaller bugs but this is bad.
1
1
404
Aug ’24
PixTransfFunc of MacBook|M3,iPAD|M2 displays dark_gray tones "weirder" against cheapest PC
1) The situation: 8-bit grayscale still radiology-images, comparing to cheapest PC-displays: = appear "literally disgusting" on MacBook|M3; = appear "very bad" on iPAD|M2; = appear "just bad" on available iMAC (though this situation is ~correctable). Typical example (photo of 3 displays; the same 8-bit BMP or PNG by default view/preview on MacBook, iPAD, Windows): "https://ic.pics.livejournal.com/jbstphr/26474885/18157/18157_original.jpg" ** 2) The problem:** in cheapest PC-desktop/laptop a radiologist (or any human at all) distinguishes sRGB "gray 0..255 " (within 1..3 LeastSignificantBits) in default MacBook ~ 4 LSB in dark gray-tones disappear (i.e "gray 0" appears absolutely same as "gray 16") in default iPAD ~ 3 LSB in dark gray-ones disappear (i.e "gray 0" looks identical to "gray 8") 3) The question: = what could be stated in user-manual of a radiology-gadget to guide an end-user ?... = to adjust still gray-scale image_presentation of 8-bit BMP, PNG, GIF, TIFF, DCM (~sRGB-color-space) in: 3a) MacBook "AppleSilicon", 3b) iPAD "AppleSilicon"; assuming standard preview_app, Osirix, ImageJ; assuming that one places "3a,3b" near against cheapest PC-display on market; = so that: "gray 0..16" and "gray 240..255" are distinguishable in "3a,3b" not much worse tnan in cheapest PC-display 4) Comment 4a) Apple's PTC seemingly is weird S-like curve, to improve moving_imaging_impression sacrificing objective information of still-imaging presentation. 4b) Alternate color-profiles in MacBook's system_setting are 100% useless for the task. 4c) Adjust of white_point in MacBook,iPAD is <99%> useless for still radiology imaging (which needs adjustment of the black_point). 4d) Dedicated S-curve-like XLAT from PC-sRGB to APple's gray-scale isn't suitable, because of = the gadget is most world-wide-spread of it's case; = experience of existing Windows, Android-users can't be disturbed by few potential MAC-users; = double XLAT "sRGB => adhoc_color_space =>sRGB" (without overcomplicated & non_robust sentinels) causes pixellation (i.e. ~"gray 3.4.5" all become "gray 4")
0
0
275
Aug ’24
Wrong unit in HIG > Components > System Experiences > Widget > watchOS widget dimensions
Hello, I noticed a small mistake in the Human Interface Guidelines (HIG). On the page HIG > Components > System Experiences > Widget > watchOS Widget Dimensions, scroll down to the bottom. In the "watchOS widget dimensions" section, the sizes in the table are in pixels (px), not points (pt) actually. However, the table header indicates the sizes should be in points (pt). Page link: https://developer.apple.com/design/human-interface-guidelines/widgets#watchOS-widget-dimensions For example, the widget size in the Smart Stack on a 49mm watch should be 192x81.5 pt (or 382x163 px), not 382x163 pt. This size can be verified with the information provided here: https://developer.apple.com/documentation/watchos-apps/supporting-multiple-watch-sizes/. https://developer.apple.com/documentation/watchkit/wkinterfacedevice/1620974-screenscale
2
0
389
Aug ’24
iOS 17.6.1 vs app issue
We've been using our app for the past year, and a user came back today that after three minutes, their phone starts getting hot and the screen dims. He is using 17.6.1 with an iPhone 14 max. No one else is seeing an issue, but with the posts online about 17.6.1 battery drain, I wonder if our AR app is somehow more sensitive to the issue.
2
0
563
Sep ’24
App is too minimal?
So, I run a website about my high school football team, and I created an app that would send score updates to people, provide the schedule, region and local team records. You could log in to adjust whether you get notified every score, or every quarter, or neither. However, when I uploaded it to Apple, it was rejected for it being too minimal. I mean, it does what people would want it to do, which if they can't make it to the game they'll get notified on score updates, the schedule, etc. I don't know what features to add to make it "less minimal". Any suggestions? Also, idk what tags to use for this so, I apologize if I put it in the wrong place.
2
0
347
Sep ’24
Button with symbol SF design like Apple
Hello everyone, I'm working on a fun project for my teacher and want to give my software an Apple-inspired look. Specifically, I'm trying to create image buttons similar to Apple's design (as shown in the image). I need a button with an image that darkens its background when the user hovers over it with the mouse. Any suggestions on how to achieve this effect would be greatly appreciated. For now, I have this code : import SwiftUI struct StudentRow: View { @Environment(\.modelContext) private var modelContext var student: Student @State private var isHover = false var body: some View { HStack { Text(student.name) Image(systemName: "xmark") .opacity(isHover ? 0.9 : 0.1) .bold() .onTapGesture { deleteStudent(student, modelContext: modelContext) } .onHover { hovering in isHover = hovering } } .padding() } } However, I'm not entirely satisfied with the outcome of this code. (Trust me, the outcome is the same when using the magnifying glass icon) plz help
1
0
448
Sep ’24
Need to remove a button image and use new xcode features
HI, I have an older app that used a button with an image in a storyboard that is also localized. The image was just a red button with rounded corners, white stroke outline, and two lines of white text. (actually two words on top of each other) Now I see that I should be able to create this button with the new xcode button features. I want to try that, by removing the old image and just setting the configuration boxes. I see under the Attributes view, there is the setting with my image fileaname,but no dropdown box to set like "none" or an abiltity to remove it right there at the setting of it. I didn't want to delete the button since it would wipe out the connected code etc. I want to be able to translate the two words to other languages as well. I can't find instructions for this particular task. I guess it's too trivial but I just not figuring it out. I keep deleting the whole button. And now the constraints are all gone so I need to use the new xcode to set it backup. thanks for any guidance with the xcode interface! Chrissie
2
0
668
3w