invision community 4.0 - Profiles

[AWS]

Profiles are one of the key sections of a community, as everyone knows. They are what represent your users; where their information is shown and their content is gathered. When users contribute quality content to your community, their profile is where other users go to find it in one place. In short, it's an important area.

 

In IPS4, profiles have had a complete makeover. There's a lot to cover, so I'll start with a numbered screenshot, and address each section individually (please note this is a large image; if you're on mobile, you may wish to wait to view it full-size).

 

 

 

1 - Header images

 

In 3.x, users could customize their profiles by uploading a background image. In practice, this didn't work well when the software was integrated into an existing website design, and the options presented often ended up with a garish profile. In addition, social networks like Facebook and Twitter have adjusted user expectations on how profiles are customized.

 

In IPS4, instead of page backgrounds, users instead get to customize their profile header image. This provides the best of both worlds - ample space to choose something creative, but it's contained and won't mess up a website design.

 

2 - Reputation

 

The user's current reputation count is shown prominently in the info column, letting other users know if this member is an asset to the community.

 

3 - Warnings

 

For moderators/staff, the profile now provides quick access to warning tools. By expanding the panel, they can see a brief history of recent warnings:

 

 

 

And clicking one of these pops up the warning details:

 

 

 

New warnings can also be issued inline, of course.

 

4 - Followers

 

Followers replace friends in IPS4, and the user's followers are shown in this block. Instead of requiring mutual acknowledgement as with the traditional friends system (an approach that isn't entirely useful in a community of anonymous users), in IPS4 you follow users whom you find interesting in order to be updated when they contribute to the community. Users can of course prevent others from following them, if that is a concern to them. We'll have more details on how followers works in a later entry.

 

5 - About the user

 

Traditional information about the user is shown in the next block, including custom profile fields.

 

6 - Recent visitors

 

Recent visitors to this user's profile are shown next. As with 3.x, this can be toggled on and off by the profile owner. In 4.x, this is done by clicking the X in the corner of the block.

 

7 - Follow/Message member

 

These primary buttons enable others to follow the user (if enabled), and send a new message inline, without leaving the page.

 

8 - User's content

 

In 3.x, browsing a user's content was handled by the search area of the community (though links were available in the user's profile and hovercard). We felt this wasn't the best place for it, though. After all, a user's content should be available in their profile.

 

That's what this button does. It switches the profile view to 'content browsing' mode, where you can see everything the user has done. It's smooth and buttery, and because it all loads dynamically, it feels like a true part of the profile. Here's a video of it in action (14MB)

 

http://community.invisionpower.com/blogvideos/40-profiles.swf' class='bbc_url' title=''>

 

9 - Long-form custom profile fields

 

IPS4 supports various kinds of custom profile fields, including rich-text editors for long, styled content. Those custom profile fields will be shown in the main section of the profile where they get the space they need to be effective. About Me is a default field, but you can of course add your own too for your users to fill in.

 

10 - User's 'Nodes'

 

A node is a fancy developer term for content containers that a user creates themselves, like gallery albums and blogs (as opposed to forum categories, which are created by the admin). In IPS4, a user's 'nodes' are shown right on their profile page, making it easy to find more interesting content from the user. In this screenshot, you can see my profile is showing my albums, my blogs, and other blogs to which I contribute.

 

For developers, supporting your application in this section is easy too.

 

11 - Status feed

 

The status feed from 3.x is of course still present, and the interaction is all inline without leaving the page.

 

 

Conclusion

 

That's profiles in 4.0. We hope the new focus on content and streamlined design provides a better experience for your users!

 

 

As always, screenshots are from pre-release software and are subject to change before release. 

 

Attached Thumbnails

http://community.invisionpower.com/blog/1174/entry-9679-40-profiles/' class='bbc_url' title=''>View the full article

 

View the full article