Hot answers tagged jquery
7
Ideally the modal is as tall as need be to contain its contents, but no taller. And that the viewport is taller than the modal.
Now, if you're running into situations where you have so much content in the modal that the modal has to be taller than the viewport, then you have two options:
let the page or modal scroll
rethink using a modal in this ...
6
Yes
Regarding sliders/carousels I say most definitely yes.
Sliders are Lists of Information
A slider (e.g., like slidejs) is really a list, or array, of information elements. In this case the elements usually consist of a full-bleed background image possibly containing a title, some descriptive copy, and possibly a link/call-to-action. The idea is you ...
5
I'd consider using some kind of a star, maybe an 8+ point star so that it doesn't look like a some kind of a bonus counter.
I've also often seen coins and diamonds or some objects thematically related to the game used as score icons but that may not be possible in your case.
5
If you make a distinction between a UI designer and a UI/front end developer, I would expect the latter to be competent with scripting to a decent level but the former not necessarily. If you are designing an interface that someone else will eventually implement and your JavaScript knowledge isn't brilliant, you have a responsibility to chat with a more ...
4
You're right, you can't have this happen on rollover on a button. The reason is actually quite simple: you don't wan't the menu to pop each time a user accidentally rolls over the button on her way to a different control. It would be extremely distracting and uncomfortable. So what you do is display the menu after a small delay. But that's the standard ...
4
The question is whether your users need to know that there is a null column. If they do, then you can't ever count on them being "smart enough" to notice that the column is missing and deducing that it must be a null, so you must display it. Then you'll probably need to come up with a custom indication of null, because the third state of a tri-state checkbox ...
3
Don't waste user's time just because the visuals look good. 2 seconds is plenty of time to frustrate the user if it happens every time - and will make the site appear really slow because nothing appears to happen fast.
It's important to provide feedback and confirmation of completion - but not to fake it like that.
In any case, a lightbox is a distraction ...
3
It appears that the icon they're referencing with content: "\f002" is intended to be a normal magnifying glass, per the FontAwesome docs: http://fortawesome.github.com/Font-Awesome/#icon/icon-search
The FontAwesome site shows a blank spot in the WOFF file that loads:
3
My first question would be how frequently is a user going to want to see classes for multiple states? Maybe that doesn't need to be so large and multi-select but rather a dropdown. I would, however, have state come first (regardless of if it is multi-select) and have the city drop down filter to only show the cities in that state (or those states). This kind ...
2
Reasonably clean UI.
Brewery may not be meaningful for most people. What percentage of Budweiser drinkers can spell Anheiser-Busch (even if they've heard of it)? Even fewer Singha beer drinkers (most popular beer in Thailand) know of Boon Rawd brewery.
If brewery name is an important piece of data, auto-detect it based on the beer name or offer it in a ...
2
The logic of your screenshot is fine. The layout is awful though :). The Gender dropdown is an especially nice touch :).
download bmml source – Wireframes created with Balsamiq Mockups
Another way to do this is to always have a blank form ready. Then in case the user wants to add another entry he uses the form, and once he presses Save, a new ...
2
I'm not sure your question makes a lot of sense (I'm sorry). UX is platform independant; you can design the UX of a chair, of a TV remote, for a POS terminal, as well as for a website. Even with website design, there are dozens of technologies that can be used to build the interaction of the site.
You need to be familiar with the capabilities of the ...
2
Why don't you use compatibility check library like Modernizr
http://www.modernizr.com/
Than based on your detection, decide what you load, so that newer browsers get the HTML5 goodies and all the rest get to work with jQuery UI.
2
HTML/CSS is anyway assumed by default for any UI designer, so there is no debate on the need of that.
But just having HTML/CSS skills would not really be much of an asset, considering that most web pages nowadays have a whole lot of front end scripting to do also. UI designers, would need some knowledge of JavaScript/Jquery to manipulate the DOM objects, ...
2
Designers should understand the medium they are working in. Web designers, for example, should understand HTML, CSS and JS, and, ideally, how back end systems work.
To what extent do they need to understand all of that? Well, it depends. Primarily, it depends on the size of team they may be working on. The larger the UX team, the more dedicated and ...
2
Below are 2 javascript libraries that
can mimic your finance graph image.
Highcharts - http://www.highcharts.com/stock/demo/
amCharts - http://www.amcharts.com/stock/
There is also an interesting jQuery plugin date range slider
called jQRangeSlider - http://ghusse.github.com/jQRangeSlider/stable/demo/,
although adding any kind of volume trending to it ...
1
If you're comfortable with Javascript, why not just use a framework like Zurb's Foundation or Twitter's Bootstrap and add some of the interactivity to the otherwise static demo. You can also add some quick UI enhancements with JQueryUI or KendoUI.
You might also look at something like Axure. Though it costs a bit of cash, it might be what you're looking ...
1
You can show small preloader near to button or input. For example, you need create todo list, you may made it like this:
This solution have several benefits:
Preloader does not take up much space. It's not big lightbox which expanded to whole page
After-preloader icon display the status of operation, user can see status simply look to this icon
...
1
I think what you are looking for is what Jared Spool calls a "super designer."
http://www.uie.com/brainsparks/2011/05/31/why-the-valley-wants-designers-that-can-code/
There are quite a few of these types of people out there. They have decent design chops and can code what they design (although, frequently someone else does it). This has the advantage of ...
1
This isn't a situation where you can say "yes, all UI designers should/shoudln't know javascript/jQuery/coding/whatever". And I can't disagree enough with people who insist it can actually be harmful for your designers to know how to do things!
Instead of asking "should they know it" you really need to look at your team's needs. Do you need high fidelity ...
1
As per my knowledge UI designer is a person who will only create the design using an image editor or similar method. They do not need to have any technical knowledge.
And the web developers (UI related parts will be implemented by front end developers) will do the coding to provide real web pages according to designer's sketch.
In this case a UI designer ...
1
Any one who's participating in the frontend development of a site isn't really worth much if they don't know the basic jQuery for manipulating DOM objects, using plugins and doing things like slideshows as you said. Heck a lot of designers are limited if they can't implement the slideshow they've put into a design.
HTML/CSS isn't a challenge days, they ...
1
Excel spreadsheets (in fact, any file-based solution) are very limited (you find the file blocked when you want to modify something, lots of people can make changes without warnings, you have issues with remote locations due to bandwith/latency).
You can create one as an internal prototype so you get feedback about fields needed and so on, but always aim to ...
1
I'm currently working on a system which has a fullscreen map and uses dialogue windows floating above this to house content and forms.
When designing the system I had always planned to allow resizing and had started my mockups working this way, however, after some thought I removed this.
In my case I was having to make very specific layouts for each popup. ...
1
It depends! If your entire loading time of the page within the process stays within a second, I would recommend to implement similar controls of the web page. Your image of Firefox implementing the range input is really bad, and if it can be avoided it should.
Jacob Nielsen, a usability guru, wrote an article of Response time limits on applications and web ...
1
If you are talking of visual cues on mouseover, the answer is possibly yes. I think it is important that when your mouse goes over something, it does not immediately change to something unrecognisable. So if you want to just give a pointer if someone stays over an element, then yes.
If you have a lot of eye-candy with long or slow animations, it makes a lot ...
1
jQuery gives you enough freedom while doing animations. There are methods like delay()
Also in certain situations, you can queue() and dequeue() animations where you introduce a delay before any event, and let a sequence of animations in progress.
So, there is no point is delaying animations by default, since in most cases it is not required, however can ...
1
Dates
Currently the arrows moving the months shown are not intuitive (it's not immediately clear whether a click on an arrow shifts 4 months or 1 month at a time).
Recommendation: it would be better to show dates in a famiiar calendar format. See the Calendar Picker pattern. I'd suggest the jQuery UI Datepicker with the date range option as a plugin.
...
1
It's not a fully comprehensive answer but I reccommend using an auto-complete search field for the city e.g. the jQuery UI element.
I found using the city field that it was monotonous and took far too long to reach the bottom, I suggest using the autocomplete element which will let users search for their city and results will be shown as they type.
1
I'd ditch the 'Brewery' selection completely. The name of the beer is probably unique within a country (so maybe a country selector would make more sense).
If it's not (eg the Czech Budweiser and US Budweiser sold in Europe) give both options.
What's going to happen if the beer isn't on the predictive text list ? (There must be a heck of a lot of ...
Only top voted, non community-wiki answers of a minimum length are eligible
