Presentation is loading. Please wait.

Presentation is loading. Please wait.

Www.mimos.my© 2010 MIMOS Berhad. All Rights Reserved. Nazarudin Wijee Mohd Sidek Salleh Grid Computing Lab MIMOS Berhad P-GRADE Portal Heuristic Evaluation.

Similar presentations


Presentation on theme: "Www.mimos.my© 2010 MIMOS Berhad. All Rights Reserved. Nazarudin Wijee Mohd Sidek Salleh Grid Computing Lab MIMOS Berhad P-GRADE Portal Heuristic Evaluation."— Presentation transcript:

1 www.mimos.my© 2010 MIMOS Berhad. All Rights Reserved. Nazarudin Wijee Mohd Sidek Salleh Grid Computing Lab MIMOS Berhad P-GRADE Portal Heuristic Evaluation

2 Failed W3C validator #1 Recommendation: Website MUST use a proper HTML markup and headers. Pages that are well structured follow proper syntax, and pass the W3C validator (http://validator.w3.org) are most accessible. Fault Category: HTML Specification Screen: N/A

3 Wrong date format www.mimos.my© 2010 MIMOS Berhad. All Rights Reserved. #2 Recommendation: Date format SHOULD have minimal format as below: dd/mm/yyyy -> eg: 23/04/2008 dd-mm-yyyy -> eg: 23-04-2008 Fault Category: Date and Time Format Screen: All

4 Copyright and date is not displayed consistently. www.mimos.my© 2010 MIMOS Berhad. All Rights Reserved. #3 Recommendation: Move the date to the top right under username display and keep copyright display at every page. Fault Category: Date and Time Format Screen: All

5 Horizontal scroll bar should not be used www.mimos.my© 2010 MIMOS Berhad. All Rights Reserved. #4 Recommendation: Vertical scrolling is acceptable but the horizontal scrolling MUST NOT be used. Fault Category: Scroll Bars Screen: All

6 Text length is too long www.mimos.my© 2010 MIMOS Berhad. All Rights Reserved. #5 Recommendation: Length of the text should be acceptable as long as no horizontal scroll bar. Fault Category: Scroll Bars Screen: Help

7 No MIMOS Logo www.mimos.my© 2010 MIMOS Berhad. All Rights Reserved. #6 Recommendation: Site name or logo SHOULD be on top left corner. Site name or logo SHOULD consistently display on every page to ensure users are fully aware they are on the same website The Site name or logo SHOULD be clickable and always linked to Main Page. Fault Category: Site Name / Logo Screen: All

8 Table showing results with multiple rows same color www.mimos.my© 2010 MIMOS Berhad. All Rights Reserved. #7 Recommendation: All tables SHOULD have minimum padding size of 3px and spacing SHOULD have minimum of 1px. For tables showing results with row more than one SHOULD give alternate color of maximum of 2. Fault Category: Tables Screen: All

9 No Page Title www.mimos.my© 2010 MIMOS Berhad. All Rights Reserved. #8 Recommendation: Every site MUST have a page title using tag. Page title format SHOULD be write as follow: ‘Title of this page : Name of the Website’ or ‘Title of this page < Section < Name of the Website’ Fault Category: Page Title Screen: All

10 Links / Menu Links are not visible to user www.mimos.my© 2010 MIMOS Berhad. All Rights Reserved. #9 Recommendation: All links MUST visible to user and avoid hidden link Links MUST be consistent throughout the page Links SHOULD be different from plain text Links SHOULD be Underlined or used different color All links MUST be labeled properly (brief but descriptive) and avoid using ‘click here’ to label a link. Fault Category: Links Screen: All

11 No Visual Hierarchy www.mimos.my© 2010 MIMOS Berhad. All Rights Reserved. #10 Recommendation: All heading, navigation menu and content SHOULD have a clear visual hierarchy. Visual hierarchy SHOULD be organized and prioritized by using size, prominence and content relationships. Fault Category: Visual Hierarchy Screen: All

12 Form not properly aligned www.mimos.my© 2010 MIMOS Berhad. All Rights Reserved. #11 Recommendation: All forms should always contain title - what the form is for. Form structure should always be within one single column. Two columns are allowed only in the case of a big amount of data being constantly referred to. Fault Category: Form Screen: All

13 Wrong heading title www.mimos.my© 2010 MIMOS Berhad. All Rights Reserved. #12 Recommendation: This should be Register instead of Login Fault Category: Content & Language Screen: Main > register

14 Primary action button is not highlighted (focus) www.mimos.my© 2010 MIMOS Berhad. All Rights Reserved. #13 Recommendation: Primary & Secondary Actions The visual presentation of actions SHOULD match their action Provide a clear visual distinction between primary & secondary action. Primary action MUST be selected by default. Site SHOULD allow user to navigate across the form in a logical order with the Tab key. Fault Category: Primary & Secondary Actions Tab Index Screen: All

15 Wrong heading title www.mimos.my© 2010 MIMOS Berhad. All Rights Reserved. #14 Recommendation: This should be Reset Password instead of Login Fault Category: Content & Language Screen: Main > register

16 Buttons separated too far www.mimos.my© 2010 MIMOS Berhad. All Rights Reserved. #15 Recommendation: Should be located closely together Must align with the text box (either right or left) Fault Category: Visual Clarity Screen: Main > reset password

17 Wrong heading title www.mimos.my© 2010 MIMOS Berhad. All Rights Reserved. #16 Recommendation: This should be Update Password instead of Login Fault Category: Content & Language Screen: Main > update password

