Web design: how to display a huge decision tree with images?

Post date: 2019-09-13 04:08:19
Views: 176
My love of Telephone Pictionary is well-documented. I'm currently running a year-long, 511-person "multiverse" game of Telephone Pictionary, and when I'm done, I want to be able to display the results online. I'm not a web designer (I know rudimentary HTML and once dabbled in CSS), but I'm willing to either learn a few things or pay someone to help. First, I need help thinking through how best to do this. Details within (including "What the hell is Telephone Pictionary?").

First of all, in case you're unfamiliar: Telephone Pictionary is a common party game based on "Telephone" (wherein participants sit in a circle and take turns whispering a phrase in one another's ear, usually finding that the original phrase has become horribly corrupted in the process). In Telephone Pictionary, the first player will write a sentence or phrase; the next player will attempt to depict it in a drawing; the next player will then attempt to describe the drawing using words. After each step, the paper is folded so only the previous step can be seen, and play alternates between written steps and drawn steps.

Typically, play progresses in a linear fashion; when the game is done, everyone looks at the completed results and delights in them. (There are lots of MeFi-generated examples in the link provided above.)

My current project is a "multiverse" version of this game. The chain is only 9 steps long; however, at each step, the gameplay bifurcates--two different people will independently complete the next step, and so on with each step after that. So by the time we get to the 9th step, there will be 256 different end results. In all, there will be 511 separate components. (We're about 10% of the way in so far, and there are a TON of different interpretations already.)

When I'm done, I'd like to publish the results online and send them around to everyone who contributed to the game. And this is where I'm stuck, because I need to find a way to display the results that is straightforward and intuitive, and allows people to navigate through those 256 different branches.

I have a website hosted on WordPress and I can put the whole thing up there. I just need to HTML the damn thing somehow.

I'd love some guidance on the following:

  • Overarching design ideas. I'm imagining something like a decision tree, family tree, or tournament bracket system to display the results, but I'm open to different design ideas as well.

  • Existing templates, ideally free. Maybe I can just pop in some code and insert captions and image URLs?

  • Other design considerations. I have some known unknowns, but I presumably have lots of unknown unknowns as well. What else do I need to be thinking of?
Number of Comments
Please click Here to read the full story.
 
Other Top and Latest Questions:
Movie: Spy x Family Code: White
Delicious in Dungeon: Sea Serpent
TGI Fridays to go public through merger with its U.K. franchisee
Morgan Stanley tops expectations on wealth management, trading and investment banking results
How to manage your money in your 40s, according to CFPs: As your investments grow, 'mistakes can get bigger' too
Requesting RV Rental Recommendations in Reno
Incredibly middle-aged question about home appraisal, taxes, blah
How to screen mirror from Windows 11 to TV (perhaps via AirPlay)
If this is a stock market correction, here's how history says it will unfold
Tesla job cuts heighten Wall Street concerns that EV maker faces a demand problem