« Rotating Tetrominoes | Main | Imagine Cup: Second Match, Second Attempt »

Quiz Kong - Coded Prototype

Today my User Interface Design class team presented our first version of our coded prototype. I was going to post an entry in the blog yesterday, but I was very busy coding until very late (I went to bed after I started nodding in front of the computer at around 5am). There are still a lot of features and functionality to implement, but it is looking pretty good. It's actually very similar to our paper prototypes. It has been really fun to implement and Adobe Flex has really facilitated a lot of the work. I also used my tablet and pen to draw some of the images that go on the top bar. This is what they look like:


qkbanner.png


myquizzes.png takequizzes.png


Another part I really like is the "Quiz Builder". This is where the current quiz you are working on is displayed. It shows an outline similar to those you see in applications like PowerPoint. Right now we are using yellow to give it a "banana" look to go with the "Kong" theme. What do you think? Does yellow fit this application?

quiz_builder1.JPG quiz_builder2.JPG

Comments

I think yellow fits the application pretty well, not just because of bananas, but also the yellow and black under construction stripes go well with the quiz builder idea. Is the green button related to 'Questions' and the red one to 'Delete'? What does 'Questions' do; open something else to write questions in?

Post a comment