18 Page title is centered-align www.mimos.my© 2010 MIMOS Berhad. All Rights Reserved. #17 Recommendation: Left align the page title should be better Use larger font size for the page title Fault Category: Visual clarity Consistency Screen: Main > Profile manager

19 The locale select box is not align properly with timezone select box because of the flag icon www.mimos.my© 2010 MIMOS Berhad. All Rights Reserved. #18 Recommendation: The flag should be on the right side of the locale select box Locale select box should be align properly with the timezone select box Fault Category: Visual clarity Screen: Main > Profile manager

20 No clear visual hierarchy level for the help titles www.mimos.my© 2010 MIMOS Berhad. All Rights Reserved. #19 Recommendation: Should implement content hierarchy level for this page Visual hierarchy SHOULD be organized and prioritized by using size, prominence and content relationships. Fault Category: Visual clarity Screen: Main > Help

21 No `You are Here` indicator www.mimos.my© 2010 MIMOS Berhad. All Rights Reserved. #20 Recommendation: User should easily know where they are now Indicate the current page using some visual cue (bold font or change color or both) Fault Category: Visual clarity Screen: Main > Upload Workflow

22 Buttons and other field elements are not aligned properly www.mimos.my© 2010 MIMOS Berhad. All Rights Reserved. #21 Recommendation: All field elements should be aligned properly Fault Category: Visual clarity Screen: Main > upload work flow

23 No clear border to separate each group elements (columns) www.mimos.my© 2010 MIMOS Berhad. All Rights Reserved. #22 Recommendation: Should have border for user to easily know which element goes to which group Fault Category: Visual clarity Screen: Main > upload work flow

24 Buttons consumed too much spaces and not aligned properly www.mimos.my© 2010 MIMOS Berhad. All Rights Reserved. #23 Recommendation: Every workflow will have all button, with left aligned. Enable/disable button will be clearly displayed. Fault Category: Visual clarity Screen: Main > workflow monitoring

25 The icon is not represent download action well enough and novice user would have difficulty to know the icon purpose www.mimos.my© 2010 MIMOS Berhad. All Rights Reserved. #24 Recommendation: Use “Download” button Fault Category: Visual clarity Screen: Main > workflow monitoring

26 Alert message not coming together with Icon www.mimos.my© 2010 MIMOS Berhad. All Rights Reserved. #25 Recommendation: Confirmation, Error and Status message should come together with icon that could represent the message. Fault Category: Error correction & Prevention Screen: Main > confirm deletion

27 No visual border for the table and hard to see separation between rows & column for multiple result www.mimos.my© 2010 MIMOS Berhad. All Rights Reserved. #26 Recommendation: Should have thin border line to separate results (rows & column) Alternate background color for the rows is recommended Fault Category: Visual clarity Screen: Main > detail workflow

28 Buttons are not aligned properly www.mimos.my© 2010 MIMOS Berhad. All Rights Reserved. #27 Recommendation: All field elements should be aligned properly Fault Category: Visual clarity Screen: Main > Certificate management * This issue should be fixed throughout all pages where it repetitively occurred

29 Required field not tagged with asterisk properly www.mimos.my© 2010 MIMOS Berhad. All Rights Reserved. #28 Recommendation: Required fields should be tagged with red color asterisk The asterisk should be tagged beside the label or the field This issue should be fixed throughout all pages where it repetitively occurred Fault Category: Error Prevention & Correction Screen: Main > Certificate management

30 The button position is not consistent www.mimos.my© 2010 MIMOS Berhad. All Rights Reserved. #29 Recommendation: Should maintain the button’s position Fault Category: Consistency Screen: Main > Manage Credential

31 Title (left) and description (right) located too far from each other www.mimos.my© 2010 MIMOS Berhad. All Rights Reserved. #30 Recommendation: Both elements should be located closer between each other Fault Category: Visual Clarity Screen: Main > Certificate details

32 Insert form is mixed with the record display www.mimos.my© 2010 MIMOS Berhad. All Rights Reserved. #31 Recommendation: Should clearly separate the record display and insert form – more spaces or border. Fault Category: Visual Clarity Screen: Main > add grid resource

33 Form fields located too far from the submit button www.mimos.my© 2010 MIMOS Berhad. All Rights Reserved. #32 Recommendation: Should locate the fields and the submit button closer together Fault Category: Visual Clarity Screen: Main > Configure email setting

34 Form fields location is not consistent between pages www.mimos.my© 2010 MIMOS Berhad. All Rights Reserved. #33 Recommendation: Should have a consistent way / location to display form – Left Justified This issue should also be considered for other website elements Fault Category: Consistency Screen: Main > Configure email setting

35 Null message www.mimos.my© 2010 MIMOS Berhad. All Rights Reserved. #34 Recommendation: Null message shall be removed. Fault Category: Error Message Screen: All

36 In-appropriate error and status message and its location www.mimos.my© 2010 MIMOS Berhad. All Rights Reserved. #35 Recommendation: Rephrase the error and status message. Refer to: MIMOS-NGCI-NGP3-WORKFLOW- RAB-USECASE MIMOS-NGCI-NGP3-WORKFLOW- RAB-MESSAGE Fault Category: Error Message Screen: All

37 THANK YOU www.mimos.my© 2010 MIMOS Berhad. All Rights Reserved.


Download ppt "Www.mimos.my© 2010 MIMOS Berhad. All Rights Reserved. Nazarudin Wijee Mohd Sidek Salleh Grid Computing Lab MIMOS Berhad P-GRADE Portal Heuristic Evaluation."

Similar presentations


Ads by Google