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.

All subtopics
Posts under Design topic

Post

Replies

Boosts

Views

Activity

new developer, need help displaying on screen
brand new newbie developer to xcode. so im doing an api call and getting back data from a mysql database. in the xcode preview window im getting data, but i cant figure out how to tie it to the screen when going into the simulator. i have screen 1 that i want to click a button to go to screen 2 that displays the data. screen one (home screen) comes up okay. cant quite figure out what im doing wrong here. im thinking its either a class issue or something to do with view or something. not sure. ive tried looking at so many different videos and i cant seem to find my answer. Any help would be appreciated. thank you View Controller: import UIKit //import SwiftUI let URL_TOURNAMENT_FETCH = "https://www.thesoftball.com/t2g_mobile_app/mobile_api.php" class ViewController: UIViewController { override func viewDidLoad() { super.viewDidLoad() } @IBAction func onEmailButtonPressed(_ sender: Any) { UIApplication.shared.open(URL(string: "mailto:[email]")! as URL, options: [:],completionHandler: nil) } /* @IBAction func FetchTournButton(_ sender: Any) { UIApplication.shared.open(URL(string: "https://www.thesoftball.com/t2g_mobile_app/mobile_api.php")! as URL, options: [:],completionHandler: nil) } */ @IBAction func ViewTournamentButton(_ sender: Any) { // the following is a popup let alertController = UIAlertController(title: "Welcome to My First App", message: "Hello World", preferredStyle: UIAlertController.Style.alert) alertController.addAction(UIAlertAction(title: "OK", style: UIAlertAction.Style.default, handler: nil)) present(alertController, animated: true, completion: nil) } @IBAction func account_button_pressed(_ sender: Any) { UIApplication.shared.open(URL(string: "https://www.thesoftball.com")! as URL, options: [:],completionHandler: nil) } /* struct viewDidLoadModifier: viewDidLoadModifier { @State private var didLoad = false private let action: (() -> void)? init(perform action) { } } */ } ContentView (preview works in this) import SwiftUI struct ContentView: View { @StateObject var viewModel = ViewModel() var body: some View { NavigationView{ List{ ForEach(viewModel.courses,id: \.self) { tournament in HStack { Image("") .frame(width: 5, height: 120) .background(Color.orange) VStack { Text(tournament.name).bold() Text(tournament.dates) Text(tournament.datee) Text(tournament.location) // Text(course.location) // Text(course.message) // .bold() } } .padding(0) } } .navigationTitle("Tournaments") // .onAppear { viewModel.fetch()} .onAppear(perform: viewModel.fetch) } } } struct ContentView_Previews: PreviewProvider { static var previews: some View { ContentView() } }
0
0
575
Jul ’24
Behavioral change in iOS 18 related to SCEP profile downloads from the browser.
Hi Team, We have noticed a behavioral change in iOS 18 related to SCEP profile downloads from the browser. In current flow, we are using Cisco ISE as SCEP server. While testing in iOS 18, we have observed that before communicating to SCEP server iOS is asking to download the SCEP server certificate. This differs from iOS 17.4, where the communication happens seamlessly without any new prompts. Could you please confirm if this certificate download popup behavior is expected in iOS 18? Additionally, we would appreciate any guidance on whether this change in likely to persist in future updates, as it impacts our user flow. Please let us know where we can attach video recordings of previous and current processes. Thanks
Topic: Design SubTopic: General Tags:
3
0
721
Nov ’24
Lock Screen Orientation
Looking for code to prevent a user from going landscape on a particular view controller only for an iPhone. The user should be able to rotate the view to landscape on an iPad only on the view controller.
Topic: Design SubTopic: General
1
0
523
Jul ’24
iOS 18 (22A3354) icons dark/light swapping
I am seeing a bug with the use of iOS 18’s Customize Automatic setting. When swiping from page view to page view forward and back, the apps’ icon version of dark or light change with each return to that page, constantly…first view the app’s icon is light, return view and it’s dark, then return a next time and it’s back to light. Going further, switching the Customize dark/normal background setting (the sun icon in top left) resolves once clicked.
Topic: Design SubTopic: General
0
0
1.6k
Sep ’24
IOS18 “updates”
This update seems to have taken away customization features. So now I just have to have the same lock screen and home screen background? There’s no way to have 2 separate images anymore? Also I have my phone in darkmode so now I just have to deal with the ugly black thumbnails for the app? I can’t revert them to normal colors while keeping dark mode?
Topic: Design SubTopic: General Tags:
1
0
500
Oct ’24
SF Symbols beta 4
The download links on this page: https://developer.apple.com/sf-symbols/ state this is SF Symbols beta 4. Though downloading, installing, and launching Applications->SF Symbols beta then selecting SF Symbols beta->"About SF Symbols beta" in the menu pulldown it displays version 3 with older copyright. This does not appear to be the new beta 4. Can someone let me know if they see the same and how to download the true beta 4.
Topic: Design SubTopic: General Tags:
0
0
1.5k
Jul ’22
Coloring SFSymbol in code
I'm currently experimenting with SFSymbol animations for iOS 17.0 I have a custom symbol that I like to animate with the Variable Color effect, and I want to set the colors in code. However, coloring the symbol in code doesn't work. What am I missing? Image("my-fancy-custom-symbol") .symbolRenderingMode(.multicolor) .foregroundStyle(.white, .yellow) .symbolEffect(.variableColor, options: .repeating)
0
0
828
Jul ’23
A phone keyboard layout for easy typing!
Last November 13 I came up with a phone keyboard layout (strategy) that can make key size bigger hence less mistyping. The typical phone keyboard looks like this: My proposed keyboard looks like this: Essentially, it's a split keyboard with the left-hand part stacked above/below the right-hand part. Key size/width/height and the vertical distance between the left-hand part and right-hand part may be adjustable to suit different phone widths and user hand sizes. You guys can show the proposed keyboard's image on your phone and fit this keyboard to your phone width so you can actually simulate typing on it to see how it feels. On my phone, the letter keys in it are a little too big for my thumbs to reach the farthest keys, but as I said, key size should be adjustable to suit different phone widths and user hand sizes.
0
0
835
Oct ’24
Having trouble importing custom SF Symbols
I justed started trying to make my own SF symbols today and am having a little trouble getting it to work correctly. I downloaded a variable template, made a few edits (putting a circle around a music note, nothing crazy), and exported and validated the template (no problems). But when I finally import the custom symbol into the SF Symbols app, it just appears as a filled circle. I reviewed the Apple documentation and WWDC video on this and don't know what I'm doing wrong. The template of my custom symbol should be styled and organized just like the ones that are exported from the app—groups named with the font weight and curves within those groups. My exported SVG template is here; what I see in SF Symbols is here. Any help would be appreciated. This is driving me crazy!
Topic: Design SubTopic: General Tags:
1
0
1.3k
Aug ’22
Custom fonts aren’t being recognized in my React Native project
I've been trying to add a custom .ttf font in my React Native project but Metro keeps telling me it's an "Unrecognized font family" in the iOS simulator. I followed an article where I created a Font group in Xcode, added the font files there, updated my Info.plist file with the fonts to use, and tried restarting my React Native build. This also didn't work. I’ve checked my Info.plist file and the names there match the filenames of the fonts (which matches the postscripts just to be safe). I know this isn’t a React Native forum, but what could be causing my fonts to not be working with iOS?
Topic: Design SubTopic: General Tags:
0
0
1.4k
Aug ’22
Is it mandatory for gambling apps to provide guest login functionality?
Hello everyone, I am currently developing a gambling app and would like to ask if anyone has relevant experience or knowledge regarding whether it is necessary to require users to log in immediately when launching the app? Or is it permissible to offer a "guest mode" for users to try out the app before requiring them to log in? Does this comply with the policies of Apple or Google Play? Thank you all for your guidance!
Topic: Design SubTopic: General Tags:
0
0
369
Oct ’24
Increase vocabulary
It would be nice if the vocabulary utilized by Apple keyboard and swipe would incorporate more medical terminology. It sucks when you’re trying to type in words like gastroenterologist or hepatorenal and my words get autocorrected or misunderstood … thank you!
Topic: Design SubTopic: General
1
0
456
Jul ’24
Copycats?But ODIKING belongs to us!
Hi,After I tried to submit my APP for review several times, it was still rejected for the following reasons: Guideline 4.1-Design-Copycats: The app or its metadata appears to contain potentially misleading content. Specifically, the app includes content that resembles ODIKING without the necessary authorization. But odiking belongs to our company's product, I don't know the problem, I don't understand how to prove that this product does not belong to a third party content Tanks1
Topic: Design SubTopic: General
0
0
290
Oct ’24
New product idea - iCase or iBriefcase
The text below is in Russian language. My English is not good enough, so feel free to use translator. Thanks for your patience. Идея такая: часть устройств Apple не используется постоянно в течение дня, особенно, за счёт того, что во время пандемии люди работают из дома. Устройства вроде внешних аккумуляторов, наушников и чего-то ещё. Было бы здорово сделать для них какой-нибудь кейс или коробку, чтобы можно было бы эти устройства хранить или перевозить в чемодане в багаже или в ручной клади, например. Назвать его можно исходя из назначения использования - iCase или iBriefcase. Также классным решением, на мой взгляд, было бы выпускать такие кейсы разных размеров в части содержимого (например, с двумя отделениями: для часов и для наушников; или с тремя отделениями: часы, наушники и внешний аккумулятор; и так далее). В дополнение, можно было бы такие кейсы заряжать, и чтобы при помещении туда разных устройств, эти гаджеты тоже бы заряжались. Такая тема была бы полезна в поездках, да и просто удобна для разовой зарядки имеющейся техники. В части внешнего исполнения таких кейсов тоже вариантов много: белые пластиковые, как кейс для AirPods, или чёрные из глянцевого пластика (такого точно раньше не было); или же варианты подороже, обтянутые кожей разных цветов. Крышка кейса держалась бы закрытой за счёт магнитов. То есть вся коробка должна быть гладкой, обтекаемой формы, без каких-либо ручек или чего-то ещё. К этим кейсам ещё и чехлы можно выпускать, там тоже вариантов миллион. Надеюсь, было интересно. Спасибо за внимание.
Topic: Design SubTopic: General Tags:
2
0
598
Oct ’21
new developer, need help displaying on screen
brand new newbie developer to xcode. so im doing an api call and getting back data from a mysql database. in the xcode preview window im getting data, but i cant figure out how to tie it to the screen when going into the simulator. i have screen 1 that i want to click a button to go to screen 2 that displays the data. screen one (home screen) comes up okay. cant quite figure out what im doing wrong here. im thinking its either a class issue or something to do with view or something. not sure. ive tried looking at so many different videos and i cant seem to find my answer. Any help would be appreciated. thank you View Controller: import UIKit //import SwiftUI let URL_TOURNAMENT_FETCH = "https://www.thesoftball.com/t2g_mobile_app/mobile_api.php" class ViewController: UIViewController { override func viewDidLoad() { super.viewDidLoad() } @IBAction func onEmailButtonPressed(_ sender: Any) { UIApplication.shared.open(URL(string: "mailto:[email]")! as URL, options: [:],completionHandler: nil) } /* @IBAction func FetchTournButton(_ sender: Any) { UIApplication.shared.open(URL(string: "https://www.thesoftball.com/t2g_mobile_app/mobile_api.php")! as URL, options: [:],completionHandler: nil) } */ @IBAction func ViewTournamentButton(_ sender: Any) { // the following is a popup let alertController = UIAlertController(title: "Welcome to My First App", message: "Hello World", preferredStyle: UIAlertController.Style.alert) alertController.addAction(UIAlertAction(title: "OK", style: UIAlertAction.Style.default, handler: nil)) present(alertController, animated: true, completion: nil) } @IBAction func account_button_pressed(_ sender: Any) { UIApplication.shared.open(URL(string: "https://www.thesoftball.com")! as URL, options: [:],completionHandler: nil) } /* struct viewDidLoadModifier: viewDidLoadModifier { @State private var didLoad = false private let action: (() -> void)? init(perform action) { } } */ } ContentView (preview works in this) import SwiftUI struct ContentView: View { @StateObject var viewModel = ViewModel() var body: some View { NavigationView{ List{ ForEach(viewModel.courses,id: \.self) { tournament in HStack { Image("") .frame(width: 5, height: 120) .background(Color.orange) VStack { Text(tournament.name).bold() Text(tournament.dates) Text(tournament.datee) Text(tournament.location) // Text(course.location) // Text(course.message) // .bold() } } .padding(0) } } .navigationTitle("Tournaments") // .onAppear { viewModel.fetch()} .onAppear(perform: viewModel.fetch) } } } struct ContentView_Previews: PreviewProvider { static var previews: some View { ContentView() } }
Replies
0
Boosts
0
Views
575
Activity
Jul ’24
Behavioral change in iOS 18 related to SCEP profile downloads from the browser.
Hi Team, We have noticed a behavioral change in iOS 18 related to SCEP profile downloads from the browser. In current flow, we are using Cisco ISE as SCEP server. While testing in iOS 18, we have observed that before communicating to SCEP server iOS is asking to download the SCEP server certificate. This differs from iOS 17.4, where the communication happens seamlessly without any new prompts. Could you please confirm if this certificate download popup behavior is expected in iOS 18? Additionally, we would appreciate any guidance on whether this change in likely to persist in future updates, as it impacts our user flow. Please let us know where we can attach video recordings of previous and current processes. Thanks
Topic: Design SubTopic: General Tags:
Replies
3
Boosts
0
Views
721
Activity
Nov ’24
Lock Screen Orientation
Looking for code to prevent a user from going landscape on a particular view controller only for an iPhone. The user should be able to rotate the view to landscape on an iPad only on the view controller.
Topic: Design SubTopic: General
Replies
1
Boosts
0
Views
523
Activity
Jul ’24
How is a toast shaped photo frame made?
How is a toast shaped photo frame made? There's a demo?
Replies
0
Boosts
0
Views
954
Activity
Jan ’22
iOS 18 (22A3354) icons dark/light swapping
I am seeing a bug with the use of iOS 18’s Customize Automatic setting. When swiping from page view to page view forward and back, the apps’ icon version of dark or light change with each return to that page, constantly…first view the app’s icon is light, return view and it’s dark, then return a next time and it’s back to light. Going further, switching the Customize dark/normal background setting (the sun icon in top left) resolves once clicked.
Topic: Design SubTopic: General
Replies
0
Boosts
0
Views
1.6k
Activity
Sep ’24
IOS18 “updates”
This update seems to have taken away customization features. So now I just have to have the same lock screen and home screen background? There’s no way to have 2 separate images anymore? Also I have my phone in darkmode so now I just have to deal with the ugly black thumbnails for the app? I can’t revert them to normal colors while keeping dark mode?
Topic: Design SubTopic: General Tags:
Replies
1
Boosts
0
Views
500
Activity
Oct ’24
Alignment constraints are disabled in xcode.
Hello, I am trying to add a leading and trailing alignment to an image but the option is disabled. Can somebody please help with this, here's the screenshot for reference
Topic: Design SubTopic: General Tags:
Replies
0
Boosts
0
Views
605
Activity
Jul ’23
SF Symbols beta 4
The download links on this page: https://developer.apple.com/sf-symbols/ state this is SF Symbols beta 4. Though downloading, installing, and launching Applications->SF Symbols beta then selecting SF Symbols beta->"About SF Symbols beta" in the menu pulldown it displays version 3 with older copyright. This does not appear to be the new beta 4. Can someone let me know if they see the same and how to download the true beta 4.
Topic: Design SubTopic: General Tags:
Replies
0
Boosts
0
Views
1.5k
Activity
Jul ’22
Coloring SFSymbol in code
I'm currently experimenting with SFSymbol animations for iOS 17.0 I have a custom symbol that I like to animate with the Variable Color effect, and I want to set the colors in code. However, coloring the symbol in code doesn't work. What am I missing? Image("my-fancy-custom-symbol") .symbolRenderingMode(.multicolor) .foregroundStyle(.white, .yellow) .symbolEffect(.variableColor, options: .repeating)
Replies
0
Boosts
0
Views
828
Activity
Jul ’23
A phone keyboard layout for easy typing!
Last November 13 I came up with a phone keyboard layout (strategy) that can make key size bigger hence less mistyping. The typical phone keyboard looks like this: My proposed keyboard looks like this: Essentially, it's a split keyboard with the left-hand part stacked above/below the right-hand part. Key size/width/height and the vertical distance between the left-hand part and right-hand part may be adjustable to suit different phone widths and user hand sizes. You guys can show the proposed keyboard's image on your phone and fit this keyboard to your phone width so you can actually simulate typing on it to see how it feels. On my phone, the letter keys in it are a little too big for my thumbs to reach the farthest keys, but as I said, key size should be adjustable to suit different phone widths and user hand sizes.
Replies
0
Boosts
0
Views
835
Activity
Oct ’24
Too low contrast on standard swiftUI buttons in visionOS!
I have a fairly standard app for visionOS, created using SwiftUI. I have not added any customization, so I regard this "out of the box" graphics. Legibility is far too low. I know I can change that, but by default, SwiftUI should generate UI elements that are within WCAG2 specs.
Replies
1
Boosts
0
Views
895
Activity
Sep ’23
Having trouble importing custom SF Symbols
I justed started trying to make my own SF symbols today and am having a little trouble getting it to work correctly. I downloaded a variable template, made a few edits (putting a circle around a music note, nothing crazy), and exported and validated the template (no problems). But when I finally import the custom symbol into the SF Symbols app, it just appears as a filled circle. I reviewed the Apple documentation and WWDC video on this and don't know what I'm doing wrong. The template of my custom symbol should be styled and organized just like the ones that are exported from the app—groups named with the font weight and curves within those groups. My exported SVG template is here; what I see in SF Symbols is here. Any help would be appreciated. This is driving me crazy!
Topic: Design SubTopic: General Tags:
Replies
1
Boosts
0
Views
1.3k
Activity
Aug ’22
Custom fonts aren’t being recognized in my React Native project
I've been trying to add a custom .ttf font in my React Native project but Metro keeps telling me it's an "Unrecognized font family" in the iOS simulator. I followed an article where I created a Font group in Xcode, added the font files there, updated my Info.plist file with the fonts to use, and tried restarting my React Native build. This also didn't work. I’ve checked my Info.plist file and the names there match the filenames of the fonts (which matches the postscripts just to be safe). I know this isn’t a React Native forum, but what could be causing my fonts to not be working with iOS?
Topic: Design SubTopic: General Tags:
Replies
0
Boosts
0
Views
1.4k
Activity
Aug ’22
Is it mandatory for gambling apps to provide guest login functionality?
Hello everyone, I am currently developing a gambling app and would like to ask if anyone has relevant experience or knowledge regarding whether it is necessary to require users to log in immediately when launching the app? Or is it permissible to offer a "guest mode" for users to try out the app before requiring them to log in? Does this comply with the policies of Apple or Google Play? Thank you all for your guidance!
Topic: Design SubTopic: General Tags:
Replies
0
Boosts
0
Views
369
Activity
Oct ’24
Increase vocabulary
It would be nice if the vocabulary utilized by Apple keyboard and swipe would incorporate more medical terminology. It sucks when you’re trying to type in words like gastroenterologist or hepatorenal and my words get autocorrected or misunderstood … thank you!
Topic: Design SubTopic: General
Replies
1
Boosts
0
Views
456
Activity
Jul ’24
SF Symbols & Fonts - Commercial use
Are SF Symbols and other fonts provided available for commercial use? For example, in a marketing website.
Replies
1
Boosts
0
Views
1.8k
Activity
Apr ’22
Copycats?But ODIKING belongs to us!
Hi,After I tried to submit my APP for review several times, it was still rejected for the following reasons: Guideline 4.1-Design-Copycats: The app or its metadata appears to contain potentially misleading content. Specifically, the app includes content that resembles ODIKING without the necessary authorization. But odiking belongs to our company's product, I don't know the problem, I don't understand how to prove that this product does not belong to a third party content Tanks1
Topic: Design SubTopic: General
Replies
0
Boosts
0
Views
290
Activity
Oct ’24
New product idea - iCase or iBriefcase
The text below is in Russian language. My English is not good enough, so feel free to use translator. Thanks for your patience. Идея такая: часть устройств Apple не используется постоянно в течение дня, особенно, за счёт того, что во время пандемии люди работают из дома. Устройства вроде внешних аккумуляторов, наушников и чего-то ещё. Было бы здорово сделать для них какой-нибудь кейс или коробку, чтобы можно было бы эти устройства хранить или перевозить в чемодане в багаже или в ручной клади, например. Назвать его можно исходя из назначения использования - iCase или iBriefcase. Также классным решением, на мой взгляд, было бы выпускать такие кейсы разных размеров в части содержимого (например, с двумя отделениями: для часов и для наушников; или с тремя отделениями: часы, наушники и внешний аккумулятор; и так далее). В дополнение, можно было бы такие кейсы заряжать, и чтобы при помещении туда разных устройств, эти гаджеты тоже бы заряжались. Такая тема была бы полезна в поездках, да и просто удобна для разовой зарядки имеющейся техники. В части внешнего исполнения таких кейсов тоже вариантов много: белые пластиковые, как кейс для AirPods, или чёрные из глянцевого пластика (такого точно раньше не было); или же варианты подороже, обтянутые кожей разных цветов. Крышка кейса держалась бы закрытой за счёт магнитов. То есть вся коробка должна быть гладкой, обтекаемой формы, без каких-либо ручек или чего-то ещё. К этим кейсам ещё и чехлы можно выпускать, там тоже вариантов миллион. Надеюсь, было интересно. Спасибо за внимание.
Topic: Design SubTopic: General Tags:
Replies
2
Boosts
0
Views
598
Activity
Oct ’21
iOS 15 app ui keep breaking after few hour kept in background
I have a similar issue in an iOS react-native app after iOS 15 upgrade but with not a crash. If someone opens the app after ~1 hour from the last time he/she opened it, the app skips the SplashScreen and after that nothing renders correctly. The positioning and order of components are wrong.
Replies
2
Boosts
0
Views
878
Activity
Dec ’21
Weather Kit REST API doesn't contain SF Symbol name.
The weather data from Weather Kit REST API doesn't contain SF Symbol name. Is there a way to get the SF Symbol name by "conditionCode"?
Replies
3
Boosts
0
Views
1.7k
Activity
Sep ’23