Advertise Here | Advertise Here | Advertise Here | Advertise Here
  1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.
  2. Attention buyers: Please take the time to read THIS
    Dismiss Notice
  3. I have imposed a new requirement today limiting who can start and receive private conversations. This is in an effort to thwart scammers who have a zero post count but private message others offering to sell their licenses. The restriction is not strict, a user must post at least one (1) post in the forum before being allowed to start and/or receive private conversations. Read Forum Post
    Dismiss Notice
  4. Dismiss Notice
Dismiss Notice
Introducing the new Classifieds Section

Please see HERE for more info.

Official 4.0 - Profiles

Discussion in 'IP.Board' started by EL Paper Boy, Aug 17, 2014.

  1. EL Paper Boy

    EL Paper Boy Member

    Local Time:
    9:14 PM
    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)



    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

    • [​IMG]
    • [​IMG]
    • [​IMG]
    • [​IMG]

    View the full article

    Continue reading...
     

Share This Page