Design
 Completed
 
 

Description

Overview

Before
before.png

After
after.png

RSS Feed

  • Moving "RSS feed" to Profile Settings
  • Having "Clear All" on the same line as "Settings" 
  • Smaller switches
  • Naming: Fixing "Watchlist" label name

Before
beforeRSS.png

After
afterMenu.png

After
afterRSS.png

Settings

  • Naming: Using "Settings" over "Preferences"
  • Headings consistent with other Profile sections
  • Email preferences aligned with Applications email activator

Before
beforeSettings.png

After
afterSettings.png

Applications

  • Naming: Using "Alert" instead of "Notifications menu" in order to be consistent with Filters + shorter
  • Shorter, equal length descriptions
  • Improved styling for table, having a master-secondary styling instead of odd/even backgrounds
  • Better table widths

Before
beforeApplications.png

After
afterApplications.png

Filters

  • Naming: using "Add" instead of "Create"
  • Buttons grouped together
  • Better styling for the table: removing white borders + using the xform label styling for table headings

Before
beforeFilters.png

After
afterFilters.png

  • Naming: shorter buttons labels for "Advanced"
  • Naming: "Cancel" instead of "Close"
  • Hint put inside the Title
  • Fixed select width for livetable
  • For "Add" modal, the button label should be "Add" instead of "Save"

Before
beforeAdvanced.png

After
afterAdvanced.png

Events

  • Focus on User, not on App type
  • Moved "details" activator to the event actions area
  • Replaced App icon with Event icon
  • Using jodatime to display relative times
  • "See more" now load another 5 items, but in the future we might want to create a special area to display and filter all the launched notifications (that could replace "Activity Stream")

Before
beforeEvents.png

After
afterEvents.png

  • Event Unread + Details

Before
beforeEventDetails.png

After
afterEventDetails.png

  • Event Read

Before
beforeEventRead.png

After
afterEventRead.png

  • Event buttons titles

Before
beforeEventTitle.png

After
afterReadTitle.png

After
afterDetailsTitle.png

Event Types

  • Event Type: create

Before
beforeCreate.png

After
afterCreate.png

  • Event Type: update

Before
beforeUpdate.png

After
afterUpdate.png

  • Event Type: delete

Before
beforeDelete.png

After
afterDelete.png

  • Event Type: addComment

Before
beforeComment.png

After
afterComment.png

  • Event Type: BlogPostPublishedEvent

Before
beforeBlogPublish.png

After
afterBlogPublish.png

  • Composed events

After (variations)
var2_dif.png

 
var2.png
var2_title.png

Examples

events1.png

events3.png

events4.png

events2.png


 

Tags:
Created by Ecaterina Moraru (Valica) on 2017/10/02 14:10
    

Get Connected