Well basically the page is in two columns: the ‘main’ column shows you the details of the user that you’re viewing:
<!-- member-profile -->
<div id="member-profile" class="span-14 append-1">
{exp:user:stats member_id={segment_3}}
<h2 class="yellow border">About {screen_name}</h2>
<!-- avatar -->
<div class="span-5 colborder">
<p class="avatar">
<a href="{path='community/profile'}{member_id}">
{if avatar_filename}
<img src="{avatar_url}{avatar_filename}" width="190" height="190" alt="{screen_name}" />
{if:else}
<img src="/images/avatars/default.gif" width="190" height="190" alt="Avatar for {screen_name}" class="avatar" />
{/if}
</a>
</p>
</div>
<!-- /avatar -->
<!-- about -->
<div class="span-8 last">
{if occupation && location}
<p class="bottom"><strong>{occupation} from {location}</strong></p>
{/if}
{if bio}
<p>{exp:html_strip}{bio}{/exp:html_strip}</p>
{if total_entries>0}
<p><a href="/?ACT=19&mbr;={member_id}" class="alt">—View all {screen_name}'s posts</a></p>
{/if}
{/if}
<h3>Communications</h3>
<div class="span-2"><p><strong>Website</strong></p></div>
<div class="span-6 last">
<p>{if url}<a href="{url}" title="Click here to visit {screen_name}'s website">{url}</a>{if:else}<em>Not specified</em>{/if}</p>
</div>
<div class="clear"></div>
<div class="span-2"><p><strong>Email</strong></p></div>
<div class="span-6 last">
<p>{encode="{email}"}</p>
</div>
<div class="clear"></div>
<div class="span-2"><p><strong>Twitter</strong></p></div>
<div class="span-6 last">
<p>{if twitter}<a href="http://twitter.com/{twitter}">{twitter}</a>{if:else}<em>Not specified</em>{/if}</p>
</div>
<div class="clear"></div>
{if total_entries>0}
{embed="community/.profile_blog_posts" author_id="{member_id}"}
{/if}
</div>
<!-- /about -->
{/exp:user:stats}
</div>
<!-- /members -->
While the sidebar to the right shows you your own avatar…
<!-- status -->
{exp:user:stats member_id="{logged_in_user_id}"}
<div id="status" class="span-7 last">
<h2 class="blue border"><a href="{path='community/profile/{member_id}'}">Hello {firstname}</a></h2>
<div class="span-3 avatar">
{if avatar_filename}
<a href="{path='community/profile/{member_id}'}"><img src="{avatar_url}{avatar_filename}" width="100" height="100" alt="Avatar for {screen_name}" class="avatar" /></a>
{if:else}
<a href="{path='community/profile/{member_id}'}"><img src="/images/avatars/default.gif" width="100" height="100" alt="Avatar for {screen_name}" class="avatar" /></a>
{/if}
</div>
<div class="span-4 last">
<ul>
<li><a href="{path='community/edit'}">Edit your profile</a></li>
<li><a href="{path='community/avatar'}">Upload an avatar</a></li>
<li><a href="{path='community'}">View members</a></li>
<li><a href="{path='logout'}">Log Out</a></li>
</ul>
</div>
</div>
{/exp:user:stats}
<!-- /status -->
In this case, the sidebar will say ‘Hello….’ and the name of the member in the ‘main’ column, and also show the main editor.