Skip to main content
Version: Winter 2024 SheCodes Program

Efficient AI Communication Techniques

Clear Expression of Requirements​

Use Professional Terminology​

Value of Professional Terminology

Using accurate professional terminology is the foundation of efficient communication and can significantly improve the quality of exchanges.

I need to optimize my website's user interface (UI) and user experience (UX), especially in terms of responsive design for mobile.
Importance of Professional Terminology

Using accurate professional terminology can:

Efficiency Improvement
  • Improve communication efficiency: Reduce time spent on explanation and clarification
  • Reduce ambiguity: Avoid misunderstandings and misinterpretations
  • Get more professional responses: AI can provide more precise suggestions
Learning Recommendations
  • Build a personal terminology library: Collect and organize professional vocabulary
  • Read technical documentation: Accumulate industry-standard terminology
  • Learn through practice: Continuously apply and refine in projects

:::

Provide Specific Examples​

Avoid Abstract Descriptions

Abstract requirement descriptions often lead to generic and impractical responses from AI.

đŸŽ¯ Example Requirements​

Complete Requirement Description
I want to implement an article reading progress bar feature similar to Medium.com. Specifically:
- When the user scrolls through an article, a progress bar should appear at the top of the page
- The progress bar color should match the website's theme color
- The progress bar should transition smoothly
- It should display properly on mobile devices
Advantages of Specific Examples

Providing specific examples can:

  • Clarify functional requirements: AI can accurately understand your intent
  • Provide implementation references: Offer executable solutions
  • Reduce repeated inquiries: Get complete answers in one go

Specify Expected Output​

Importance of Output Format

Clearly specifying the expected output format allows AI to generate content that better meets your needs.

📋 Output Format Example​

Structured Request
Please generate an HTML structure for my blog article. I need:

1. An h1 heading
2. An author information paragraph with class 'author'
3. A publication date paragraph with class 'date'
4. 3-5 paragraphs of article body content, each wrapped in p tags
5. An unordered list with class 'tags' containing 3 tag items

Please provide the HTML code directly, no CSS styling needed.
Best Practices
  • Specify format type: HTML, JSON, Markdown, etc.
  • Clarify structural requirements: Tags, attributes, hierarchical relationships
  • Set content scope: Quantity, length, complexity
  • Explain usage scenario: Help AI understand the context

Iterative Dialogue​

Request in Steps​

Power of Step-by-Step Approach

Breaking complex tasks into multiple simple steps can yield higher quality results.

Blog Development Process

1ī¸âƒŖ Step 1: Design Layout

Please design the layout structure for a simple blog article page.

2ī¸âƒŖ Step 2: Generate HTML

Based on the layout you provided, please generate the corresponding HTML structure code.

3ī¸âƒŖ Step 3: Add Styling

Now, please add basic CSS styling to this HTML structure, focusing on typography and readability.

4ī¸âƒŖ Step 4: Add Interaction

Finally, please add some simple JavaScript functionality, such as filtering article lists when tags are clicked.
Step-by-Step Advantages
  • Reduce complexity: Each step has a clear goal
  • Quality control: Can check and adjust at each stage
  • Flexible adjustment: Adjust subsequent steps based on results
  • Learning opportunities: Gradually understand the complete implementation process

Adjust Questions Based on AI Responses​

Dynamic Adjustment Strategy

Adjust your questioning strategy in a timely manner based on the quality and content of AI's responses.

Effective Follow-up Questions

Based on AI's response, you can follow up like this:

Response Quality Assessment

If AI response is too general:

Please provide more specific implementation details, including concrete code examples.

If AI response is too complex:

Please simplify this solution, I need a simpler implementation method.

If AI response is incomplete:

Please complete the previous answer, especially regarding [specific part].
Optimization Strategies
  • When lacking details: Request more specific explanations
  • When too complex: Ask for a simplified version
  • When not meeting requirements: Provide more context
  • When needing alternatives: Ask about other implementation methods

:::

Effective Communication Techniques​

Establish Dialogue Context​

Context Continuity

Maintain dialogue continuity so AI can understand the background of the entire project.

Context Establishment Methods
  1. Project Background Introduction

    I am developing a technical blog website using React and Next.js framework.
  2. Current Progress Explanation

    The basic article display feature is now complete, and I need to add a comment system.
  3. Specific Requirement Description

    I need a simple comment component that supports nested replies without requiring user login.

Use Guiding Questions​

Guiding Techniques

Through guiding questions, you can help AI better understand your needs.

Guiding Question Examples
  • Exploratory questions:

    For a personal blog, which comment system do you think would be more suitable?
  • Comparative questions:

    Between performance and functionality, how would you balance this design?
  • Confirmatory questions:

    Does this implementation approach align with modern web development best practices?

Feedback and Confirmation​

Avoid Misunderstandings

Timely feedback and confirmation can avoid subsequent misunderstandings and rework.

Feedback Strategies
  • Positive feedback:

    This solution is great, please continue with detailed implementation steps.
  • Constructive feedback:

    This approach is basically feasible, but could you simplify the API call part?
  • Clear concerns:

    I have questions about the implementation of step three, can you provide more detailed code examples?
Communication Outcomes

After mastering these communication techniques, you will be able to:

  • Quickly convey requirements: Express the most accurate intent with the fewest words
  • Get precise answers: AI can understand and provide appropriate solutions
  • Efficient collaboration: Establish a good human-AI collaboration model
  • Continuous optimization: Continuously improve communication effectiveness through feedback

Common Communication Scenarios​

Code Debugging Scenario​

Debugging Communication Template
I encountered [specific problem] while developing [project type].

**Environment Information:**
- Framework: [specific framework and version]
- Browser: [browser type and version]
- Error message: [specific error message]

**Expected Result:**
[Describe the expected correct behavior]

**Current Code:**
[Provide relevant code snippet]

Please help me analyze the cause of the problem and provide a solution.

Feature Implementation Scenario​

Feature Implementation Template
I need to implement [specific feature] for [project type].

**Feature Requirements:**
1. [Specific requirement 1]
2. [Specific requirement 2]
3. [Specific requirement 3]

**Technical Constraints:**
- [Constraint 1]
- [Constraint 2]

**Reference Examples:**
[If available, provide similar functionality from websites or applications]

Please provide a complete implementation plan, including code examples.

Performance Optimization Scenario​

Performance Optimization Communication
My [project type] has performance issues:

**Problem Manifestation:**
- [Specific performance problem]
- [Aspects affecting user experience]

**Current Implementation:**
- [Related code or architecture description]

**Performance Data:**
- [If available, provide specific data]

Please analyze performance bottlenecks and provide optimization suggestions.
Scenario Applications

Using appropriate communication templates for different scenarios can:

  • Improve problem-solving efficiency
  • Get more accurate technical solutions
  • Establish standardized communication processes
  • Reduce unnecessary back-and-forth confirmations