iOS Need help making a simple text heavy app

This sounds more like a website than an app. For example, consider websites that provide the lyrics for popular songs. Each song is basically just a page of lyrics, with some formatting (CSS, images, etc.).

So I think you should start by making a website with HTML+CSS. Distribute the URL to your youths, and have them bookmark it, or save it as a web-app (iOS can do this; Android I don't know). If they have internet access, all they need to do is touch the web-app icon or bookmark, and boom they're at the starting page.

There are some things you can do on the web-server side to enhance the experience under Safari (there are probably similar things to optimize for Android browser or Chrome). You will probably need some control over your server to provide some features (such as client-side data storage), but a lot of things are easy to do just by putting a few tags or meta tags in the HTML page. See here:
https://developer.apple.com/library...farioniPhone/OptimizingforSafarioniPhone.html

The "Configuring Web Applications" section has a list of stuff you can put in HTML. Other sections cover CSS (and conditional CSS), and other HTML capabilities. I used a lot of these in a web-app I deployed a few years ago. The web-server was an embedded microcontroller, so I couldn't use every optimization (e.g. I couldn't serve a manifest file with the necessary type, see "Storing Data on the Client"), but a lot of them worked.

sdimas said:

I guess the best representation of what I'm trying to make is kind of like the mobile Bible app, where you can scroll through and select what song you will need in this case. What is the best way to go along doing this?

Click to expand...

I know nothing about a mobile Bible app. Either describe how it's used in more detail, or provide a link to a web-page that shows what you want.

It sounds like you have a list of songs. They might fall into categories. So make top-level categories with a name, and list the songs under each category. The name of the song is then a link to that song. Example using only the markup available in this forum, so real HTML could use any tags at all, not just this simple stuff:
Real HTML would use tags like H1, H2, H3 etc. for the category headings. and you'd probably apply a style to the links.


The first thing you need to think about is how you want to arrange the main list, which will depend on how many songs and categories you have. Play around, write some HTML, and put it on a web-server you have control of, or just store it as an HTML file and open it in a browser on your computer.

Once you have the basic list structure down, then decide what one page of lyrics will look like. Again, write some HTML files, using real lyrics from real songs you'll use. Set up the links in your main list, and see how it looks. Play around with the CSS styling. Try it on different mobile devices.

After the basic look is done, put the rest of the lyrics into HTML, and add links. Beta-test with some of your youths, make revisions, then deploy.


If you have lots of categories, with lots of songs in each category, then make each category its own page, with the songs as links on that page. Then the main page is a list of category names, where each name is a link to that category's page.

This is all pretty elementary data structuring for design. Think about how you want to use it, and design for that use. Then make an example, try it, and see if it succeeds in that use. You learn a lot just by thinking about use and then trying it.

sdimas said:

Also they have guitar chords so how do you suggest I implement those? Make a separate page? Or integrate them into the stanzas?

Click to expand...

Think about who uses each part (lyrics and chords). If everyone uses both, then it makes sense to integrate them. If most people don't use chords, then it probably doesn't make sense to always show them. If they don't always appear, think about ways to show them.

A lot of design is what I posted before: think about who uses what, think about how to present the most useful info for each target audience, then try things. This is how you learn about design: how is it used, by whom; write it down, try it out, see how it works; repeat.