1 / 33

Software Design Phase

Software Design Phase . Lets fun start. Table of Content . Introduction Designing System Database Graphical User Interface Design Designing Input Screens Designing Output Screens Designing User Interface. Design system Database .

emlyn
Télécharger la présentation

Software Design Phase

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Software Design Phase Lets fun start

  2. Table of Content • Introduction • Designing System Database • Graphical User Interface Design • Designing Input Screens • Designing Output Screens • Designing User Interface

  3. Design system Database Database Model (Primary keys, Foreign keys, Data types, Null) Data Type: VARCHAR,CHAR,LONG,NUMBER,DATE OR Boolean

  4. Graphic user Interface • Put in your mind the following things while you design user interface layout • Know your user • Pay attention to patterns • Stay consistent • Use visual hierarchy • Provide feedback • Speak their language • Keep it simple • Keep moving forward

  5. Know your user

  6. Know your user • Know your user Event Planner Sales manager Business Woman Teacher

  7. Pay attention to patterns Lets see what that mean

  8. Windows user interface

  9. Stay Consistent

  10. Google

  11. Wikipedia

  12. Use visual hierarchy

  13. Design your interface in a way that allows the user to focus on what is most important. • The size, color, and placement of each element work together, creating a clear path to understanding your interface. • A clear hierarchy will go great lengths in reducing the appearance of complexity (even when the actions themselves are complex).

  14. Providing feedback

  15. Providing feedback • Your interface should at all times speak to your user, when his/her actions are both right and wrong or misunderstood. Always inform your users of actions, changes in state and errors, or exceptions that occur. Visual cues or simple messaging can show the user whether his or her actions have led to the expected result.

  16. Speak their language

  17. Talks their language

  18. Keep it simple

  19. Keep moving forward

  20. It is often said when developing interfaces that you need to fail fast, and iterate often. When creating a UI, you will make mistakes. Just keep moving forward, and remember to keep your UI out of the way.

  21. Design Input Screen • Designing Input Screens • Forms (Usability and Flexibility) • Description (Paragraph for each Form) • Common GUI Controls for Inputs • Button • Check Box • Combo Box • List Box • Drop-Down List • Text box • Radio Button

  22. Checkbox checked Checkbox checked Checkbox Radio Option Tab Tab Tab Tab Active Tab Active Tab Radio Option 2 Browse… Button Ok Cancel Text Field: File Field Hyperlink Default Value | Combobox Drop Down:

  23. Example

  24. Design Output Design • Designing Output Screens • Reports • Description (Paragraph for each Report) • Output Screens Guidelines • Every Output should have a title. • Every Output should be dated and time stamped. • Reports Should include sections and headings to segment information. • Fields should be clearly labeled. • Only required information should be printed or displayed. • Reports should be well organized.

  25. Example

  26. Sign Out List of resources Upcoming Meetings Create a meeting Add Resource Home Resources People Title Monthly Usage Availabilily Next Available 9(2)% 9(2)% 9(2)% 9(2)% 9(2)% 9(2)% 9(2)% 9(2)% 9(2)% 9(2)% X(8) X(8) X(8) X(8) X(8) X(8) X(8) X(8) X(8) X(8) 10/12/2008 10/15/2008 4:00pm 3:00pm Now Now Now Now Now Now X(15) X(15) X(15) X(15) X(15) X(15) X(15) X(15) X(15) X(15) Search Board Meeting Status Review Morning Review Planning Meeting

  27. Design user Interface • Designing User Interface • User Interface • Description (Paragraph for each User Interface) • Examples: • Windows and Frames. • Menu-Driven Interfaces. • Pop-Up Menus. • Dialogue Box. • Toolbars. • Help Interfaces.

  28. Sample Showing How Gmail Can be Mockedup Twitter Home Find & Follow Settings Help Sign Out What are you doing? Hi John Smith Currently --------------- Device Updates add device Stats Following 76 Followers 95 Favorites 3 Direct Messages 7 Updates 167 People Invite more 140 Everyone Recent Replies Archive Accept new Friend Connection? Ignore Accept Search Joe Smith would like to add you as a friend, would you like to accept? Alex Smith Checking the park in the city and wondering where to walk next. 23 minutes ago from web Alex Smith Checking the park in the city and wondering where to walk next. 23 minutes ago from web Alex Smith Checking the park in the city and wondering where to walk next. 23 minutes ago from web

  29. Recommended Software Wireframe Software Extra over here • JustinmindPrototyper • Adobe Fireworks • Adobe Illustrator • OmniGraffle • Mockingbird • HotGloo • Pidoco • Antetype • 10screens • App Sketcher • Microsoft Visio • LucidChart • Cacoo • Creately • Mockups, by Balsamiq • DesignerVista • Jumpchart • ProtoShare • Axure • Wireframe Sketcher • MockupTiger

More Related