Presentation is loading. Please wait.

Presentation is loading. Please wait.

Meeting Overview Kelly to present following: 1)Two wire-frames in GRAYSCALE - This way, color won’t sway our decision. The color theme will be designed.

Similar presentations


Presentation on theme: "Meeting Overview Kelly to present following: 1)Two wire-frames in GRAYSCALE - This way, color won’t sway our decision. The color theme will be designed."— Presentation transcript:

1 Meeting Overview Kelly to present following: 1)Two wire-frames in GRAYSCALE - This way, color won’t sway our decision. The color theme will be designed and determined next. Each concept includes: The template ‘shell’ or ‘frame’ (ultimately, this is what we need to determine first), a welcome/login screen, and a sample layout page to show how content could be applied to the template. 2)Designs side by side - As seen through the eyes of a user/tester at a desktop computer with 1024x768 screen resolution. This makes for an easy visual comparison of the two. Comments and discussion. Choose one concept. Once frame is determined, logo designer should be informed of template. (Ryan?)

2 Sneak Peek If there is time at the end of the meeting: 1)Menu Bar Structure 2)Page layout examples (using one of the 2 design wire-frames) 1)Testing > HTML Unit Control for BlueGuest 2)Batch Run > Execute & Preview 3)Reporting > Report & Summarize 4)Reporting > Test Case History 3)Color Schematics Next Steps - POST Meeting (to be scheduled) Kelly to complete for next presentation: 1) 2 – 3 color theme overlays 2)Sample icons, buttons, & drop downs

3 Concept 1

4 This is one of the ‘wire-frame shells’ - without content as it is what I’d use to create the HTML template.

5 Sample welcome/login screen once someone launches the app.

6

7 Concept 2

8 This is the second ‘wire-frame shell’ - without content as it is what I’d use to create the HTML template.

9 Sample welcome/login screen once someone launches the app.

10

11 Comparison

12 Comments/Discussion/Notes Concept 1 - Rounded CornersConcept 2 - Angular positivenegativepositivenegative Enclosing the app with the border creates a simplistic appearance The space at the top uses a lot of ‘real-estate’ Newer looking layout using more angular space Less ‘wasted space’ at the top not being enclosed Creates an area for copyright information Rounded corners may be considered an ‘older style’ If there’s time to preview additional slides - click to move on

13 Menubar Structure TestBatch Report Web ServicesRun & PreviewReport & Summarize HTML Unit Control >Admin PanelTest Case History Blue2 BlueGuest 3rd Party Programs > Selenium Beat Pages with check-marks are the ones that have sample layouts done. Additional pages to be designed will include the Application ‘Home Page’.

14 Sample Layouts - Testing Drop down Testing to HTML Unit Control for BlueGuest, the following is the page example.

15

16

17 Sample Layouts - Batch Run Drop down Batch Run to Execute & Preview, the following is the page example.

18

19

20 Sample Layouts - Reporting Drop down Batch Run to Report & Summarize, the following is the page example.

21

22

23

24

25

26 Sample Layouts - Reporting Drop down Batch Run (or use the right navigation links) to Test Case History, the following is the page example.

27

28

29

30 Color Schemes

31

32

33


Download ppt "Meeting Overview Kelly to present following: 1)Two wire-frames in GRAYSCALE - This way, color won’t sway our decision. The color theme will be designed."

Similar presentations


Ads by Google