· You don't need the bars. Fade or lower the opacity of the background image so that it's very faint (maybe 20-30%).
· Your header type is fine. Make the smaller type black.
· The icons are terrible. Get rid of the clip art and make some simple vector icons. Or, use type only.
· The buttons look clunky. If you go with simple icons, you probably won't need a background shape or border.
· The buttons should be left aligned, not centered. Align them with the left margin of the header type.
· Add more space between the header type and the buttons. Everything is vertically cramped.
· The blue bar at the top is too bright and distracting. Get rid of the hyperlink blue and go with a grey or black. Put the text on one line and eliminate the separate button. Can you make the entire bar a button? Or just make the button background the same color as the bar.) Try putting the bar at the bottom. Or simplify and place a "Buy Now" button in the upper right corner.
Zombie, one word of caution:
Design geeks really like "flat UI" right now.
Basically any part of the user interface that looks like something, or that looks pleasant, or that looks touchable, or that has any qualities of realism to it is, as Orwell would say, doubleplusungood.
Anything that looks like a symbol from a 1970's imported home shelving unit do-it-yourself assembly manual is "good design."
It is a hideous fad and I can hardly wait for it to go away. It has already been overdone, but probably it will take a few more years of things getting worse before the designers revolt and we get a nice bit of baroque backlash.
Anyway do not please the design geeks. Please the user.
Americans need to keep their guns so they can protect themselves from gun violence just like Nancy Lanza did. And like Chris Kyle did. And like Gabby Giffords did. And like Tom Clements did. And like Michael Piemonte.
WAY cool !!!
Also, you might consider adding the product name/company logo to the top left or bottom right corner.
So much cleaner and more professional.
One minor thing that's bothered me as a pad owner/user is your examples are horizontal. I nearly always use my pad vertically. Is there a reason behind that I'm not aware of?
I created a Photoshop example:
Also, what you see is a small and very early part of my app. Imagine it having a lot more buttons and headers. The buttons scroll horizontally. The topics scroll vertically. This way, the user will easily access the topics that they need.
Your design looks cool, but it's endless vertical scrolling.
Last edited by ZombieKiller; July 24th, 2013 at 10:38 AM.
I wanted to add this. My design makes it so that the buttons (sections) scroll horizontally and are independent of the buttons under other topics. For example, if there are 20 buttons (sections) under the topic statics, the user can scroll right and left to look for the right material under statics while the buttons under dynamics remain the same. Now, if there are 20 topics, the user can scroll vertically to find the right topic, and then under that topic he can scroll horizontally to find the right sub-topic.
Again, your design looks really cool. It really does. But it only works if there aren't that much materials to cover. But if there are more than a couple topics, and under each topic there are more than a couple sub-topics, then it's endless vertical scrolling.
I have the hp envy x2, an atom based windows 8 tablet. The processor is just an atom processor, but I've been able to run visual studio on it. I wrote and published 2 apps using that thing.
One could never develop and publish an app in an android tablet. But windows 8 is a dream come true. It runs super fast and powerful on even the most humble processor. And I can do actual work on it.
I know there's a lot of windows 8 bashing right now. I assure you, 99% of those bashings are made by tech dummies and they're not even true. It's another case of monkey see monkey do. Monkey 2 sees monkey 1 hates windows 8, so monkey 2 finds a reason (any reason) to hate windows 8 just to get on the bandwagon.
Of all the criticisms of w8 in the tech review world, I've only found a couple legit ones. The rest are made out of ignorance.
My hatred for Win8 is from my own (limited) experience with it, and I'll admit, my own ignorance(s). I grew up using Win 3.1 through Win95, Win98, WinXP, and Win7 ... which were for the most part similar. Win8 to me is just TOO different, and it's too hard to navigate around in for me. Part of it is my refusal to take the time to learn a totally new Operating System. It's NOT what *I* would call "user friendly", and I'm getting more and more aggravated at some of the stuff Microsoft is putting in their software to 'think for me'. And I used to be able to customize a hell of a lot more than I can now.
The Kindle Fire pad I have was a gift, and while it's great for surfing, it's not good for a whole lot else. Typing is way too slow on it for my taste, the file/pic saving and retrieving is awkward, and the apps for it are mostly cheezy kid games geared toward scamming addicts out of $$$ for extra lives or hints. It's also extremely limited on customization and what video content one can watch on the internet... "Plug-In Not Available".
Believe it or not, it takes about 2 minutes for you to turn windows 8 into windows 7. Most people don't know this, though.
Windows 8 was a radical attempt by MS to survive the paradigm shift. About 4 years ago, PC sales began to drop. Why? Because people started buying phablets more than PC's. Why? Because most people are what we in the trade called (no offense intended) braindead users. Meaning most people just want a computing device to surf the net and blog/facebook/twitter/etc. Before the arrival of phablets, these people had to buy laptops and desktops to do these things. Now that there are phablets that are lighter, cheaper, and battery last longer, why buy a PC when they could buy a phablet?
3 years ago, PC sales took a nosedive with the arrival of the ipad and android tablets. All of the sudden, the market and regular households were saturated by these light weight devices.
For example, a couple months ago, I visited my sister out of town. There, I gathered up all their tablets and took a picture.
The family has 5 members: mom, dad, a 3 year old boy, 6 year old boy, and 9 year old boy. In the picture, you can see the 3 year old in the background. On the tablet, there are 5 transformer infinities and 2 galaxy tab 2's. There's an i7 windows 7 laptop upstairs and an i7 win7 desktop downstairs. They also got galaxy s3 phones.
The market and households have been saturated by these mobile devices. Sure, there are those of us who still need more powerful platforms to work with. But for the most part, most people are perfectly fine with mobile phablets.
So, MS could sit still and came out with another windows 7 OS and watch windows slip into irrelevancy or they could gamble on trying to take a piece of the phablet pie.
Trust me, I have the ipad, iphone, a couple of android tablets, android phones, and windows 8 tablet. Trust me, windows 8 tablets are better than everything else combined. People hate it because they're already used to iOS and android on mobile devices. Just give windows 8 a chance and it will be the best experience you will ever have.
I'd just pull out my HP, why bother with a web gadget?
But if you insist... I'd set it off with a tiny (red?) border. Or even make it float, if you know how to do that.
Also even when expanded to full size (1366*768), the damn operator symbols are too small for, ahem, aging eyes! It's almost impossible to tell the difference between the decimal point and the subtraction symbol.
Regarding the size of the operators, yes I noticed that right after I posted the screenshot. I've made those operators much bigger now.
Regarding having the calculator in the app, it's an education app. Back when I was in college, for 2 years I commuted back and forth on the train. Sometimes I would study on the train. Having a real live floating calculator (literally) was a pain in the neck. Kept falling off the seat, kept losing it in my stuff, etc.
The purpose of my apps are not to give you a simple calculator. The purpose is to provide studying materials for college students. The apps are for running on tablets. There are interactive problems that they can do and step by step instructions and solutions that they can use. Instead of having to put down the tablet and then pick up the calculator every time they needed to make a calculation, why not give them an ever-present calculator right there on the screen? I'll be adding more functions to the calculator. The goal is so they don't have to hold several things at once when they are studying.
Yes, you make perfect sense. I'm curious about your previous feedback for a floating calculator, though. How long ago was that feedback? Newer browsers handle that sort of thing much better than they used to.
"Dock" the calculator and have it appear as an easily accesible float seems obvious to me. But perhaps I'm missing something?
I love the muted color scheme: blue, white and grey. Seems to me you could sneak in a little dark green, as needed, for emphasis.
You need a small "site map" at the very top of the page to denote Where You Are.
E.g., ZombieKiller's physic's page >> Concepts >> Friction >> Pulleys and Friction
PM me if you'd like to discuss in more detail. I'm enjoying the exchange and the physics are fun, too!
Again, it's one of those things where before you implement it it seems like a good idea. But once you have it, it's not what you thought at all.
It used to be obvious to me, too. It wasn't a calculator that I had floating before. When I first put it in, I thought it would be way cool. Then I started getting emails from people who wanted me to dock it somewhere and make it not movable. I started using it and it started to annoy me as well."Dock" the calculator and have it appear as an easily accesible float seems obvious to me. But perhaps I'm missing something?
The reason I chose to put the calculator on the upper right hand corner is that's where the right thumb would be. I've been testing it with my tablet and I can very easily access the calculator with my right hand while putting about 80% of the support over to my left hand.
Me, too. I think I've finally found a common theme for all my apps. After I'm done with this project, which hopefully will be next week, I will go back and change the theme of my other apps into this. I'll probably start working on my android apps next month.I love the muted color scheme: blue, white and grey. Seems to me you could sneak in a little dark green, as needed, for emphasis.
And good idea on the dark green. I'm doodling with another tool for this app that I might or might not put it in. It's a graphing tool. Not sure if many people will find it useful. But if I do use it, I'll definitely put some dark green in there.
I think I said this somewhere before. Before, all my apps were all black and white. Then one day my boyfriend looked at them and he said they looked like shit. That's when I came on here and started asking people for advice. You guys are the best!
Good idea there. I'll be having an index in there somewhere.You need a small "site map" at the very top of the page to denote Where You Are.
E.g., ZombieKiller's physic's page >> Concepts >> Friction >> Pulleys and Friction
Why not here? So far, people's collective inputs have had a profound impact on the theme of my apps. I'm using/testing one of my apps right now with this theme and I absolutely love it. It's really is a beautiful UI. Sure beats the shit UI that I was using before.PM me if you'd like to discuss in more detail. I'm enjoying the exchange and the physics are fun, too!
Yeah, what's next? The collective input is fun, so we can stick to that. I find I can be a little more expressive and thoughtful in emails, that's all.
Ok, I've taken your advice and make the calculator float. It always start out at the upper right hand corner. You can now drag it around by simply hold onto any of the buttons. It's a scientific calculator and it is also collapsible. The goal is to make it convenient to work with. Students can do the problems without fumbling around with their calculators. They can compute right on the screen of their tablets.
I'm doodling with the idea of adding graphing capabilities to the calculator. But that's for later.
I know there are quite a few horny students on here. Beside easy to digest review materials, interactive problems, step by step solutions and instructions, and a scientific calculator, what else would you want to make your studying more convenient?
Here's where the calculator starts out.
Last edited by ZombieKiller; July 27th, 2013 at 06:01 PM.
I hope the float works. I have never used a tablet, so your explanation of how to hold the tablet while trying to use the calculator makes sense.
I see your point at how it could become annoying very quickly. Do you understand my idea of letting it float, but also being able to 'dock' it as a small side tab that slides in and out -- upper right-hand corner -- when not in use? That's why I think it ought to be set off with a tiny red border -- the tab could also be red and very easily picked out.
Speaking of borders, this is where the dark green could come in handy. See the "Sample Problems" on the left navigation bar? Surround that by a thin dark green border. Do the same with "Show Solution". You could use green for the calculator, too; but I think red would be better -- but don't use red for anything else.
Last edited by OPHELIA_HARDIN; July 29th, 2013 at 08:04 AM.