Hot answers tagged

67

It's intentional, grid-breaking design Grid-breaking is a common design technique used to draw attention to important objects on a page. By intentionally misaligning visual content to the page's natural grid lines, a designer can draw attention to a key piece of content on a page because the user's eye will naturally be drawn to that content. The following ...


47

Another alternative to consider is the initials of the user. This is done by the collaborative card site Trello, and many others. So if your name was John Smith, you would see for example a gray square like you had for that first image, with the two centered letters 'JS'. A simple sans-serif and readable font like Helvetica would be great for that (you ...


40

The overlapping is there to show the hierarchy between the two photos. The profile image is the more important one and the cover is an additional info that you can show to the user. Think of an example where those 2 photos were ordered differently, for example the cover photo first and beneath it the profile image. Your eyes will look first at the bigger ...


17

You can certainly objectively define the characteristics that would make an avatar male or female. Take a look here: http://en.wikipedia.org/wiki/Secondary_sex_characteristic (there are other lists that might work better, but this one was easy to find; cultural aspects of "gender display" should also be considered) There are some characteristics that would ...


14

For me have all those terms slightly different meaning... Avatar is something, what I use on website, where my nick is "UX Fanatic" - my profile could be important and have valuable info, but it's not linked to my real name (like some community forum for example). I am expecting that avatar will not contain my actual face, but some movie star / abstract art ...


13

While this is practically feasible due to Big data analysis, there are a number of logistic issues. Updating the software to provide the kind of customized service : A quick search revealed that most ATM's softwares still running windows XP and now under a deadline to update the operating system since Microsoft will shortly will be stopping support to XP. ...


10

Changing email is not allowed by some of the web applications due to security reasons. Some of the apps which allow this uses the following workflow: You present the editable section where the user can update the email address. Once the user changes the email, a confirmation email is sent to the new email address which contains a link to verify the email ...


9

Short answer Don't worry about everyone using all the features, only the most important ones will. And be sure you're actually doing something for the user in exchange for their time and data. Long answer Here's a statistic from several years ago that illustrates the issue well: [by the end of 2009] about 80% of all Twitter users have tweeted fewer than ten ...


8

Okay, as a BSA working with ATM's here are my two cents. ATM's UX is different from that of a PC. They are basically finite state machines, so every screen you see is a state on which the device finds itself. While this may seem sluggish and unreasonable in terms of UX, it's essential to the transactional nature of ATMs. Note: While ATMs do run WXP, they ...


6

There isn't a general "one size fits all" reason, but there are several context-based reasons. User Benefits Empathy, Credibility & Confidence If a user can tell that somebody works in a similar space to them, has similar interests, skills, situations or concerns then they are more likely to consider their contributions to be worthwhile. A completed ...


5

I can only comment on the "amount withdrawn" suggestion. The available denominations for bank notes are dependent on the cash left in the ATM machine. The particular "configuration" of denominations per machine depends on the profile of people that use the machine (in the neighbourhood where it is installed), the time of the month, and the time since the ...


5

As a user, is there any benefit in knowing the default value? For pagination, probably not. For some other cases, probably yes. Anyway, if you want to note which value is the default one, you should change the order of your example, so that each value keeps in line: 5 10 (default) 15 instead of 5 default (10) 15 "Site" could be ...


5

Yes! (but it's not what you think) Let's start with the downside of using profile pictures: Visually they can really clutter up lists and layouts. They are not terribly communicative. For enterprise applications a name is a lot more functional than a picture. You have to figure out how to get users to upload photos without making it a hurdle or an ...


5

Profile typically includes information about you that is displayed publicly. Account typically includes information you need to share with the company for them to provide you services. Ex. An ecomm site might store your name in your profile and your payment info in your account.


4

If the CEO is someone I can relate to, think is funny or important figure who make substantial contributions to help organizations, then yes. If the CEO is a family member or a friend, then yes, but she would probably not be friend or family member to the majority of others. If the CEO is funny, like Conan O'Brian or Will Ferrel. If the CEO acts like Bill ...


4

There are a lot of social networks, but only some are popular. So you could design the dialog which allows to connect to the popular platforms in a quick way, displaying appropriate buttons, and propose to select other platforms with additional control. Connected platforms are visually distinct and ordered. This allows to perceive information faster. The ...


4

Is there a behavioral or psychological benefit to placing the identity control in the top-right? Reading Gravity - Top-right is a 'strong fallow' area Various models that describe reading gravity (for languages that read left-to-right) make the top-right a 'strong fallow' area. So it's not a primary location in the reading/scanning process, but it gets seen ...


4

I strongly suggest that you ensure that you use more than just the photo to identify the role. The photo should really be ancillary to the informational content: the informational content can be read by eye, by screenreader, and can be machine-readable in a way that photos cannot. That deals with the informatics and accessibility issues. In terms of ...


4

People tend to focus on and remember the most recent information presented to them. If you say "this is not your username or pin" the user will start asking himself "oh god, is this too similar to what I should not type?" and will end up with either something that still resembles their private information or with a result that isn't personally pleasant to ...


4

For security purposes, an update is sometimes sent to make sure the user knows that an important modification has been made. When such a notification has been sent, it often says something along the lines of: 'A payment preference has been changed in your account' along with a link or secondary statement telling the user if they made the change, they can ...


4

When the user is not already a subscriber go with something like: download bmml source – Wireframes created with Balsamiq Mockups Do you really need to use the button label to communicate that subscriptions are something you "Buy" or "Purchase"? I imagine this is something that will become clear as soon as they initiate the process, and as John ...


4

Do it the linked in way. Have a progress bar, showing how much their profile is complete. Gamify it or provide rewards (if possible) as and when users complete their profiles. So, you could have the user land on your main & important landing page after onboarding. Where, the user could the progress bar.


3

I think it also depends on the nature of the websites. Many sites require users to upload actual photos rather than avatars that may not represent their real features. Also, if it is just an image for the purpose of a thumbnail and that users can click on to enlarge then the size is not as important. My suggestion is to do some performance testing to ...


3

Because you will be sending these images over the web you should strongly consider storing multiple versions of the image in different sizes (i.e., 32 x 32, 200 x 200, 400 x 400, 800 x 800). This is for several reasons: Disk space is (relatively) cheap You can now serve an optimally sized image for whatever context it is needed in (thumbnail, high def, ...


3

Having a choice of 'Default' sounds like a good idea to me. I think that the 'follow the default' selection should be separate from the other 'fixed' selections that you provide like so: Default (5) 5 10 15 That way its clear that you can pick '5' or 'the default'. Having it look slightly different is ok since it means something slightly different than ...


3

In my opinion, your screen is one of the most efficient that i have seen. • The "add" and "remove" links are important to reassure the user. Maybe you can just show these on roll-over to avoid visual noise. • 1 column list is easier to embrace all the options and make a confident choice • if you want to cover a lot of social network, you can show the most ...


3

From a UX perspective, there should be one field: Your Resume EDIT: The point of my answer from a UX perspective is that a user already has a resume. The smoothest process is to upload that resume and be done with it. There are things you can do with that resume. On one level, you can parse it out and let a user validate the sections. I've seen systems ...


3

Look at what the confidential information is made of and add requirements that make it impossible to add the confidential information. For example, the PIN has four digits (ie 1234) which are all numbers. If you don't want someone to enter the PIN, require at least five digits, A-Z or a special character. In addition to that you can 'guide' your user by ...


2

Having a lot of categories asks for good information architecture. In your case I would go for a hierarchy with at least two levels of categories. Categorie 1 Categorie 1a Categorie 1b Categorie 2 Categorie 2a Categorie 2b Categorie 2c Categorie 3 Categorie 4 Categorie 4a Categorie 4b It might help two write every categorie on a piece of ...


2

User benefit: some services create a situation where completing a profile addresses the user need. Here in Stack Exchange you get a badge after completing, so completing your user profile affects your status & exposure directly. Gamification has a plethora technics for that, Dave Alger is right. Product benefit: more complete the profiles are, more ...


Only top voted, non community-wiki answers of a minimum length are eligible