Challenge Summary
Welcome to IBM Castle - Contact Management UX Design Challenge
This challenge is part of the IBM Castle Challenge Series. Competitors who win challenges in this series will compete in a leaderboard and earn points towards additional cash prizes.
This is a follow-up challenge to the recently completed Castle Email Application and we need you to incorporate Contact Management as part of this application!
We are providing the current Mobile and Desktop designs and need you to focus on creating a great “responsive” design experience!
Note: These design challenges will be FAST and we will be providing FAST feedback! We will stay on schedule as there is no room to move our delivery dates!
Round 1
Initial Contact Management Design on Desktop Screen Size
- Provide us with a click map for your design, with annotations for all interactions.
- Make sure all pages have correct flow. Please number your files (00, 01, 02, 03).
- Readme.jpg: If needed, provide notes about your submission
Round 2
Final Contact Management Design on Desktop and Mobile Screen Size after combined with Checkpoint Feedback
- Provide us with a click map for your design, with annotations for all interactions.
- Make sure all pages have correct flow. Please number your files (00, 01, 02, 03).
- Readme.jpg: If needed, provide notes about your submission
Downloadable Files
Google Drive Folder: https://drive.google.com/open?id=0BxNVnWK-ZGA6b3NqUFMyX3FrVDA
IBM-Castle-NEW-Mobile-Design_CLEAN - Use this Desktop Design as the base of this challenge submission.
IBM-Castle-NEW-Mobile-Design_CLEAN - Some new mobile design
IBM-Castle-OLD-Mobile-Design_CLEAN - Old mobile design
Challenge Details
The email application we are designing will eventually be used throughout IBM and will replace Gmail and other email applications created by outside vendors. It is very important that you pay attention to the details and think about the overall experience. We do want to push common thought and create a "better email, scheduling, task" application. We need you to consider each step and interaction in your design!
Design Problem
We need a new (simple!) contact management component as part of our new email application. We are looking for a great design and user experience focused on "contact management". We are not looking for this to have "everything" - what it needs is a simple and engaging experience.
- How often do you manage your contacts?
- Where do you normally manage your contacts (from the email creation view, or do you go into your contact list?)
The Contact Management module should be an integrated part of the experience where a user can search other users, check profiles, see activity/social activity via a timeline, check relationship status/connections. Think about the "new contact managment experience"
Important
- Do your homework/research... there are a lot of Contact Management tools, apps, plugins etc... what resonates with you as necessary features?
Accessibility:
Accessibility and 508 compliance is extremely important for this project. Please see below:
- Make sure when you are planning your designs you are also thinking about accessibility (http://www-03.ibm.com/able/access_ibm/disability.html).
- You can view the accessibility checklist here.(http://www-03.ibm.com/able/guidelines/web/ibm508wcag.html)
General Requirements
- Your design submission must belong and enhance the provided IBM Castle application look and feel - one unified user experience!
- Required screen sizes:
1). Mobile Retina Portrait (768px x 1024px)
2). Desktop Standard Wide (1280px x Height up to your design)
Important: Practice good PSD source file etiquette: Check out: http://photoshopetiquette.com/files/
Things to plan for
We want this Contact Management module to be simple and professional.
- Contact Search & Filter
- Contact Groupings by Division, Company, Vendors, any custom options?
- Contact List View/Grid View
- Contact Multiple Selection View
- Contacts selection as part of the calendar/meeting creation
- Quick Contact Buttons (Call, SMS, Email, Add to Calendar Event, Tag Users, etc)
- Contact Timeline/Activity
- Contact Social Activity
- Related Contact
- Contact Information/About User
- Add/Connect/Favorite Contact
- Contact Business Card
- Contact Files
- Contact Companies
- Relationship Strength (This section shows your relationship to people in your contacts)
- Sample Relationship Strength fields. Feel free to suggest different approaches
-- Dormancy (Out of sight, out of mind. If you don’t work a relationship, it will degrade)
-- Frequency (The more often you talk, the deeper your relationships can be)
-- Responsiveness (Shows you know how to get their attention)
-- Privacy (Strong relationships are one-to-one)
-- Freshness (Relationships need depth, but they also need to evolve across topics)
-- Balance (The best relationships are ones where everyone is equal)
Fields of Contact Information
These are the possible options when user checks contact information:
- FUID (Unique ID)
- Display Name
- Emails address (Can be more than 1)
- Set primary email address
- Providers (Can be more than 1)
- Providers User ID
- Photo URL
- Organization
- Role
- Title
- Address
- Work Location
- Country Code
- Building
- Floor
- Office Number
- Phone Number
- Manager
- Is a manager?
- Other
Target Audience
- IBM Internal Users
- IBM External Vendors
Judging Criteria
- How well you design the new Contact Management module
- Keep things consistent with the existing design brand of IBM Castle Application.
- Cleanliness of your graphics and design.
- User Experience for Modern Calendar component.
Submission & Source Files
Preview Image
Please create your preview image as one (1) 1024x1024px JPG or PNG file in RGB color mode at 72dpi and place a screenshot of your submission within it.
Submission File
Submit JPG/PNG image files based on Challenge submission requirements stated above.
Source Files
All source files of all graphics created in either Adobe Photoshop or Illustrator and saved as editable.
Final Fixes
As part of the final fixes phase, you may be asked to modify your graphics (sizes or colors) or modify overall colors.
Please read the challenge specification carefully and watch the forums for any questions or feedback concerning this challenge. It is important that you monitor any updates provided by the client or Studio Admins in the forums. Please post any questions you might have for the client in the forums.